@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/Suggestion/index.js CHANGED
@@ -26,62 +26,68 @@ 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 Suggestion = ({ 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: "M26.69 0c-.46 0-.91.187-1.24.516l-14.26 14.26c-14.92 14.92-14.92 39.115 0 54.035 14.919 14.919 39.114 14.919 54.034 0l14.26-14.26c.33-.33.516-.77.516-1.242V.989A.984.984 0 0 0 79.012 0H26.69Z",
39
- fill: "#E0E1E9"
40
- }), /* @__PURE__ */ import_react.default.createElement("path", {
41
- d: "M66.16 57.374s.087-.054.12-.087l6.521-4.323-3.147-1.697-3.147.756-8.334-31.681a5.73 5.73 0 0 0-6.707-4.15l-39.74 8.063-1.4-3.124-3.428 5.88a6.507 6.507 0 0 0-.217.368v.021a5.618 5.618 0 0 0-.456 4.248l10.472 36.654a2.599 2.599 0 0 0 3.19 1.794l45.459-12.344c.271-.076.52-.205.749-.346l.054-.032h.01Z",
42
- fill: "#E0E1E9",
43
- stroke: "#6C6E79",
44
- strokeLinecap: "round",
45
- strokeLinejoin: "round",
46
- strokeWidth: ".7"
47
- }), /* @__PURE__ */ import_react.default.createElement("path", {
48
- d: "M72.02 53.31 24.152 66.313a2.747 2.747 0 0 1-3.364-1.892L9.752 25.822c-.966-3.372 1.16-6.853 4.612-7.556l43.05-8.744c3.146-.638 6.25 1.286 7.053 4.377L73.95 49.98a2.729 2.729 0 0 1-1.931 3.33Z",
49
- fill: "#fff",
50
- stroke: "#6C6E79",
51
- strokeLinecap: "round",
52
- strokeLinejoin: "round",
53
- strokeWidth: ".7"
54
- }), /* @__PURE__ */ import_react.default.createElement("path", {
55
- d: "M65.682 18.57 11.076 30.512l-1.346-4.69c-.966-3.373 1.161-6.854 4.612-7.556l43.05-8.734c3.147-.638 6.25 1.286 7.053 4.378l1.227 4.669.01-.01Z",
56
- fill: "#6C6E79"
57
- }), /* @__PURE__ */ import_react.default.createElement("path", {
58
- d: "M18.433 23.174a1.873 1.873 0 0 1-1.421 2.367c-1.096.238-2.236-.454-2.54-1.524a1.868 1.868 0 0 1 1.433-2.367c1.096-.227 2.224.465 2.528 1.535v-.011Z",
59
- fill: "#fff"
60
- }), /* @__PURE__ */ import_react.default.createElement("path", {
61
- d: "M25.444 21.693c.293 1.06-.326 2.108-1.4 2.335-1.075.227-2.192-.454-2.485-1.524-.293-1.07.325-2.12 1.41-2.346 1.086-.227 2.182.465 2.475 1.524v.01Z",
62
- fill: "#E0E1E9"
63
- }), /* @__PURE__ */ import_react.default.createElement("path", {
64
- d: "M11.097 30.6s.326-3.157.608-6.389l-1.378-3.08-3.43 5.88a6.507 6.507 0 0 0-.216.367v.022a5.619 5.619 0 0 0-.456 4.248l1.4 4.908 3.472-5.967v.01Z",
65
- fill: "#6C6E79"
66
- }), /* @__PURE__ */ import_react.default.createElement("path", {
67
- d: "M33.658 33.852a14.135 14.135 0 0 0-1.67 12.35c.216.672.487 1.324.813 1.953.369.727.792 1.422 1.291 2.073a14.156 14.156 0 0 0 3.473 3.288c6.5 4.351 15.312 2.615 19.664-3.896 4.351-6.5 2.615-15.312-3.896-19.664a14.152 14.152 0 0 0-13.24-1.345 14.146 14.146 0 0 0-6.424 5.241h-.01Z",
68
- fill: "#fff"
69
- }), /* @__PURE__ */ import_react.default.createElement("path", {
70
- d: "M51.69 40.054c-1.141-4.216-6.06-6.642-10.714-5.028-3.49 1.208-5.741 4.523-5.346 7.904.296 2.547 1.899 4.556 4.073 5.654 1.899.955 3.38 2.448 4.083 4.314l.023.066 5.653-1.493v-.066c-.34-1.866 0-3.831 1.131-5.445 1.197-1.701 1.658-3.82 1.087-5.906h.01Z",
71
- fill: "#fff",
72
- stroke: "#6C6E79",
73
- strokeLinecap: "round",
74
- strokeLinejoin: "round",
75
- strokeWidth: ".7"
76
- }), /* @__PURE__ */ import_react.default.createElement("path", {
77
- d: "m50.9 54.545-6.751 1.823c-.527.142-1.065-.132-1.197-.615l-.746-2.734c-.132-.483.186-.988.724-1.12l6.774-1.778c.516-.132 1.042.143 1.174.615l.736 2.7c.132.473-.187.967-.703 1.11h-.01Z",
78
- fill: "#6C6E79"
79
- }), /* @__PURE__ */ import_react.default.createElement("path", {
80
- d: "m43.216 39.66 1.394 5.093M46.696 41.514l-5.588 1.395M29.91 34.795l2.613 1.384M50.57 31.92l1.472-2.284M40.734 30.613 40.021 28l.713 2.613ZM56.356 39.11l2.745-.68M57.388 49.352l-2.437-1.295M30.986 45.422 28 46.17l2.986-.747ZM37.1 52.723l-1.547 2.404",
81
- stroke: "#6C6E79",
82
- strokeLinecap: "round",
83
- strokeLinejoin: "round",
84
- strokeWidth: ".7"
85
- }));
29
+ var import_useColorResolver = require("@semcore/utils/lib/use/useColorResolver");
30
+ const Suggestion = ({ 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: "M26.69 0c-.46 0-.91.187-1.24.516l-14.26 14.26c-14.92 14.92-14.92 39.115 0 54.035 14.919 14.919 39.114 14.919 54.034 0l14.26-14.26c.33-.33.516-.77.516-1.242V.989A.984.984 0 0 0 79.012 0H26.69Z",
44
+ fill: resolvedPrimaryColor
45
+ }), /* @__PURE__ */ import_react.default.createElement("path", {
46
+ d: "M66.16 57.374s.087-.054.12-.087l6.521-4.323-3.147-1.697-3.147.756-8.334-31.681a5.73 5.73 0 0 0-6.707-4.15l-39.74 8.063-1.4-3.124-3.428 5.88a6.507 6.507 0 0 0-.217.368v.021a5.618 5.618 0 0 0-.456 4.248l10.472 36.654a2.599 2.599 0 0 0 3.19 1.794l45.459-12.344c.271-.076.52-.205.749-.346l.054-.032h.01Z",
47
+ fill: resolvedPrimaryColor,
48
+ stroke: resolvedSecondaryColor,
49
+ strokeLinecap: "round",
50
+ strokeLinejoin: "round",
51
+ strokeWidth: ".7"
52
+ }), /* @__PURE__ */ import_react.default.createElement("path", {
53
+ d: "M72.02 53.31 24.152 66.313a2.747 2.747 0 0 1-3.364-1.892L9.752 25.822c-.966-3.372 1.16-6.853 4.612-7.556l43.05-8.744c3.146-.638 6.25 1.286 7.053 4.377L73.95 49.98a2.729 2.729 0 0 1-1.931 3.33Z",
54
+ fill: "#fff",
55
+ stroke: resolvedSecondaryColor,
56
+ strokeLinecap: "round",
57
+ strokeLinejoin: "round",
58
+ strokeWidth: ".7"
59
+ }), /* @__PURE__ */ import_react.default.createElement("path", {
60
+ d: "M65.682 18.57 11.076 30.512l-1.346-4.69c-.966-3.373 1.161-6.854 4.612-7.556l43.05-8.734c3.147-.638 6.25 1.286 7.053 4.378l1.227 4.669.01-.01Z",
61
+ fill: resolvedSecondaryColor
62
+ }), /* @__PURE__ */ import_react.default.createElement("path", {
63
+ d: "M18.433 23.174a1.873 1.873 0 0 1-1.421 2.367c-1.096.238-2.236-.454-2.54-1.524a1.868 1.868 0 0 1 1.433-2.367c1.096-.227 2.224.465 2.528 1.535v-.011Z",
64
+ fill: "#fff"
65
+ }), /* @__PURE__ */ import_react.default.createElement("path", {
66
+ d: "M25.444 21.693c.293 1.06-.326 2.108-1.4 2.335-1.075.227-2.192-.454-2.485-1.524-.293-1.07.325-2.12 1.41-2.346 1.086-.227 2.182.465 2.475 1.524v.01Z",
67
+ fill: resolvedPrimaryColor
68
+ }), /* @__PURE__ */ import_react.default.createElement("path", {
69
+ d: "M11.097 30.6s.326-3.157.608-6.389l-1.378-3.08-3.43 5.88a6.507 6.507 0 0 0-.216.367v.022a5.619 5.619 0 0 0-.456 4.248l1.4 4.908 3.472-5.967v.01Z",
70
+ fill: resolvedSecondaryColor
71
+ }), /* @__PURE__ */ import_react.default.createElement("path", {
72
+ d: "M33.658 33.852a14.135 14.135 0 0 0-1.67 12.35c.216.672.487 1.324.813 1.953.369.727.792 1.422 1.291 2.073a14.156 14.156 0 0 0 3.473 3.288c6.5 4.351 15.312 2.615 19.664-3.896 4.351-6.5 2.615-15.312-3.896-19.664a14.152 14.152 0 0 0-13.24-1.345 14.146 14.146 0 0 0-6.424 5.241h-.01Z",
73
+ fill: "#fff"
74
+ }), /* @__PURE__ */ import_react.default.createElement("path", {
75
+ d: "M51.69 40.054c-1.141-4.216-6.06-6.642-10.714-5.028-3.49 1.208-5.741 4.523-5.346 7.904.296 2.547 1.899 4.556 4.073 5.654 1.899.955 3.38 2.448 4.083 4.314l.023.066 5.653-1.493v-.066c-.34-1.866 0-3.831 1.131-5.445 1.197-1.701 1.658-3.82 1.087-5.906h.01Z",
76
+ fill: "#fff",
77
+ stroke: resolvedSecondaryColor,
78
+ strokeLinecap: "round",
79
+ strokeLinejoin: "round",
80
+ strokeWidth: ".7"
81
+ }), /* @__PURE__ */ import_react.default.createElement("path", {
82
+ d: "m50.9 54.545-6.751 1.823c-.527.142-1.065-.132-1.197-.615l-.746-2.734c-.132-.483.186-.988.724-1.12l6.774-1.778c.516-.132 1.042.143 1.174.615l.736 2.7c.132.473-.187.967-.703 1.11h-.01Z",
83
+ fill: resolvedSecondaryColor
84
+ }), /* @__PURE__ */ import_react.default.createElement("path", {
85
+ d: "m43.216 39.66 1.394 5.093M46.696 41.514l-5.588 1.395M29.91 34.795l2.613 1.384M50.57 31.92l1.472-2.284M40.734 30.613 40.021 28l.713 2.613ZM56.356 39.11l2.745-.68M57.388 49.352l-2.437-1.295M30.986 45.422 28 46.17l2.986-.747ZM37.1 52.723l-1.547 2.404",
86
+ stroke: resolvedSecondaryColor,
87
+ strokeLinecap: "round",
88
+ strokeLinejoin: "round",
89
+ strokeWidth: ".7"
90
+ }));
91
+ };
86
92
  Suggestion.displayName = "Suggestion";
