@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/Table/index.js CHANGED
@@ -26,49 +26,55 @@ 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 Table = ({ 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: "M76.426 41.408c0-15.563-9.761-28.837-23.493-34.053L49.06.64A1.274 1.274 0 0 0 47.952 0H32.048c-.457 0-.872.245-1.107.639l-3.874 6.716C13.335 12.571 3.574 25.845 3.574 41.408c0 1.98.16 3.928.468 5.822L.168 53.947a1.3 1.3 0 0 0 0 1.277L8.119 69c.224.394.65.638 1.107.638h7.76A36.269 36.269 0 0 0 40 77.834a36.269 36.269 0 0 0 23.014-8.197h7.76c.457 0 .873-.244 1.107-.638l7.951-13.774a1.3 1.3 0 0 0 0-1.278l-3.874-6.717c.308-1.894.468-3.842.468-5.822Z",
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: "m30.814 30.13 7.6 27.303M48.623 26l7.302 26.728M21 47.247 64.888 36.26",
68
- stroke: "#6C6E79",
69
- strokeLinecap: "round",
70
- strokeLinejoin: "round",
71
- strokeWidth: ".7"
72
- }));
29
+ var import_useColorResolver = require("@semcore/utils/lib/use/useColorResolver");
30
+ const Table = ({ 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: "M76.426 41.408c0-15.563-9.761-28.837-23.493-34.053L49.06.64A1.274 1.274 0 0 0 47.952 0H32.048c-.457 0-.872.245-1.107.639l-3.874 6.716C13.335 12.571 3.574 25.845 3.574 41.408c0 1.98.16 3.928.468 5.822L.168 53.947a1.3 1.3 0 0 0 0 1.277L8.119 69c.224.394.65.638 1.107.638h7.76A36.269 36.269 0 0 0 40 77.834a36.269 36.269 0 0 0 23.014-8.197h7.76c.457 0 .873-.244 1.107-.638l7.951-13.774a1.3 1.3 0 0 0 0-1.278l-3.874-6.717c.308-1.894.468-3.842.468-5.822Z",
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: "m30.814 30.13 7.6 27.303M48.623 26l7.302 26.728M21 47.247 64.888 36.26",
73
+ stroke: resolvedSecondaryColor,
74
+ strokeLinecap: "round",
75
+ strokeLinejoin: "round",
76
+ strokeWidth: ".7"
77
+ }));
78
+ };
73
79
  Table.displayName = "Table";
74
80
  var stdin_default = (0, import_core.createBaseComponent)(Table);
package/Table/index.mjs CHANGED
@@ -1,50 +1,56 @@
1
1
  import React from "react";
2
2
  import { createBaseComponent } from "@semcore/core";
3
3
  import { Box } from "@semcore/flex-box";
4
- const Table = ({ 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: "M76.426 41.408c0-15.563-9.761-28.837-23.493-34.053L49.06.64A1.274 1.274 0 0 0 47.952 0H32.048c-.457 0-.872.245-1.107.639l-3.874 6.716C13.335 12.571 3.574 25.845 3.574 41.408c0 1.98.16 3.928.468 5.822L.168 53.947a1.3 1.3 0 0 0 0 1.277L8.119 69c.224.394.65.638 1.107.638h7.76A36.269 36.269 0 0 0 40 77.834a36.269 36.269 0 0 0 23.014-8.197h7.76c.457 0 .873-.244 1.107-.638l7.951-13.774a1.3 1.3 0 0 0 0-1.278l-3.874-6.717c.308-1.894.468-3.842.468-5.822Z",
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: "m30.814 30.13 7.6 27.303M48.623 26l7.302 26.728M21 47.247 64.888 36.26",
43
- stroke: "#6C6E79",
44
- strokeLinecap: "round",
45
- strokeLinejoin: "round",
46
- strokeWidth: ".7"
47
- }));
4
+ import { useColorResolver } from "@semcore/utils/lib/use/useColorResolver";
5
+ const Table = ({ 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: "M76.426 41.408c0-15.563-9.761-28.837-23.493-34.053L49.06.64A1.274 1.274 0 0 0 47.952 0H32.048c-.457 0-.872.245-1.107.639l-3.874 6.716C13.335 12.571 3.574 25.845 3.574 41.408c0 1.98.16 3.928.468 5.822L.168 53.947a1.3 1.3 0 0 0 0 1.277L8.119 69c.224.394.65.638 1.107.638h7.76A36.269 36.269 0 0 0 40 77.834a36.269 36.269 0 0 0 23.014-8.197h7.76c.457 0 .873-.244 1.107-.638l7.951-13.774a1.3 1.3 0 0 0 0-1.278l-3.874-6.717c.308-1.894.468-3.842.468-5.822Z",
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: "m30.814 30.13 7.6 27.303M48.623 26l7.302 26.728M21 47.247 64.888 36.26",
48
+ stroke: resolvedSecondaryColor,
49
+ strokeLinecap: "round",
50
+ strokeLinejoin: "round",
51
+ strokeWidth: ".7"
52
+ }));
53
+ };
48
54
  Table.displayName = "Table";