87
93
  var stdin_default = (0, import_core.createBaseComponent)(Suggestion);
package/Suggestion/index.mjs CHANGED
@@ -1,63 +1,69 @@
1
1
  import React from "react";
2
2
  import { createBaseComponent } from "@semcore/core";
3
3
  import { Box } from "@semcore/flex-box";
4
- const Suggestion = ({ 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: "M26.69 0c-.46 0-.91.187-1.24.516l-14.26 14.26c-14.92 14.92-14.92 39.115 0 54.035 14.919 14.919 39.114 14.919 54.034 0l14.26-14.26c.33-.33.516-.77.516-1.242V.989A.984.984 0 0 0 79.012 0H26.69Z",
14
- fill: "#E0E1E9"
15
- }), /* @__PURE__ */ React.createElement("path", {
16
- d: "M66.16 57.374s.087-.054.12-.087l6.521-4.323-3.147-1.697-3.147.756-8.334-31.681a5.73 5.73 0 0 0-6.707-4.15l-39.74 8.063-1.4-3.124-3.428 5.88a6.507 6.507 0 0 0-.217.368v.021a5.618 5.618 0 0 0-.456 4.248l10.472 36.654a2.599 2.599 0 0 0 3.19 1.794l45.459-12.344c.271-.076.52-.205.749-.346l.054-.032h.01Z",
17
- fill: "#E0E1E9",
18
- stroke: "#6C6E79",
19
- strokeLinecap: "round",
20
- strokeLinejoin: "round",
21
- strokeWidth: ".7"
22
- }), /* @__PURE__ */ React.createElement("path", {
23
- d: "M72.02 53.31 24.152 66.313a2.747 2.747 0 0 1-3.364-1.892L9.752 25.822c-.966-3.372 1.16-6.853 4.612-7.556l43.05-8.744c3.146-.638 6.25 1.286 7.053 4.377L73.95 49.98a2.729 2.729 0 0 1-1.931 3.33Z",
24
- fill: "#fff",
25
- stroke: "#6C6E79",
26
- strokeLinecap: "round",
27
- strokeLinejoin: "round",
28
- strokeWidth: ".7"
29
- }), /* @__PURE__ */ React.createElement("path", {
30
- d: "M65.682 18.57 11.076 30.512l-1.346-4.69c-.966-3.373 1.161-6.854 4.612-7.556l43.05-8.734c3.147-.638 6.25 1.286 7.053 4.378l1.227 4.669.01-.01Z",
31
- fill: "#6C6E79"
32
- }), /* @__PURE__ */ React.createElement("path", {
33
- d: "M18.433 23.174a1.873 1.873 0 0 1-1.421 2.367c-1.096.238-2.236-.454-2.54-1.524a1.868 1.868 0 0 1 1.433-2.367c1.096-.227 2.224.465 2.528 1.535v-.011Z",
34
- fill: "#fff"
35
- }), /* @__PURE__ */ React.createElement("path", {
36
- d: "M25.444 21.693c.293 1.06-.326 2.108-1.4 2.335-1.075.227-2.192-.454-2.485-1.524-.293-1.07.325-2.12 1.41-2.346 1.086-.227 2.182.465 2.475 1.524v.01Z",
37
- fill: "#E0E1E9"
38
- }), /* @__PURE__ */ React.createElement("path", {
39
- d: "M11.097 30.6s.326-3.157.608-6.389l-1.378-3.08-3.43 5.88a6.507 6.507 0 0 0-.216.367v.022a5.619 5.619 0 0 0-.456 4.248l1.4 4.908 3.472-5.967v.01Z",
40
- fill: "#6C6E79"
41
- }), /* @__PURE__ */ React.createElement("path", {
42
- d: "M33.658 33.852a14.135 14.135 0 0 0-1.67 12.35c.216.672.487 1.324.813 1.953.369.727.792 1.422 1.291 2.073a14.156 14.156 0 0 0 3.473 3.288c6.5 4.351 15.312 2.615 19.664-3.896 4.351-6.5 2.615-15.312-3.896-19.664a14.152 14.152 0 0 0-13.24-1.345 14.146 14.146 0 0 0-6.424 5.241h-.01Z",
43
- fill: "#fff"
44
- }), /* @__PURE__ */ React.createElement("path", {
45
- d: "M51.69 40.054c-1.141-4.216-6.06-6.642-10.714-5.028-3.49 1.208-5.741 4.523-5.346 7.904.296 2.547 1.899 4.556 4.073 5.654 1.899.955 3.38 2.448 4.083 4.314l.023.066 5.653-1.493v-.066c-.34-1.866 0-3.831 1.131-5.445 1.197-1.701 1.658-3.82 1.087-5.906h.01Z",
46
- fill: "#fff",
47
- stroke: "#6C6E79",
48
- strokeLinecap: "round",
49
- strokeLinejoin: "round",
50
- strokeWidth: ".7"
51
- }), /* @__PURE__ */ React.createElement("path", {
52
- d: "m50.9 54.545-6.751 1.823c-.527.142-1.065-.132-1.197-.615l-.746-2.734c-.132-.483.186-.988.724-1.12l6.774-1.778c.516-.132 1.042.143 1.174.615l.736 2.7c.132.473-.187.967-.703 1.11h-.01Z",
53
- fill: "#6C6E79"
54
- }), /* @__PURE__ */ React.createElement("path", {
55
- d: "m43.216 39.66 1.394 5.093M46.696 41.514l-5.588 1.395M29.91 34.795l2.613 1.384M50.57 31.92l1.472-2.284M40.734 30.613 40.021 28l.713 2.613ZM56.356 39.11l2.745-.68M57.388 49.352l-2.437-1.295M30.986 45.422 28 46.17l2.986-.747ZM37.1 52.723l-1.547 2.404",
56
- stroke: "#6C6E79",
57
- strokeLinecap: "round",
58
- strokeLinejoin: "round",
59
- strokeWidth: ".7"
60
- }));
4
+ import { useColorResolver } from "@semcore/utils/lib/use/useColorResolver";
5
+ const Suggestion = ({ 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: "M26.69 0c-.46 0-.91.187-1.24.516l-14.26 14.26c-14.92 14.92-14.92 39.115 0 54.035 14.919 14.919 39.114 14.919 54.034 0l14.26-14.26c.33-.33.516-.77.516-1.242V.989A.984.984 0 0 0 79.012 0H26.69Z",
19
+ fill: resolvedPrimaryColor
20
+ }), /* @__PURE__ */ React.createElement("path", {
21
+ d: "M66.16 57.374s.087-.054.12-.087l6.521-4.323-3.147-1.697-3.147.756-8.334-31.681a5.73 5.73 0 0 0-6.707-4.15l-39.74 8.063-1.4-3.124-3.428 5.88a6.507 6.507 0 0 0-.217.368v.021a5.618 5.618 0 0 0-.456 4.248l10.472 36.654a2.599 2.599 0 0 0 3.19 1.794l45.459-12.344c.271-.076.52-.205.749-.346l.054-.032h.01Z",
22
+ fill: resolvedPrimaryColor,
23
+ stroke: resolvedSecondaryColor,
24
+ strokeLinecap: "round",
25
+ strokeLinejoin: "round",
26
+ strokeWidth: ".7"
27
+ }), /* @__PURE__ */ React.createElement("path", {
28
+ d: "M72.02 53.31 24.152 66.313a2.747 2.747 0 0 1-3.364-1.892L9.752 25.822c-.966-3.372 1.16-6.853 4.612-7.556l43.05-8.744c3.146-.638 6.25 1.286 7.053 4.377L73.95 49.98a2.729 2.729 0 0 1-1.931 3.33Z",
29
+ fill: "#fff",
30
+ stroke: resolvedSecondaryColor,
31
+ strokeLinecap: "round",
32
+ strokeLinejoin: "round",
33
+ strokeWidth: ".7"
34
+ }), /* @__PURE__ */ React.createElement("path", {
35
+ d: "M65.682 18.57 11.076 30.512l-1.346-4.69c-.966-3.373 1.161-6.854 4.612-7.556l43.05-8.734c3.147-.638 6.25 1.286 7.053 4.378l1.227 4.669.01-.01Z",
36
+ fill: resolvedSecondaryColor
37
+ }), /* @__PURE__ */ React.createElement("path", {
38
+ d: "M18.433 23.174a1.873 1.873 0 0 1-1.421 2.367c-1.096.238-2.236-.454-2.54-1.524a1.868 1.868 0 0 1 1.433-2.367c1.096-.227 2.224.465 2.528 1.535v-.011Z",
39
+ fill: "#fff"
40
+ }), /* @__PURE__ */ React.createElement("path", {
41
+ d: "M25.444 21.693c.293 1.06-.326 2.108-1.4 2.335-1.075.227-2.192-.454-2.485-1.524-.293-1.07.325-2.12 1.41-2.346 1.086-.227 2.182.465 2.475 1.524v.01Z",
42
+ fill: resolvedPrimaryColor
43
+ }), /* @__PURE__ */ React.createElement("path", {
44
+ d: "M11.097 30.6s.326-3.157.608-6.389l-1.378-3.08-3.43 5.88a6.507 6.507 0 0 0-.216.367v.022a5.619 5.619 0 0 0-.456 4.248l1.4 4.908 3.472-5.967v.01Z",
45
+ fill: resolvedSecondaryColor
46
+ }), /* @__PURE__ */ React.createElement("path", {
47
+ d: "M33.658 33.852a14.135 14.135 0 0 0-1.67 12.35c.216.672.487 1.324.813 1.953.369.727.792 1.422 1.291 2.073a14.156 14.156 0 0 0 3.473 3.288c6.5 4.351 15.312 2.615 19.664-3.896 4.351-6.5 2.615-15.312-3.896-19.664a14.152 14.152 0 0 0-13.24-1.345 14.146 14.146 0 0 0-6.424 5.241h-.01Z",
48
+ fill: "#fff"
49
+ }), /* @__PURE__ */ React.createElement("path", {
50
+ d: "M51.69 40.054c-1.141-4.216-6.06-6.642-10.714-5.028-3.49 1.208-5.741 4.523-5.346 7.904.296 2.547 1.899 4.556 4.073 5.654 1.899.955 3.38 2.448 4.083 4.314l.023.066 5.653-1.493v-.066c-.34-1.866 0-3.831 1.131-5.445 1.197-1.701 1.658-3.82 1.087-5.906h.01Z",
51
+ fill: "#fff",
52
+ stroke: resolvedSecondaryColor,
53
+ strokeLinecap: "round",
54
+ strokeLinejoin: "round",
55
+ strokeWidth: ".7"
56
+ }), /* @__PURE__ */ React.createElement("path", {
57
+ d: "m50.9 54.545-6.751 1.823c-.527.142-1.065-.132-1.197-.615l-.746-2.734c-.132-.483.186-.988.724-1.12l6.774-1.778c.516-.132 1.042.143 1.174.615l.736 2.7c.132.473-.187.967-.703 1.11h-.01Z",
58
+ fill: resolvedSecondaryColor
59
+ }), /* @__PURE__ */ React.createElement("path", {
60
+ d: "m43.216 39.66 1.394 5.093M46.696 41.514l-5.588 1.395M29.91 34.795l2.613 1.384M50.57 31.92l1.472-2.284M40.734 30.613 40.021 28l.713 2.613ZM56.356 39.11l2.745-.68M57.388 49.352l-2.437-1.295M30.986 45.422 28 46.17l2.986-.747ZM37.1 52.723l-1.547 2.404",
61
+ stroke: resolvedSecondaryColor,
62
+ strokeLinecap: "round",
63
+ strokeLinejoin: "round",
64
+ strokeWidth: ".7"
65
+ }));
66
+ };
61
67
  Suggestion.displayName = "Suggestion";