49
55
  var stdin_default = createBaseComponent(Table);
50
56
  export {
package/TagCloud/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/TagCloud/index.js CHANGED
@@ -26,76 +26,82 @@ 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 TagCloud = ({ 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: "M65.245 14.837c-6.425-6.424-15.32-10.46-25.204-10.46V1.906A.914.914 0 0 0 39.135 1c-10.048.247-19.191 4.283-26.027 10.79a.896.896 0 0 0 0 1.235l1.73 1.73C8.412 21.18 4.376 30.075 4.376 39.959H1.906a.914.914 0 0 0-.906.906c.247 10.048 4.283 19.191 10.79 26.027.33.33.906.33 1.235 0l1.73-1.73c6.425 6.425 15.32 10.461 25.204 10.461v2.471c0 .494.412.906.906.906 10.048-.247 19.191-4.283 26.027-10.79a.896.896 0 0 0 0-1.235l-1.73-1.73c6.425-6.425 10.461-15.32 10.461-25.204h2.47a.914.914 0 0 0 .907-.906c-.247-10.048-4.283-19.191-10.79-26.027a.896.896 0 0 0-1.235 0l-1.73 1.73Z",
39
- fill: "#E0E1E9"
40
- }), /* @__PURE__ */ import_react.default.createElement("path", {
41
- d: "M65.925 57.617s.086-.054.119-.087l6.495-4.323-3.134-1.697-3.134.757-8.3-31.677a5.705 5.705 0 0 0-6.68-4.15l-39.588 8.073-1.394-3.123-3.415 5.88a6.502 6.502 0 0 0-.216.367v.021a5.638 5.638 0 0 0-.454 4.247l10.44 36.649a2.587 2.587 0 0 0 3.177 1.794l45.273-12.342a2.94 2.94 0 0 0 .746-.346l.054-.032.01-.011Z",
42
- fill: "#E0E1E9",
43
- stroke: "#6C6E79",
44
- strokeLinecap: "round",
45
- strokeLinejoin: "round",
46
- strokeWidth: ".7"
47
- }), /* @__PURE__ */ import_react.default.createElement("path", {
48
- d: "M71.762 53.553 24.09 66.555a2.734 2.734 0 0 1-3.35-1.892L9.749 26.07c-.962-3.372 1.156-6.852 4.593-7.555l42.873-8.743c3.134-.638 6.225 1.286 7.025 4.377l9.446 36.075a2.73 2.73 0 0 1-1.924 3.33Z",
49
- fill: "#fff"
50
- }), /* @__PURE__ */ import_react.default.createElement("path", {
51
- d: "M65.452 18.818 11.068 30.76l-1.34-4.69c-.962-3.372 1.156-6.852 4.593-7.555l42.885-8.743c3.134-.638 6.225 1.286 7.024 4.377l1.222 4.669Z",
52
- fill: "#6C6E79"
53
- }), /* @__PURE__ */ import_react.default.createElement("path", {
54
- d: "M18.394 23.428a1.873 1.873 0 0 1-1.416 2.366c-1.081.238-2.227-.454-2.53-1.523a1.868 1.868 0 0 1 1.428-2.367c1.091-.227 2.215.465 2.518 1.534v-.01Z",
55
- fill: "#fff"
56
- }), /* @__PURE__ */ import_react.default.createElement("path", {
57
- d: "M25.375 21.958c.292 1.059-.324 2.107-1.394 2.334-1.07.227-2.183-.454-2.475-1.524-.292-1.07.324-2.118 1.405-2.345 1.08-.227 2.172.465 2.464 1.524v.01Z",
58
- fill: "#E0E1E9"
59
- }), /* @__PURE__ */ import_react.default.createElement("path", {
60
- d: "M11.087 30.862s.324-3.156.605-6.387l-1.373-3.08-3.415 5.879a6.509 6.509 0 0 0-.216.367v.022a5.638 5.638 0 0 0-.454 4.247l1.394 4.907 3.459-5.966v.01Z",
61
- fill: "#6C6E79"
62
- }), /* @__PURE__ */ import_react.default.createElement("path", {
63
- d: "M71.762 53.553 24.09 66.555a2.734 2.734 0 0 1-3.35-1.892L9.749 26.07c-.962-3.372 1.156-6.852 4.593-7.555l42.873-8.743c3.134-.638 6.225 1.286 7.025 4.377l9.446 36.075a2.73 2.73 0 0 1-1.924 3.33Z",
64
- stroke: "#6C6E79",
65
- strokeLinecap: "round",
66
- strokeLinejoin: "round",
67
- strokeWidth: ".7"
68
- }), /* @__PURE__ */ import_react.default.createElement("path", {
69
- d: "M25.993 43.23a2.247 2.247 0 0 1-2.701-1.578l-1.233-4.398a2.255 2.255 0 0 1 1.654-2.8 2.258 2.258 0 0 1 2.68 1.59l1.221 4.398a2.256 2.256 0 0 1-1.631 2.788h.01Z",
70
- stroke: "#6C6E79",
71
- strokeLinecap: "round",
72
- strokeLinejoin: "round",
73
- strokeWidth: ".7"
74
- }), /* @__PURE__ */ import_react.default.createElement("path", {
75
- d: "m44.907 35.917-13.401 3.242a1.802 1.802 0 0 1-2.162-1.276l-.022-.075c-.27-.984.325-2 1.33-2.237l13.412-3.167a1.809 1.809 0 0 1 2.161 1.286 1.803 1.803 0 0 1-1.318 2.227Z",
76
- fill: "#E0E1E9",
77
- stroke: "#6C6E79",
78
- strokeLinecap: "round",
79
- strokeLinejoin: "round",
80
- strokeWidth: ".7"
81
- }), /* @__PURE__ */ import_react.default.createElement("path", {
82
- d: "M63.646 42.306a1.821 1.821 0 0 1-1.297 2.226l-18.103 4.756a1.87 1.87 0 1 1-.94-3.62l18.124-4.66a1.819 1.819 0 0 1 2.216 1.298v0Z",
83
- stroke: "#6C6E79",
84
- strokeLinecap: "round",
85
- strokeLinejoin: "round",
86
- strokeWidth: ".7"
87
- }), /* @__PURE__ */ import_react.default.createElement("path", {
88
- d: "m39.102 46.404 1.156 4.204a2.096 2.096 0 1 1-4.042 1.113l-1.156-4.204a2.103 2.103 0 0 1 4.053-1.113h-.011Z",
89
- fill: "#E0E1E9",
90
- stroke: "#6C6E79",
91
- strokeLinecap: "round",
92
- strokeLinejoin: "round",
93
- strokeWidth: ".7"
94
- }), /* @__PURE__ */ import_react.default.createElement("path", {
95
- d: "M44.23 45.53 42.26 48.4M50.742 43.785l-3.164 4.61M57.241 42.058l-3.175 4.632M63.036 41.36l-2.48 3.614M25.073 34.774l-2.639 3.849M27.238 39.37l-2.573 3.754",
96
- stroke: "#6C6E79",
97
- strokeMiterlimit: "10",
98
- strokeWidth: ".7"
99
- }));
29
+ var import_useColorResolver = require("@semcore/utils/lib/use/useColorResolver");
30
+ const TagCloud = ({ 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: "M65.245 14.837c-6.425-6.424-15.32-10.46-25.204-10.46V1.906A.914.914 0 0 0 39.135 1c-10.048.247-19.191 4.283-26.027 10.79a.896.896 0 0 0 0 1.235l1.73 1.73C8.412 21.18 4.376 30.075 4.376 39.959H1.906a.914.914 0 0 0-.906.906c.247 10.048 4.283 19.191 10.79 26.027.33.33.906.33 1.235 0l1.73-1.73c6.425 6.425 15.32 10.461 25.204 10.461v2.471c0 .494.412.906.906.906 10.048-.247 19.191-4.283 26.027-10.79a.896.896 0 0 0 0-1.235l-1.73-1.73c6.425-6.425 10.461-15.32 10.461-25.204h2.47a.914.914 0 0 0 .907-.906c-.247-10.048-4.283-19.191-10.79-26.027a.896.896 0 0 0-1.235 0l-1.73 1.73Z",
44
+ fill: resolvedPrimaryColor
45
+ }), /* @__PURE__ */ import_react.default.createElement("path", {
46
+ d: "M65.925 57.617s.086-.054.119-.087l6.495-4.323-3.134-1.697-3.134.757-8.3-31.677a5.705 5.705 0 0 0-6.68-4.15l-39.588 8.073-1.394-3.123-3.415 5.88a6.502 6.502 0 0 0-.216.367v.021a5.638 5.638 0 0 0-.454 4.247l10.44 36.649a2.587 2.587 0 0 0 3.177 1.794l45.273-12.342a2.94 2.94 0 0 0 .746-.346l.054-.032.01-.011Z",
47
+ fill: resolvedPrimaryColor,
48
+ stroke: resolvedSecondaryColor,
49
+ strokeLinecap: "round",
50
+ strokeLinejoin: "round",
51
+ strokeWidth: ".7"
52
+ }), /* @__PURE__ */ import_react.default.createElement("path", {
53
+ d: "M71.762 53.553 24.09 66.555a2.734 2.734 0 0 1-3.35-1.892L9.749 26.07c-.962-3.372 1.156-6.852 4.593-7.555l42.873-8.743c3.134-.638 6.225 1.286 7.025 4.377l9.446 36.075a2.73 2.73 0 0 1-1.924 3.33Z",
54
+ fill: "#fff"
55
+ }), /* @__PURE__ */ import_react.default.createElement("path", {
56
+ d: "M65.452 18.818 11.068 30.76l-1.34-4.69c-.962-3.372 1.156-6.852 4.593-7.555l42.885-8.743c3.134-.638 6.225 1.286 7.024 4.377l1.222 4.669Z",
57
+ fill: resolvedSecondaryColor
58
+ }), /* @__PURE__ */ import_react.default.createElement("path", {
59
+ d: "M18.394 23.428a1.873 1.873 0 0 1-1.416 2.366c-1.081.238-2.227-.454-2.53-1.523a1.868 1.868 0 0 1 1.428-2.367c1.091-.227 2.215.465 2.518 1.534v-.01Z",
60
+ fill: "#fff"
61
+ }), /* @__PURE__ */ import_react.default.createElement("path", {
62
+ d: "M25.375 21.958c.292 1.059-.324 2.107-1.394 2.334-1.07.227-2.183-.454-2.475-1.524-.292-1.07.324-2.118 1.405-2.345 1.08-.227 2.172.465 2.464 1.524v.01Z",
63
+ fill: resolvedPrimaryColor
64
+ }), /* @__PURE__ */ import_react.default.createElement("path", {
65
+ d: "M11.087 30.862s.324-3.156.605-6.387l-1.373-3.08-3.415 5.879a6.509 6.509 0 0 0-.216.367v.022a5.638 5.638 0 0 0-.454 4.247l1.394 4.907 3.459-5.966v.01Z",
66
+ fill: resolvedSecondaryColor
67
+ }), /* @__PURE__ */ import_react.default.createElement("path", {
68
+ d: "M71.762 53.553 24.09 66.555a2.734 2.734 0 0 1-3.35-1.892L9.749 26.07c-.962-3.372 1.156-6.852 4.593-7.555l42.873-8.743c3.134-.638 6.225 1.286 7.025 4.377l9.446 36.075a2.73 2.73 0 0 1-1.924 3.33Z",
69
+ stroke: resolvedSecondaryColor,
70
+ strokeLinecap: "round",
71
+ strokeLinejoin: "round",
72
+ strokeWidth: ".7"
73
+ }), /* @__PURE__ */ import_react.default.createElement("path", {
74
+ d: "M25.993 43.23a2.247 2.247 0 0 1-2.701-1.578l-1.233-4.398a2.255 2.255 0 0 1 1.654-2.8 2.258 2.258 0 0 1 2.68 1.59l1.221 4.398a2.256 2.256 0 0 1-1.631 2.788h.01Z",
75
+ stroke: resolvedSecondaryColor,
76
+ strokeLinecap: "round",
77
+ strokeLinejoin: "round",
78
+ strokeWidth: ".7"
79
+ }), /* @__PURE__ */ import_react.default.createElement("path", {
80
+ d: "m44.907 35.917-13.401 3.242a1.802 1.802 0 0 1-2.162-1.276l-.022-.075c-.27-.984.325-2 1.33-2.237l13.412-3.167a1.809 1.809 0 0 1 2.161 1.286 1.803 1.803 0 0 1-1.318 2.227Z",
81
+ fill: resolvedPrimaryColor,
82
+ stroke: resolvedSecondaryColor,
83
+ strokeLinecap: "round",
84
+ strokeLinejoin: "round",
85
+ strokeWidth: ".7"
86
+ }), /* @__PURE__ */ import_react.default.createElement("path", {
87
+ d: "M63.646 42.306a1.821 1.821 0 0 1-1.297 2.226l-18.103 4.756a1.87 1.87 0 1 1-.94-3.62l18.124-4.66a1.819 1.819 0 0 1 2.216 1.298v0Z",
88
+ stroke: resolvedSecondaryColor,
89
+ strokeLinecap: "round",
90
+ strokeLinejoin: "round",
91
+ strokeWidth: ".7"
92
+ }), /* @__PURE__ */ import_react.default.createElement("path", {
93
+ d: "m39.102 46.404 1.156 4.204a2.096 2.096 0 1 1-4.042 1.113l-1.156-4.204a2.103 2.103 0 0 1 4.053-1.113h-.011Z",
94
+ fill: resolvedPrimaryColor,
95
+ stroke: resolvedSecondaryColor,
96
+ strokeLinecap: "round",
97
+ strokeLinejoin: "round",
98
+ strokeWidth: ".7"
99
+ }), /* @__PURE__ */ import_react.default.createElement("path", {
100
+ d: "M44.23 45.53 42.26 48.4M50.742 43.785l-3.164 4.61M57.241 42.058l-3.175 4.632M63.036 41.36l-2.48 3.614M25.073 34.774l-2.639 3.849M27.238 39.37l-2.573 3.754",
101
+ stroke: resolvedSecondaryColor,
102
+ strokeMiterlimit: "10",
103
+ strokeWidth: ".7"
104
+ }));
105
+ };
100
106
  TagCloud.displayName = "TagCloud";
101
107
  var stdin_default = (0, import_core.createBaseComponent)(TagCloud);
package/TagCloud/index.mjs CHANGED
@@ -1,77 +1,83 @@
1
1
  import React from "react";
2
2
  import { createBaseComponent } from "@semcore/core";
3
3
  import { Box } from "@semcore/flex-box";
4
- const TagCloud = ({ 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: "M65.245 14.837c-6.425-6.424-15.32-10.46-25.204-10.46V1.906A.914.914 0 0 0 39.135 1c-10.048.247-19.191 4.283-26.027 10.79a.896.896 0 0 0 0 1.235l1.73 1.73C8.412 21.18 4.376 30.075 4.376 39.959H1.906a.914.914 0 0 0-.906.906c.247 10.048 4.283 19.191 10.79 26.027.33.33.906.33 1.235 0l1.73-1.73c6.425 6.425 15.32 10.461 25.204 10.461v2.471c0 .494.412.906.906.906 10.048-.247 19.191-4.283 26.027-10.79a.896.896 0 0 0 0-1.235l-1.73-1.73c6.425-6.425 10.461-15.32 10.461-25.204h2.47a.914.914 0 0 0 .907-.906c-.247-10.048-4.283-19.191-10.79-26.027a.896.896 0 0 0-1.235 0l-1.73 1.73Z",
14
- fill: "#E0E1E9"
15
- }), /* @__PURE__ */ React.createElement("path", {
16
- d: "M65.925 57.617s.086-.054.119-.087l6.495-4.323-3.134-1.697-3.134.757-8.3-31.677a5.705 5.705 0 0 0-6.68-4.15l-39.588 8.073-1.394-3.123-3.415 5.88a6.502 6.502 0 0 0-.216.367v.021a5.638 5.638 0 0 0-.454 4.247l10.44 36.649a2.587 2.587 0 0 0 3.177 1.794l45.273-12.342a2.94 2.94 0 0 0 .746-.346l.054-.032.01-.011Z",
17
- fill: "#E0E1E9",
18
- stroke: "#6C6E79",
19
- strokeLinecap: "round",
20
- strokeLinejoin: "round",
21
- strokeWidth: ".7"
22
- }), /* @__PURE__ */ React.createElement("path", {
23
- d: "M71.762 53.553 24.09 66.555a2.734 2.734 0 0 1-3.35-1.892L9.749 26.07c-.962-3.372 1.156-6.852 4.593-7.555l42.873-8.743c3.134-.638 6.225 1.286 7.025 4.377l9.446 36.075a2.73 2.73 0 0 1-1.924 3.33Z",
24
- fill: "#fff"
25
- }), /* @__PURE__ */ React.createElement("path", {
26
- d: "M65.452 18.818 11.068 30.76l-1.34-4.69c-.962-3.372 1.156-6.852 4.593-7.555l42.885-8.743c3.134-.638 6.225 1.286 7.024 4.377l1.222 4.669Z",
27
- fill: "#6C6E79"
28
- }), /* @__PURE__ */ React.createElement("path", {
29
- d: "M18.394 23.428a1.873 1.873 0 0 1-1.416 2.366c-1.081.238-2.227-.454-2.53-1.523a1.868 1.868 0 0 1 1.428-2.367c1.091-.227 2.215.465 2.518 1.534v-.01Z",
30
- fill: "#fff"
31
- }), /* @__PURE__ */ React.createElement("path", {
32
- d: "M25.375 21.958c.292 1.059-.324 2.107-1.394 2.334-1.07.227-2.183-.454-2.475-1.524-.292-1.07.324-2.118 1.405-2.345 1.08-.227 2.172.465 2.464 1.524v.01Z",
33
- fill: "#E0E1E9"
34
- }), /* @__PURE__ */ React.createElement("path", {
35
- d: "M11.087 30.862s.324-3.156.605-6.387l-1.373-3.08-3.415 5.879a6.509 6.509 0 0 0-.216.367v.022a5.638 5.638 0 0 0-.454 4.247l1.394 4.907 3.459-5.966v.01Z",
36
- fill: "#6C6E79"
37
- }), /* @__PURE__ */ React.createElement("path", {
38
- d: "M71.762 53.553 24.09 66.555a2.734 2.734 0 0 1-3.35-1.892L9.749 26.07c-.962-3.372 1.156-6.852 4.593-7.555l42.873-8.743c3.134-.638 6.225 1.286 7.025 4.377l9.446 36.075a2.73 2.73 0 0 1-1.924 3.33Z",
39
- stroke: "#6C6E79",
40
- strokeLinecap: "round",
41
- strokeLinejoin: "round",
42
- strokeWidth: ".7"
43
- }), /* @__PURE__ */ React.createElement("path", {
44
- d: "M25.993 43.23a2.247 2.247 0 0 1-2.701-1.578l-1.233-4.398a2.255 2.255 0 0 1 1.654-2.8 2.258 2.258 0 0 1 2.68 1.59l1.221 4.398a2.256 2.256 0 0 1-1.631 2.788h.01Z",
45
- stroke: "#6C6E79",
46
- strokeLinecap: "round",
47
- strokeLinejoin: "round",
48
- strokeWidth: ".7"
49
- }), /* @__PURE__ */ React.createElement("path", {
50
- d: "m44.907 35.917-13.401 3.242a1.802 1.802 0 0 1-2.162-1.276l-.022-.075c-.27-.984.325-2 1.33-2.237l13.412-3.167a1.809 1.809 0 0 1 2.161 1.286 1.803 1.803 0 0 1-1.318 2.227Z",
51
- fill: "#E0E1E9",
52
- stroke: "#6C6E79",
53
- strokeLinecap: "round",
54
- strokeLinejoin: "round",
55
- strokeWidth: ".7"
56
- }), /* @__PURE__ */ React.createElement("path", {
57
- d: "M63.646 42.306a1.821 1.821 0 0 1-1.297 2.226l-18.103 4.756a1.87 1.87 0 1 1-.94-3.62l18.124-4.66a1.819 1.819 0 0 1 2.216 1.298v0Z",
58
- stroke: "#6C6E79",
59
- strokeLinecap: "round",
60
- strokeLinejoin: "round",
61
- strokeWidth: ".7"
62
- }), /* @__PURE__ */ React.createElement("path", {
63
- d: "m39.102 46.404 1.156 4.204a2.096 2.096 0 1 1-4.042 1.113l-1.156-4.204a2.103 2.103 0 0 1 4.053-1.113h-.011Z",
64
- fill: "#E0E1E9",
65
- stroke: "#6C6E79",
66
- strokeLinecap: "round",
67
- strokeLinejoin: "round",
68
- strokeWidth: ".7"
69
- }), /* @__PURE__ */ React.createElement("path", {
70
- d: "M44.23 45.53 42.26 48.4M50.742 43.785l-3.164 4.61M57.241 42.058l-3.175 4.632M63.036 41.36l-2.48 3.614M25.073 34.774l-2.639 3.849M27.238 39.37l-2.573 3.754",
71
- stroke: "#6C6E79",
72
- strokeMiterlimit: "10",
73
- strokeWidth: ".7"
74
- }));
4
+ import { useColorResolver } from "@semcore/utils/lib/use/useColorResolver";
5
+ const TagCloud = ({ 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: "M65.245 14.837c-6.425-6.424-15.32-10.46-25.204-10.46V1.906A.914.914 0 0 0 39.135 1c-10.048.247-19.191 4.283-26.027 10.79a.896.896 0 0 0 0 1.235l1.73 1.73C8.412 21.18 4.376 30.075 4.376 39.959H1.906a.914.914 0 0 0-.906.906c.247 10.048 4.283 19.191 10.79 26.027.33.33.906.33 1.235 0l1.73-1.73c6.425 6.425 15.32 10.461 25.204 10.461v2.471c0 .494.412.906.906.906 10.048-.247 19.191-4.283 26.027-10.79a.896.896 0 0 0 0-1.235l-1.73-1.73c6.425-6.425 10.461-15.32 10.461-25.204h2.47a.914.914 0 0 0 .907-.906c-.247-10.048-4.283-19.191-10.79-26.027a.896.896 0 0 0-1.235 0l-1.73 1.73Z",
19
+ fill: resolvedPrimaryColor
20
+ }), /* @__PURE__ */ React.createElement("path", {
21
+ d: "M65.925 57.617s.086-.054.119-.087l6.495-4.323-3.134-1.697-3.134.757-8.3-31.677a5.705 5.705 0 0 0-6.68-4.15l-39.588 8.073-1.394-3.123-3.415 5.88a6.502 6.502 0 0 0-.216.367v.021a5.638 5.638 0 0 0-.454 4.247l10.44 36.649a2.587 2.587 0 0 0 3.177 1.794l45.273-12.342a2.94 2.94 0 0 0 .746-.346l.054-.032.01-.011Z",
22
+ fill: resolvedPrimaryColor,
23
+ stroke: resolvedSecondaryColor,
24
+ strokeLinecap: "round",
25
+ strokeLinejoin: "round",
26
+ strokeWidth: ".7"
27
+ }), /* @__PURE__ */ React.createElement("path", {
28
+ d: "M71.762 53.553 24.09 66.555a2.734 2.734 0 0 1-3.35-1.892L9.749 26.07c-.962-3.372 1.156-6.852 4.593-7.555l42.873-8.743c3.134-.638 6.225 1.286 7.025 4.377l9.446 36.075a2.73 2.73 0 0 1-1.924 3.33Z",
29
+ fill: "#fff"
30
+ }), /* @__PURE__ */ React.createElement("path", {
31
+ d: "M65.452 18.818 11.068 30.76l-1.34-4.69c-.962-3.372 1.156-6.852 4.593-7.555l42.885-8.743c3.134-.638 6.225 1.286 7.024 4.377l1.222 4.669Z",
32
+ fill: resolvedSecondaryColor
33
+ }), /* @__PURE__ */ React.createElement("path", {
34
+ d: "M18.394 23.428a1.873 1.873 0 0 1-1.416 2.366c-1.081.238-2.227-.454-2.53-1.523a1.868 1.868 0 0 1 1.428-2.367c1.091-.227 2.215.465 2.518 1.534v-.01Z",
35
+ fill: "#fff"
36
+ }), /* @__PURE__ */ React.createElement("path", {
37
+ d: "M25.375 21.958c.292 1.059-.324 2.107-1.394 2.334-1.07.227-2.183-.454-2.475-1.524-.292-1.07.324-2.118 1.405-2.345 1.08-.227 2.172.465 2.464 1.524v.01Z",
38
+ fill: resolvedPrimaryColor
39
+ }), /* @__PURE__ */ React.createElement("path", {
40
+ d: "M11.087 30.862s.324-3.156.605-6.387l-1.373-3.08-3.415 5.879a6.509 6.509 0 0 0-.216.367v.022a5.638 5.638 0 0 0-.454 4.247l1.394 4.907 3.459-5.966v.01Z",
41
+ fill: resolvedSecondaryColor
42
+ }), /* @__PURE__ */ React.createElement("path", {
43
+ d: "M71.762 53.553 24.09 66.555a2.734 2.734 0 0 1-3.35-1.892L9.749 26.07c-.962-3.372 1.156-6.852 4.593-7.555l42.873-8.743c3.134-.638 6.225 1.286 7.025 4.377l9.446 36.075a2.73 2.73 0 0 1-1.924 3.33Z",
44
+ stroke: resolvedSecondaryColor,
45
+ strokeLinecap: "round",
46
+ strokeLinejoin: "round",
47
+ strokeWidth: ".7"
48
+ }), /* @__PURE__ */ React.createElement("path", {
49
+ d: "M25.993 43.23a2.247 2.247 0 0 1-2.701-1.578l-1.233-4.398a2.255 2.255 0 0 1 1.654-2.8 2.258 2.258 0 0 1 2.68 1.59l1.221 4.398a2.256 2.256 0 0 1-1.631 2.788h.01Z",
50
+ stroke: resolvedSecondaryColor,
51
+ strokeLinecap: "round",
52
+ strokeLinejoin: "round",
53
+ strokeWidth: ".7"
54
+ }), /* @__PURE__ */ React.createElement("path", {
55
+ d: "m44.907 35.917-13.401 3.242a1.802 1.802 0 0 1-2.162-1.276l-.022-.075c-.27-.984.325-2 1.33-2.237l13.412-3.167a1.809 1.809 0 0 1 2.161 1.286 1.803 1.803 0 0 1-1.318 2.227Z",
56
+ fill: resolvedPrimaryColor,
57
+ stroke: resolvedSecondaryColor,
58
+ strokeLinecap: "round",
59
+ strokeLinejoin: "round",
60
+ strokeWidth: ".7"
61
+ }), /* @__PURE__ */ React.createElement("path", {
62
+ d: "M63.646 42.306a1.821 1.821 0 0 1-1.297 2.226l-18.103 4.756a1.87 1.87 0 1 1-.94-3.62l18.124-4.66a1.819 1.819 0 0 1 2.216 1.298v0Z",
63
+ stroke: resolvedSecondaryColor,
64
+ strokeLinecap: "round",
65
+ strokeLinejoin: "round",
66
+ strokeWidth: ".7"
67
+ }), /* @__PURE__ */ React.createElement("path", {
68
+ d: "m39.102 46.404 1.156 4.204a2.096 2.096 0 1 1-4.042 1.113l-1.156-4.204a2.103 2.103 0 0 1 4.053-1.113h-.011Z",
69
+ fill: resolvedPrimaryColor,
70
+ stroke: resolvedSecondaryColor,
71
+ strokeLinecap: "round",
72
+ strokeLinejoin: "round",
73
+ strokeWidth: ".7"
74
+ }), /* @__PURE__ */ React.createElement("path", {
75
+ d: "M44.23 45.53 42.26 48.4M50.742 43.785l-3.164 4.61M57.241 42.058l-3.175 4.632M63.036 41.36l-2.48 3.614M25.073 34.774l-2.639 3.849M27.238 39.37l-2.573 3.754",
76
+ stroke: resolvedSecondaryColor,
77
+ strokeMiterlimit: "10",
78
+ strokeWidth: ".7"
79
+ }));
80
+ };
75
81
  TagCloud.displayName = "TagCloud";
76
82
  var stdin_default = createBaseComponent(TagCloud);
77
83
  export {
package/TextLinksEtc/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;