62
68
  var stdin_default = createBaseComponent(Suggestion);
63
69
  export {
package/Suggestions/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/Suggestions/index.js CHANGED
@@ -26,65 +26,71 @@ 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 Suggestions = ({ 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: "M4.348 58.16v9.773c0 .461.187.911.516 1.24l5.962 5.963c.33.33.769.516 1.241.516h9.772A39.918 39.918 0 0 0 40 80c6.533 0 12.715-1.57 18.16-4.348h9.773c.461 0 .911-.187 1.24-.516l5.963-5.962c.33-.33.516-.769.516-1.241v-9.772A39.885 39.885 0 0 0 80 40c0-6.533-1.57-12.715-4.348-18.16v-9.773c0-.461-.187-.911-.516-1.24l-5.962-5.963a1.744 1.744 0 0 0-1.241-.516h-9.772A39.885 39.885 0 0 0 40 0a39.884 39.884 0 0 0-18.16 4.348h-9.773c-.461 0-.911.187-1.24.516l-5.963 5.962c-.33.33-.516.769-.516 1.241v9.772A39.885 39.885 0 0 0 0 40c0 6.533 1.57 12.715 4.348 18.16Z",
39
- fill: "#E0E1E9"
40
- }), /* @__PURE__ */ import_react.default.createElement("path", {
41
- d: "M66.16 57.374s.087-.054.12-.087l6.521-4.323-3.147-1.697-3.147.756-8.334-31.681a5.73 5.73 0 0 0-6.707-4.15l-39.74 8.063-1.4-3.124-3.428 5.88a6.507 6.507 0 0 0-.217.368v.021a5.618 5.618 0 0 0-.456 4.248l10.472 36.654a2.599 2.599 0 0 0 3.19 1.794l45.459-12.344c.271-.076.52-.205.749-.346l.054-.032h.01Z",
42
- fill: "#E0E1E9",
43
- stroke: "#6C6E79",
44
- strokeLinecap: "round",
45
- strokeLinejoin: "round",
46
- strokeWidth: ".7"
47
- }), /* @__PURE__ */ import_react.default.createElement("path", {
48
- d: "M72.02 53.31 24.152 66.313a2.747 2.747 0 0 1-3.364-1.892L9.752 25.822c-.966-3.372 1.16-6.853 4.612-7.556l43.05-8.744c3.146-.638 6.25 1.286 7.053 4.377L73.95 49.98a2.729 2.729 0 0 1-1.931 3.33Z",
49
- fill: "#fff",
50
- stroke: "#6C6E79",
51
- strokeLinecap: "round",
52
- strokeLinejoin: "round",
53
- strokeWidth: ".7"
54
- }), /* @__PURE__ */ import_react.default.createElement("path", {
55
- d: "M65.682 18.569 11.076 30.513 9.73 25.822c-.966-3.372 1.161-6.853 4.612-7.556l43.05-8.733c3.147-.638 6.25 1.286 7.053 4.377l1.227 4.67.01-.011Z",
56
- fill: "#6C6E79"
57
- }), /* @__PURE__ */ import_react.default.createElement("path", {
58
- d: "M18.433 23.174a1.873 1.873 0 0 1-1.421 2.367c-1.096.238-2.236-.454-2.54-1.524a1.868 1.868 0 0 1 1.433-2.367c1.096-.227 2.224.464 2.528 1.535v-.011Z",
59
- fill: "#fff"
60
- }), /* @__PURE__ */ import_react.default.createElement("path", {
61
- d: "M25.444 21.693c.293 1.06-.326 2.108-1.4 2.335-1.075.227-2.192-.454-2.485-1.524-.293-1.07.325-2.12 1.41-2.346 1.086-.227 2.182.465 2.475 1.524v.01Z",
62
- fill: "#E0E1E9"
63
- }), /* @__PURE__ */ import_react.default.createElement("path", {
64
- d: "M11.097 30.6s.326-3.157.608-6.389l-1.378-3.08-3.43 5.88a6.507 6.507 0 0 0-.216.367v.022a5.619 5.619 0 0 0-.456 4.248l1.4 4.908 3.472-5.967v.01Z",
65
- fill: "#6C6E79"
66
- }), /* @__PURE__ */ import_react.default.createElement("path", {
67
- d: "M33.658 33.852a14.135 14.135 0 0 0-1.67 12.35c.216.672.487 1.324.813 1.953.369.727.792 1.422 1.291 2.073a14.156 14.156 0 0 0 3.473 3.288c6.5 4.351 15.312 2.615 19.664-3.896 4.351-6.5 2.615-15.312-3.896-19.664a14.152 14.152 0 0 0-13.24-1.345 14.146 14.146 0 0 0-6.424 5.241h-.01Z",
68
- fill: "#fff"
69
- }), /* @__PURE__ */ import_react.default.createElement("path", {
70
- d: "m65.266 51.033-16.328 4.326-7.521-27.593L58.074 24l7.192 27.033ZM45.677 56.215 28.472 60.77 20.5 32.487l17.579-3.975 7.598 27.703Z",
71
- fill: "#fff",
72
- stroke: "#E0E1E9",
73
- strokeLinecap: "round",
74
- strokeLinejoin: "round",
75
- strokeWidth: ".7"
76
- }), /* @__PURE__ */ import_react.default.createElement("path", {
77
- d: "m49.597 41.82 8.466-2.086M50.234 44.159l8.444-2.108M50.87 46.498l8.422-2.142M51.497 48.826l8.421-2.163M56.449 31.993c.56 2.262-1.022 4.634-3.536 5.292-2.536.67-5.062-.647-5.633-2.931-.57-2.284 1.043-4.678 3.59-5.325 2.548-.648 5.019.691 5.579 2.964v0Z",
78
- stroke: "#6C6E79",
79
- strokeLinecap: "round",
80
- strokeLinejoin: "round",
81
- strokeWidth: ".7"
82
- }), /* @__PURE__ */ import_react.default.createElement("path", {
83
- d: "m53.594 31.85-1.757 2.877-1.768-.758M29.152 46.871l8.927-2.207M29.823 49.265l8.904-2.23M30.492 51.658l8.894-2.25M31.162 54.04l8.872-2.272M36.377 36.78c.593 2.306-1.076 4.722-3.722 5.413-2.668.692-5.336-.614-5.94-2.953-.604-2.339 1.098-4.776 3.777-5.446 2.668-.67 5.292.67 5.885 2.975v.011ZM32.896 36.088 30.25 39.92M33.654 39.042l-4.172-2.086",
84
- stroke: "#6C6E79",
85
- strokeLinecap: "round",
86
- strokeLinejoin: "round",
87
- strokeWidth: ".7"
88
- }));
29
+ var import_useColorResolver = require("@semcore/utils/lib/use/useColorResolver");
30
+ const Suggestions = ({ 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: "M4.348 58.16v9.773c0 .461.187.911.516 1.24l5.962 5.963c.33.33.769.516 1.241.516h9.772A39.918 39.918 0 0 0 40 80c6.533 0 12.715-1.57 18.16-4.348h9.773c.461 0 .911-.187 1.24-.516l5.963-5.962c.33-.33.516-.769.516-1.241v-9.772A39.885 39.885 0 0 0 80 40c0-6.533-1.57-12.715-4.348-18.16v-9.773c0-.461-.187-.911-.516-1.24l-5.962-5.963a1.744 1.744 0 0 0-1.241-.516h-9.772A39.885 39.885 0 0 0 40 0a39.884 39.884 0 0 0-18.16 4.348h-9.773c-.461 0-.911.187-1.24.516l-5.963 5.962c-.33.33-.516.769-.516 1.241v9.772A39.885 39.885 0 0 0 0 40c0 6.533 1.57 12.715 4.348 18.16Z",
44
+ fill: resolvedPrimaryColor
45
+ }), /* @__PURE__ */ import_react.default.createElement("path", {
46
+ d: "M66.16 57.374s.087-.054.12-.087l6.521-4.323-3.147-1.697-3.147.756-8.334-31.681a5.73 5.73 0 0 0-6.707-4.15l-39.74 8.063-1.4-3.124-3.428 5.88a6.507 6.507 0 0 0-.217.368v.021a5.618 5.618 0 0 0-.456 4.248l10.472 36.654a2.599 2.599 0 0 0 3.19 1.794l45.459-12.344c.271-.076.52-.205.749-.346l.054-.032h.01Z",
47
+ fill: resolvedPrimaryColor,
48
+ stroke: resolvedSecondaryColor,
49
+ strokeLinecap: "round",
50
+ strokeLinejoin: "round",
51
+ strokeWidth: ".7"
52
+ }), /* @__PURE__ */ import_react.default.createElement("path", {
53
+ d: "M72.02 53.31 24.152 66.313a2.747 2.747 0 0 1-3.364-1.892L9.752 25.822c-.966-3.372 1.16-6.853 4.612-7.556l43.05-8.744c3.146-.638 6.25 1.286 7.053 4.377L73.95 49.98a2.729 2.729 0 0 1-1.931 3.33Z",
54
+ fill: "#fff",
55
+ stroke: resolvedSecondaryColor,
56
+ strokeLinecap: "round",
57
+ strokeLinejoin: "round",
58
+ strokeWidth: ".7"
59
+ }), /* @__PURE__ */ import_react.default.createElement("path", {
60
+ d: "M65.682 18.569 11.076 30.513 9.73 25.822c-.966-3.372 1.161-6.853 4.612-7.556l43.05-8.733c3.147-.638 6.25 1.286 7.053 4.377l1.227 4.67.01-.011Z",
61
+ fill: resolvedSecondaryColor
62
+ }), /* @__PURE__ */ import_react.default.createElement("path", {
63
+ d: "M18.433 23.174a1.873 1.873 0 0 1-1.421 2.367c-1.096.238-2.236-.454-2.54-1.524a1.868 1.868 0 0 1 1.433-2.367c1.096-.227 2.224.464 2.528 1.535v-.011Z",
64
+ fill: "#fff"
65
+ }), /* @__PURE__ */ import_react.default.createElement("path", {
66
+ d: "M25.444 21.693c.293 1.06-.326 2.108-1.4 2.335-1.075.227-2.192-.454-2.485-1.524-.293-1.07.325-2.12 1.41-2.346 1.086-.227 2.182.465 2.475 1.524v.01Z",
67
+ fill: resolvedPrimaryColor
68
+ }), /* @__PURE__ */ import_react.default.createElement("path", {
69
+ d: "M11.097 30.6s.326-3.157.608-6.389l-1.378-3.08-3.43 5.88a6.507 6.507 0 0 0-.216.367v.022a5.619 5.619 0 0 0-.456 4.248l1.4 4.908 3.472-5.967v.01Z",
70
+ fill: resolvedSecondaryColor
71
+ }), /* @__PURE__ */ import_react.default.createElement("path", {
72
+ d: "M33.658 33.852a14.135 14.135 0 0 0-1.67 12.35c.216.672.487 1.324.813 1.953.369.727.792 1.422 1.291 2.073a14.156 14.156 0 0 0 3.473 3.288c6.5 4.351 15.312 2.615 19.664-3.896 4.351-6.5 2.615-15.312-3.896-19.664a14.152 14.152 0 0 0-13.24-1.345 14.146 14.146 0 0 0-6.424 5.241h-.01Z",
73
+ fill: "#fff"
74
+ }), /* @__PURE__ */ import_react.default.createElement("path", {
75
+ d: "m65.266 51.033-16.328 4.326-7.521-27.593L58.074 24l7.192 27.033ZM45.677 56.215 28.472 60.77 20.5 32.487l17.579-3.975 7.598 27.703Z",
76
+ fill: "#fff",
77
+ stroke: resolvedPrimaryColor,
78
+ strokeLinecap: "round",
79
+ strokeLinejoin: "round",
80
+ strokeWidth: ".7"
81
+ }), /* @__PURE__ */ import_react.default.createElement("path", {
82
+ d: "m49.597 41.82 8.466-2.086M50.234 44.159l8.444-2.108M50.87 46.498l8.422-2.142M51.497 48.826l8.421-2.163M56.449 31.993c.56 2.262-1.022 4.634-3.536 5.292-2.536.67-5.062-.647-5.633-2.931-.57-2.284 1.043-4.678 3.59-5.325 2.548-.648 5.019.691 5.579 2.964v0Z",
83
+ stroke: resolvedSecondaryColor,
84
+ strokeLinecap: "round",
85
+ strokeLinejoin: "round",
86
+ strokeWidth: ".7"
87
+ }), /* @__PURE__ */ import_react.default.createElement("path", {
88
+ d: "m53.594 31.85-1.757 2.877-1.768-.758M29.152 46.871l8.927-2.207M29.823 49.265l8.904-2.23M30.492 51.658l8.894-2.25M31.162 54.04l8.872-2.272M36.377 36.78c.593 2.306-1.076 4.722-3.722 5.413-2.668.692-5.336-.614-5.94-2.953-.604-2.339 1.098-4.776 3.777-5.446 2.668-.67 5.292.67 5.885 2.975v.011ZM32.896 36.088 30.25 39.92M33.654 39.042l-4.172-2.086",
89
+ stroke: resolvedSecondaryColor,
90
+ strokeLinecap: "round",
91
+ strokeLinejoin: "round",
92
+ strokeWidth: ".7"
93
+ }));
94
+ };
89
95
  Suggestions.displayName = "Suggestions";
90
96
  var stdin_default = (0, import_core.createBaseComponent)(Suggestions);
package/Suggestions/index.mjs CHANGED
@@ -1,66 +1,72 @@
1
1
  import React from "react";
2
2
  import { createBaseComponent } from "@semcore/core";
3
3
  import { Box } from "@semcore/flex-box";
4
- const Suggestions = ({ 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: "M4.348 58.16v9.773c0 .461.187.911.516 1.24l5.962 5.963c.33.33.769.516 1.241.516h9.772A39.918 39.918 0 0 0 40 80c6.533 0 12.715-1.57 18.16-4.348h9.773c.461 0 .911-.187 1.24-.516l5.963-5.962c.33-.33.516-.769.516-1.241v-9.772A39.885 39.885 0 0 0 80 40c0-6.533-1.57-12.715-4.348-18.16v-9.773c0-.461-.187-.911-.516-1.24l-5.962-5.963a1.744 1.744 0 0 0-1.241-.516h-9.772A39.885 39.885 0 0 0 40 0a39.884 39.884 0 0 0-18.16 4.348h-9.773c-.461 0-.911.187-1.24.516l-5.963 5.962c-.33.33-.516.769-.516 1.241v9.772A39.885 39.885 0 0 0 0 40c0 6.533 1.57 12.715 4.348 18.16Z",
14
- fill: "#E0E1E9"
15
- }), /* @__PURE__ */ React.createElement("path", {
16
- d: "M66.16 57.374s.087-.054.12-.087l6.521-4.323-3.147-1.697-3.147.756-8.334-31.681a5.73 5.73 0 0 0-6.707-4.15l-39.74 8.063-1.4-3.124-3.428 5.88a6.507 6.507 0 0 0-.217.368v.021a5.618 5.618 0 0 0-.456 4.248l10.472 36.654a2.599 2.599 0 0 0 3.19 1.794l45.459-12.344c.271-.076.52-.205.749-.346l.054-.032h.01Z",
17
- fill: "#E0E1E9",
18
- stroke: "#6C6E79",
19
- strokeLinecap: "round",
20
- strokeLinejoin: "round",
21
- strokeWidth: ".7"
22
- }), /* @__PURE__ */ React.createElement("path", {
23
- d: "M72.02 53.31 24.152 66.313a2.747 2.747 0 0 1-3.364-1.892L9.752 25.822c-.966-3.372 1.16-6.853 4.612-7.556l43.05-8.744c3.146-.638 6.25 1.286 7.053 4.377L73.95 49.98a2.729 2.729 0 0 1-1.931 3.33Z",
24
- fill: "#fff",
25
- stroke: "#6C6E79",
26
- strokeLinecap: "round",
27
- strokeLinejoin: "round",
28
- strokeWidth: ".7"
29
- }), /* @__PURE__ */ React.createElement("path", {
30
- d: "M65.682 18.569 11.076 30.513 9.73 25.822c-.966-3.372 1.161-6.853 4.612-7.556l43.05-8.733c3.147-.638 6.25 1.286 7.053 4.377l1.227 4.67.01-.011Z",
31
- fill: "#6C6E79"
32
- }), /* @__PURE__ */ React.createElement("path", {
33
- d: "M18.433 23.174a1.873 1.873 0 0 1-1.421 2.367c-1.096.238-2.236-.454-2.54-1.524a1.868 1.868 0 0 1 1.433-2.367c1.096-.227 2.224.464 2.528 1.535v-.011Z",
34
- fill: "#fff"
35
- }), /* @__PURE__ */ React.createElement("path", {
36
- d: "M25.444 21.693c.293 1.06-.326 2.108-1.4 2.335-1.075.227-2.192-.454-2.485-1.524-.293-1.07.325-2.12 1.41-2.346 1.086-.227 2.182.465 2.475 1.524v.01Z",
37
- fill: "#E0E1E9"
38
- }), /* @__PURE__ */ React.createElement("path", {
39
- d: "M11.097 30.6s.326-3.157.608-6.389l-1.378-3.08-3.43 5.88a6.507 6.507 0 0 0-.216.367v.022a5.619 5.619 0 0 0-.456 4.248l1.4 4.908 3.472-5.967v.01Z",
40
- fill: "#6C6E79"
41
- }), /* @__PURE__ */ React.createElement("path", {
42
- d: "M33.658 33.852a14.135 14.135 0 0 0-1.67 12.35c.216.672.487 1.324.813 1.953.369.727.792 1.422 1.291 2.073a14.156 14.156 0 0 0 3.473 3.288c6.5 4.351 15.312 2.615 19.664-3.896 4.351-6.5 2.615-15.312-3.896-19.664a14.152 14.152 0 0 0-13.24-1.345 14.146 14.146 0 0 0-6.424 5.241h-.01Z",
43
- fill: "#fff"
44
- }), /* @__PURE__ */ React.createElement("path", {
45
- d: "m65.266 51.033-16.328 4.326-7.521-27.593L58.074 24l7.192 27.033ZM45.677 56.215 28.472 60.77 20.5 32.487l17.579-3.975 7.598 27.703Z",
46
- fill: "#fff",
47
- stroke: "#E0E1E9",
48
- strokeLinecap: "round",
49
- strokeLinejoin: "round",
50
- strokeWidth: ".7"
51
- }), /* @__PURE__ */ React.createElement("path", {
52
- d: "m49.597 41.82 8.466-2.086M50.234 44.159l8.444-2.108M50.87 46.498l8.422-2.142M51.497 48.826l8.421-2.163M56.449 31.993c.56 2.262-1.022 4.634-3.536 5.292-2.536.67-5.062-.647-5.633-2.931-.57-2.284 1.043-4.678 3.59-5.325 2.548-.648 5.019.691 5.579 2.964v0Z",
53
- stroke: "#6C6E79",
54
- strokeLinecap: "round",
55
- strokeLinejoin: "round",
56
- strokeWidth: ".7"
57
- }), /* @__PURE__ */ React.createElement("path", {
58
- d: "m53.594 31.85-1.757 2.877-1.768-.758M29.152 46.871l8.927-2.207M29.823 49.265l8.904-2.23M30.492 51.658l8.894-2.25M31.162 54.04l8.872-2.272M36.377 36.78c.593 2.306-1.076 4.722-3.722 5.413-2.668.692-5.336-.614-5.94-2.953-.604-2.339 1.098-4.776 3.777-5.446 2.668-.67 5.292.67 5.885 2.975v.011ZM32.896 36.088 30.25 39.92M33.654 39.042l-4.172-2.086",
59
- stroke: "#6C6E79",
60
- strokeLinecap: "round",
61
- strokeLinejoin: "round",
62
- strokeWidth: ".7"
63
- }));
4
+ import { useColorResolver } from "@semcore/utils/lib/use/useColorResolver";
5
+ const Suggestions = ({ 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: "M4.348 58.16v9.773c0 .461.187.911.516 1.24l5.962 5.963c.33.33.769.516 1.241.516h9.772A39.918 39.918 0 0 0 40 80c6.533 0 12.715-1.57 18.16-4.348h9.773c.461 0 .911-.187 1.24-.516l5.963-5.962c.33-.33.516-.769.516-1.241v-9.772A39.885 39.885 0 0 0 80 40c0-6.533-1.57-12.715-4.348-18.16v-9.773c0-.461-.187-.911-.516-1.24l-5.962-5.963a1.744 1.744 0 0 0-1.241-.516h-9.772A39.885 39.885 0 0 0 40 0a39.884 39.884 0 0 0-18.16 4.348h-9.773c-.461 0-.911.187-1.24.516l-5.963 5.962c-.33.33-.516.769-.516 1.241v9.772A39.885 39.885 0 0 0 0 40c0 6.533 1.57 12.715 4.348 18.16Z",
19
+ fill: resolvedPrimaryColor
20
+ }), /* @__PURE__ */ React.createElement("path", {
21
+ d: "M66.16 57.374s.087-.054.12-.087l6.521-4.323-3.147-1.697-3.147.756-8.334-31.681a5.73 5.73 0 0 0-6.707-4.15l-39.74 8.063-1.4-3.124-3.428 5.88a6.507 6.507 0 0 0-.217.368v.021a5.618 5.618 0 0 0-.456 4.248l10.472 36.654a2.599 2.599 0 0 0 3.19 1.794l45.459-12.344c.271-.076.52-.205.749-.346l.054-.032h.01Z",
22
+ fill: resolvedPrimaryColor,
23
+ stroke: resolvedSecondaryColor,
24
+ strokeLinecap: "round",
25
+ strokeLinejoin: "round",
26
+ strokeWidth: ".7"
27
+ }), /* @__PURE__ */ React.createElement("path", {
28
+ d: "M72.02 53.31 24.152 66.313a2.747 2.747 0 0 1-3.364-1.892L9.752 25.822c-.966-3.372 1.16-6.853 4.612-7.556l43.05-8.744c3.146-.638 6.25 1.286 7.053 4.377L73.95 49.98a2.729 2.729 0 0 1-1.931 3.33Z",
29
+ fill: "#fff",
30
+ stroke: resolvedSecondaryColor,
31
+ strokeLinecap: "round",
32
+ strokeLinejoin: "round",
33
+ strokeWidth: ".7"
34
+ }), /* @__PURE__ */ React.createElement("path", {
35
+ d: "M65.682 18.569 11.076 30.513 9.73 25.822c-.966-3.372 1.161-6.853 4.612-7.556l43.05-8.733c3.147-.638 6.25 1.286 7.053 4.377l1.227 4.67.01-.011Z",
36
+ fill: resolvedSecondaryColor
37
+ }), /* @__PURE__ */ React.createElement("path", {
38
+ d: "M18.433 23.174a1.873 1.873 0 0 1-1.421 2.367c-1.096.238-2.236-.454-2.54-1.524a1.868 1.868 0 0 1 1.433-2.367c1.096-.227 2.224.464 2.528 1.535v-.011Z",
39
+ fill: "#fff"
40
+ }), /* @__PURE__ */ React.createElement("path", {
41
+ d: "M25.444 21.693c.293 1.06-.326 2.108-1.4 2.335-1.075.227-2.192-.454-2.485-1.524-.293-1.07.325-2.12 1.41-2.346 1.086-.227 2.182.465 2.475 1.524v.01Z",
42
+ fill: resolvedPrimaryColor
43
+ }), /* @__PURE__ */ React.createElement("path", {
44
+ d: "M11.097 30.6s.326-3.157.608-6.389l-1.378-3.08-3.43 5.88a6.507 6.507 0 0 0-.216.367v.022a5.619 5.619 0 0 0-.456 4.248l1.4 4.908 3.472-5.967v.01Z",
45
+ fill: resolvedSecondaryColor
46
+ }), /* @__PURE__ */ React.createElement("path", {
47
+ d: "M33.658 33.852a14.135 14.135 0 0 0-1.67 12.35c.216.672.487 1.324.813 1.953.369.727.792 1.422 1.291 2.073a14.156 14.156 0 0 0 3.473 3.288c6.5 4.351 15.312 2.615 19.664-3.896 4.351-6.5 2.615-15.312-3.896-19.664a14.152 14.152 0 0 0-13.24-1.345 14.146 14.146 0 0 0-6.424 5.241h-.01Z",
48
+ fill: "#fff"
49
+ }), /* @__PURE__ */ React.createElement("path", {
50
+ d: "m65.266 51.033-16.328 4.326-7.521-27.593L58.074 24l7.192 27.033ZM45.677 56.215 28.472 60.77 20.5 32.487l17.579-3.975 7.598 27.703Z",
51
+ fill: "#fff",
52
+ stroke: resolvedPrimaryColor,
53
+ strokeLinecap: "round",
54
+ strokeLinejoin: "round",
55
+ strokeWidth: ".7"
56
+ }), /* @__PURE__ */ React.createElement("path", {
57
+ d: "m49.597 41.82 8.466-2.086M50.234 44.159l8.444-2.108M50.87 46.498l8.422-2.142M51.497 48.826l8.421-2.163M56.449 31.993c.56 2.262-1.022 4.634-3.536 5.292-2.536.67-5.062-.647-5.633-2.931-.57-2.284 1.043-4.678 3.59-5.325 2.548-.648 5.019.691 5.579 2.964v0Z",
58
+ stroke: resolvedSecondaryColor,
59
+ strokeLinecap: "round",
60
+ strokeLinejoin: "round",
61
+ strokeWidth: ".7"
62
+ }), /* @__PURE__ */ React.createElement("path", {
63
+ d: "m53.594 31.85-1.757 2.877-1.768-.758M29.152 46.871l8.927-2.207M29.823 49.265l8.904-2.23M30.492 51.658l8.894-2.25M31.162 54.04l8.872-2.272M36.377 36.78c.593 2.306-1.076 4.722-3.722 5.413-2.668.692-5.336-.614-5.94-2.953-.604-2.339 1.098-4.776 3.777-5.446 2.668-.67 5.292.67 5.885 2.975v.011ZM32.896 36.088 30.25 39.92M33.654 39.042l-4.172-2.086",
64
+ stroke: resolvedSecondaryColor,
65
+ strokeLinecap: "round",
66
+ strokeLinejoin: "round",
67
+ strokeWidth: ".7"
68
+ }));
69
+ };
64
70
  Suggestions.displayName = "Suggestions";
65
71
  var stdin_default = createBaseComponent(Suggestions);
66
72
  export {
package/Table/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;