@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/CombinedChart/index.js CHANGED
@@ -26,86 +26,92 @@ 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 CombinedChart = ({ fill = "none", width = "80", height = "80", viewBox = "0 0 80 80", ...props }, ref) => /* @__PURE__ */ import_react.default.createElement(import_flex_box.Box, {
30
- ref,
31
- width,
32
- height,
33
- viewBox,
34
- fill,
35
- tag: "svg",
36
- ...props
37
- }, /* @__PURE__ */ import_react.default.createElement("path", {
38
- d: "M40.25 4.302V1.908c0-.495-.489-.908-.977-.908C19.98 3.229 5 19.82 5 39.959c0 19.727 15.793 35.74 35.25 35.74v2.393c0 .495.489.908.977.908C60.52 76.771 75.5 60.181 75.5 40.041c0-19.81-15.793-35.74-35.25-35.74Z",
39
- fill: "#E0E1E9"
40
- }), /* @__PURE__ */ import_react.default.createElement("path", {
41
- d: "M65.925 57.607s.086-.054.119-.087l6.495-4.323-3.134-1.696-3.134.756-8.3-31.677a5.705 5.705 0 0 0-6.68-4.15l-39.588 8.073-1.394-3.123-3.415 5.88a6.504 6.504 0 0 0-.216.367v.021a5.637 5.637 0 0 0-.454 4.248l10.44 36.648a2.587 2.587 0 0 0 3.177 1.794l45.273-12.342a2.94 2.94 0 0 0 .746-.346l.054-.032.01-.011Z",
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.77 53.554 24.098 66.555a2.734 2.734 0 0 1-3.35-1.891L9.756 26.07c-.962-3.372 1.157-6.852 4.594-7.554l42.873-8.744c3.134-.637 6.225 1.286 7.025 4.377l9.446 36.076a2.73 2.73 0 0 1-1.924 3.329Z",
49
- fill: "#fff"
50
- }), /* @__PURE__ */ import_react.default.createElement("path", {
51
- d: "M65.448 18.818 11.065 30.761l-1.34-4.69c-.962-3.373 1.156-6.853 4.593-7.555l42.884-8.744c3.135-.637 6.226 1.286 7.025 4.377l1.221 4.67Z",
52
- fill: "#6C6E79"
53
- }), /* @__PURE__ */ import_react.default.createElement("path", {
54
- d: "M18.394 23.419a1.873 1.873 0 0 1-1.416 2.366c-1.091.238-2.226-.454-2.529-1.523a1.868 1.868 0 0 1 1.427-2.367c1.091-.227 2.215.464 2.518 1.534v-.01Z",
55
- fill: "#fff"
56
- }), /* @__PURE__ */ import_react.default.createElement("path", {
57
- d: "M25.375 21.938c.292 1.06-.324 2.108-1.394 2.335-1.07.227-2.183-.454-2.475-1.524-.292-1.07.324-2.118 1.405-2.345 1.07-.227 2.172.464 2.464 1.523v.011Z",
58
- fill: "#E0E1E9"
59
- }), /* @__PURE__ */ import_react.default.createElement("path", {
60
- d: "M11.087 30.842s.324-3.155.605-6.387l-1.372-3.08-3.415 5.88a6.51 6.51 0 0 0-.216.367v.021a5.637 5.637 0 0 0-.454 4.248l1.394 4.906 3.458-5.965v.01Z",
61
- fill: "#6C6E79"
62
- }), /* @__PURE__ */ import_react.default.createElement("path", {
63
- d: "M71.77 53.554 24.098 66.555a2.734 2.734 0 0 1-3.35-1.891L9.756 26.07c-.962-3.372 1.157-6.852 4.594-7.554l42.873-8.744c3.134-.637 6.225 1.286 7.025 4.377l9.446 36.076a2.73 2.73 0 0 1-1.924 3.329Z",
64
- stroke: "#6C6E79",
65
- strokeLinecap: "round",
66
- strokeLinejoin: "round",
67
- strokeWidth: ".7"
68
- }), /* @__PURE__ */ import_react.default.createElement("path", {
69
- d: "M21.767 54.803c1.718-7.165 5.025-10.267 7.792-11.748 5.685-3.047 9.846 2.626 15.53 1.21 6.323-1.577 8.279-10.98 11.1-14.395 2.518-3.059 4.842-2.994 8.689-2.67",
70
- stroke: "#6C6E79",
71
- strokeLinecap: "round",
72
- strokeLinejoin: "round",
73
- strokeWidth: ".7"
74
- }), /* @__PURE__ */ import_react.default.createElement("path", {
75
- d: "m34.517 48.516-7.112 1.783a.806.806 0 0 0-.572.995l2.702 9.64 8.602-2.291-2.648-9.576a.793.793 0 0 0-.961-.562l-.011.011Z",
76
- fill: "#E0E1E9",
77
- stroke: "#6C6E79",
78
- strokeLinecap: "round",
79
- strokeLinejoin: "round",
80
- strokeWidth: ".7"
81
- }), /* @__PURE__ */ import_react.default.createElement("path", {
82
- d: "m44.396 28.283-6.885 1.589a.786.786 0 0 0-.583.972l7.187 26.209 8.278-2.205-7.057-26.014a.787.787 0 0 0-.94-.562v.01Z",
83
- fill: "#6C6E79"
84
- }), /* @__PURE__ */ import_react.default.createElement("path", {
85
- d: "m60.974 34.836-6.517 1.578a.802.802 0 0 0-.583.983l4.269 15.941 7.976-2.118-4.183-15.8a.803.803 0 0 0-.962-.573v-.011ZM23.937 62.422l45.65-12.137",
86
- stroke: "#6C6E79",
87
- strokeLinecap: "round",
88
- strokeLinejoin: "round",
89
- strokeWidth: ".7"
90
- }), /* @__PURE__ */ import_react.default.createElement("path", {
91
- d: "M21.767 54.803c1.718-7.165 5.025-10.267 7.792-11.748 5.685-3.047 9.846 2.627 15.53 1.21 6.323-1.577 8.279-10.98 11.1-14.395 2.518-3.058 4.842-2.994 8.689-2.67",
92
- stroke: "#6C6E79",
93
- strokeLinecap: "round",
94
- strokeLinejoin: "round",
95
- strokeWidth: ".7"
96
- }), /* @__PURE__ */ import_react.default.createElement("path", {
97
- d: "M58.79 29.258c.346 1.286-.54 2.604-1.977 2.94-1.438.334-2.897-.433-3.242-1.719-.346-1.286.55-2.616 1.999-2.95 1.448-.335 2.886.443 3.22 1.729ZM31.946 42.213c.367 1.329-.584 2.702-2.13 3.08-1.545.378-3.112-.39-3.48-1.73-.367-1.34.595-2.723 2.14-3.09 1.546-.368 3.102.41 3.47 1.729v.01ZM47.769 43.598c.356 1.297-.562 2.648-2.043 3.026-1.48.379-2.983-.378-3.34-1.686-.356-1.307.562-2.669 2.054-3.036 1.48-.368 2.972.389 3.318 1.696h.01Z",
98
- fill: "#fff",
99
- stroke: "#6C6E79",
100
- strokeLinecap: "round",
101
- strokeLinejoin: "round",
102
- strokeWidth: ".7"
103
- }), /* @__PURE__ */ import_react.default.createElement("path", {
104
- d: "m57.743 35.65-3.108 4.532M56.132 45.834l6.153-8.972M57.685 51.402 63.79 42.5M62.57 52.123l2.693-3.927M44.396 28.283l-6.885 1.589a.786.786 0 0 0-.583.972l7.187 26.209 8.278-2.205-7.057-26.014a.787.787 0 0 0-.94-.562v.01Z",
105
- stroke: "#6C6E79",
106
- strokeLinecap: "round",
107
- strokeLinejoin: "round",
108
- strokeWidth: ".7"
109
- }));
29
+ var import_useColorResolver = require("@semcore/utils/lib/use/useColorResolver");
30
+ const CombinedChart = ({ fill = "none", width = "80", height = "80", viewBox = "0 0 80 80", primaryColor = "#E0E1E9", secondaryColor = "#6C6E79", ...props }, ref) => {
31
+ const colorResolver = (0, import_useColorResolver.useColorResolver)();
32
+ const resolvedPrimaryColor = colorResolver(primaryColor);
33
+ const resolvedSecondaryColor = colorResolver(secondaryColor);
34
+ return /* @__PURE__ */ import_react.default.createElement(import_flex_box.Box, {
35
+ ref,
36
+ width,
37
+ height,
38
+ viewBox,
39
+ fill,
40
+ tag: "svg",
41
+ ...props
42
+ }, /* @__PURE__ */ import_react.default.createElement("path", {
43
+ d: "M40.25 4.302V1.908c0-.495-.489-.908-.977-.908C19.98 3.229 5 19.82 5 39.959c0 19.727 15.793 35.74 35.25 35.74v2.393c0 .495.489.908.977.908C60.52 76.771 75.5 60.181 75.5 40.041c0-19.81-15.793-35.74-35.25-35.74Z",
44
+ fill: resolvedPrimaryColor
45
+ }), /* @__PURE__ */ import_react.default.createElement("path", {
46
+ d: "M65.925 57.607s.086-.054.119-.087l6.495-4.323-3.134-1.696-3.134.756-8.3-31.677a5.705 5.705 0 0 0-6.68-4.15l-39.588 8.073-1.394-3.123-3.415 5.88a6.504 6.504 0 0 0-.216.367v.021a5.637 5.637 0 0 0-.454 4.248l10.44 36.648a2.587 2.587 0 0 0 3.177 1.794l45.273-12.342a2.94 2.94 0 0 0 .746-.346l.054-.032.01-.011Z",
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.77 53.554 24.098 66.555a2.734 2.734 0 0 1-3.35-1.891L9.756 26.07c-.962-3.372 1.157-6.852 4.594-7.554l42.873-8.744c3.134-.637 6.225 1.286 7.025 4.377l9.446 36.076a2.73 2.73 0 0 1-1.924 3.329Z",
54
+ fill: "#fff"
55
+ }), /* @__PURE__ */ import_react.default.createElement("path", {
56
+ d: "M65.448 18.818 11.065 30.761l-1.34-4.69c-.962-3.373 1.156-6.853 4.593-7.555l42.884-8.744c3.135-.637 6.226 1.286 7.025 4.377l1.221 4.67Z",
57
+ fill: resolvedSecondaryColor
58
+ }), /* @__PURE__ */ import_react.default.createElement("path", {
59
+ d: "M18.394 23.419a1.873 1.873 0 0 1-1.416 2.366c-1.091.238-2.226-.454-2.529-1.523a1.868 1.868 0 0 1 1.427-2.367c1.091-.227 2.215.464 2.518 1.534v-.01Z",
60
+ fill: "#fff"
61
+ }), /* @__PURE__ */ import_react.default.createElement("path", {
62
+ d: "M25.375 21.938c.292 1.06-.324 2.108-1.394 2.335-1.07.227-2.183-.454-2.475-1.524-.292-1.07.324-2.118 1.405-2.345 1.07-.227 2.172.464 2.464 1.523v.011Z",
63
+ fill: resolvedPrimaryColor
64
+ }), /* @__PURE__ */ import_react.default.createElement("path", {
65
+ d: "M11.087 30.842s.324-3.155.605-6.387l-1.372-3.08-3.415 5.88a6.51 6.51 0 0 0-.216.367v.021a5.637 5.637 0 0 0-.454 4.248l1.394 4.906 3.458-5.965v.01Z",
66
+ fill: resolvedSecondaryColor
67
+ }), /* @__PURE__ */ import_react.default.createElement("path", {
68
+ d: "M71.77 53.554 24.098 66.555a2.734 2.734 0 0 1-3.35-1.891L9.756 26.07c-.962-3.372 1.157-6.852 4.594-7.554l42.873-8.744c3.134-.637 6.225 1.286 7.025 4.377l9.446 36.076a2.73 2.73 0 0 1-1.924 3.329Z",
69
+ stroke: resolvedSecondaryColor,
70
+ strokeLinecap: "round",
71
+ strokeLinejoin: "round",
72
+ strokeWidth: ".7"
73
+ }), /* @__PURE__ */ import_react.default.createElement("path", {
74
+ d: "M21.767 54.803c1.718-7.165 5.025-10.267 7.792-11.748 5.685-3.047 9.846 2.626 15.53 1.21 6.323-1.577 8.279-10.98 11.1-14.395 2.518-3.059 4.842-2.994 8.689-2.67",
75
+ stroke: resolvedSecondaryColor,
76
+ strokeLinecap: "round",
77
+ strokeLinejoin: "round",
78
+ strokeWidth: ".7"
79
+ }), /* @__PURE__ */ import_react.default.createElement("path", {
80
+ d: "m34.517 48.516-7.112 1.783a.806.806 0 0 0-.572.995l2.702 9.64 8.602-2.291-2.648-9.576a.793.793 0 0 0-.961-.562l-.011.011Z",
81
+ fill: resolvedPrimaryColor,
82
+ stroke: resolvedSecondaryColor,
83
+ strokeLinecap: "round",
84
+ strokeLinejoin: "round",
85
+ strokeWidth: ".7"
86
+ }), /* @__PURE__ */ import_react.default.createElement("path", {
87
+ d: "m44.396 28.283-6.885 1.589a.786.786 0 0 0-.583.972l7.187 26.209 8.278-2.205-7.057-26.014a.787.787 0 0 0-.94-.562v.01Z",
88
+ fill: resolvedSecondaryColor
89
+ }), /* @__PURE__ */ import_react.default.createElement("path", {
90
+ d: "m60.974 34.836-6.517 1.578a.802.802 0 0 0-.583.983l4.269 15.941 7.976-2.118-4.183-15.8a.803.803 0 0 0-.962-.573v-.011ZM23.937 62.422l45.65-12.137",
91
+ stroke: resolvedSecondaryColor,
92
+ strokeLinecap: "round",
93
+ strokeLinejoin: "round",
94
+ strokeWidth: ".7"
95
+ }), /* @__PURE__ */ import_react.default.createElement("path", {
96
+ d: "M21.767 54.803c1.718-7.165 5.025-10.267 7.792-11.748 5.685-3.047 9.846 2.627 15.53 1.21 6.323-1.577 8.279-10.98 11.1-14.395 2.518-3.058 4.842-2.994 8.689-2.67",
97
+ stroke: resolvedSecondaryColor,
98
+ strokeLinecap: "round",
99
+ strokeLinejoin: "round",
100
+ strokeWidth: ".7"
101
+ }), /* @__PURE__ */ import_react.default.createElement("path", {
102
+ d: "M58.79 29.258c.346 1.286-.54 2.604-1.977 2.94-1.438.334-2.897-.433-3.242-1.719-.346-1.286.55-2.616 1.999-2.95 1.448-.335 2.886.443 3.22 1.729ZM31.946 42.213c.367 1.329-.584 2.702-2.13 3.08-1.545.378-3.112-.39-3.48-1.73-.367-1.34.595-2.723 2.14-3.09 1.546-.368 3.102.41 3.47 1.729v.01ZM47.769 43.598c.356 1.297-.562 2.648-2.043 3.026-1.48.379-2.983-.378-3.34-1.686-.356-1.307.562-2.669 2.054-3.036 1.48-.368 2.972.389 3.318 1.696h.01Z",
103
+ fill: "#fff",
104
+ stroke: resolvedSecondaryColor,
105
+ strokeLinecap: "round",
106
+ strokeLinejoin: "round",
107
+ strokeWidth: ".7"
108
+ }), /* @__PURE__ */ import_react.default.createElement("path", {
109
+ d: "m57.743 35.65-3.108 4.532M56.132 45.834l6.153-8.972M57.685 51.402 63.79 42.5M62.57 52.123l2.693-3.927M44.396 28.283l-6.885 1.589a.786.786 0 0 0-.583.972l7.187 26.209 8.278-2.205-7.057-26.014a.787.787 0 0 0-.94-.562v.01Z",
110
+ stroke: resolvedSecondaryColor,
111
+ strokeLinecap: "round",
112
+ strokeLinejoin: "round",
113
+ strokeWidth: ".7"
114
+ }));
115
+ };
110
116
  CombinedChart.displayName = "CombinedChart";
111
117
  var stdin_default = (0, import_core.createBaseComponent)(CombinedChart);
package/CombinedChart/index.mjs CHANGED
@@ -1,87 +1,93 @@
1
1
  import React from "react";
2
2
  import { createBaseComponent } from "@semcore/core";
3
3
  import { Box } from "@semcore/flex-box";
4
- const CombinedChart = ({ fill = "none", width = "80", height = "80", viewBox = "0 0 80 80", ...props }, ref) => /* @__PURE__ */ React.createElement(Box, {
5
- ref,
6
- width,
7
- height,
8
- viewBox,
9
- fill,
10
- tag: "svg",
11
- ...props
12
- }, /* @__PURE__ */ React.createElement("path", {
13
- d: "M40.25 4.302V1.908c0-.495-.489-.908-.977-.908C19.98 3.229 5 19.82 5 39.959c0 19.727 15.793 35.74 35.25 35.74v2.393c0 .495.489.908.977.908C60.52 76.771 75.5 60.181 75.5 40.041c0-19.81-15.793-35.74-35.25-35.74Z",
14
- fill: "#E0E1E9"
15
- }), /* @__PURE__ */ React.createElement("path", {
16
- d: "M65.925 57.607s.086-.054.119-.087l6.495-4.323-3.134-1.696-3.134.756-8.3-31.677a5.705 5.705 0 0 0-6.68-4.15l-39.588 8.073-1.394-3.123-3.415 5.88a6.504 6.504 0 0 0-.216.367v.021a5.637 5.637 0 0 0-.454 4.248l10.44 36.648a2.587 2.587 0 0 0 3.177 1.794l45.273-12.342a2.94 2.94 0 0 0 .746-.346l.054-.032.01-.011Z",
17
- fill: "#E0E1E9",
18
- stroke: "#6C6E79",
19
- strokeLinecap: "round",
20
- strokeLinejoin: "round",
21
- strokeWidth: ".7"
22
- }), /* @__PURE__ */ React.createElement("path", {
23
- d: "M71.77 53.554 24.098 66.555a2.734 2.734 0 0 1-3.35-1.891L9.756 26.07c-.962-3.372 1.157-6.852 4.594-7.554l42.873-8.744c3.134-.637 6.225 1.286 7.025 4.377l9.446 36.076a2.73 2.73 0 0 1-1.924 3.329Z",
24
- fill: "#fff"
25
- }), /* @__PURE__ */ React.createElement("path", {
26
- d: "M65.448 18.818 11.065 30.761l-1.34-4.69c-.962-3.373 1.156-6.853 4.593-7.555l42.884-8.744c3.135-.637 6.226 1.286 7.025 4.377l1.221 4.67Z",
27
- fill: "#6C6E79"
28
- }), /* @__PURE__ */ React.createElement("path", {
29
- d: "M18.394 23.419a1.873 1.873 0 0 1-1.416 2.366c-1.091.238-2.226-.454-2.529-1.523a1.868 1.868 0 0 1 1.427-2.367c1.091-.227 2.215.464 2.518 1.534v-.01Z",
30
- fill: "#fff"
31
- }), /* @__PURE__ */ React.createElement("path", {
32
- d: "M25.375 21.938c.292 1.06-.324 2.108-1.394 2.335-1.07.227-2.183-.454-2.475-1.524-.292-1.07.324-2.118 1.405-2.345 1.07-.227 2.172.464 2.464 1.523v.011Z",
33
- fill: "#E0E1E9"
34
- }), /* @__PURE__ */ React.createElement("path", {
35
- d: "M11.087 30.842s.324-3.155.605-6.387l-1.372-3.08-3.415 5.88a6.51 6.51 0 0 0-.216.367v.021a5.637 5.637 0 0 0-.454 4.248l1.394 4.906 3.458-5.965v.01Z",
36
- fill: "#6C6E79"
37
- }), /* @__PURE__ */ React.createElement("path", {
38
- d: "M71.77 53.554 24.098 66.555a2.734 2.734 0 0 1-3.35-1.891L9.756 26.07c-.962-3.372 1.157-6.852 4.594-7.554l42.873-8.744c3.134-.637 6.225 1.286 7.025 4.377l9.446 36.076a2.73 2.73 0 0 1-1.924 3.329Z",
39
- stroke: "#6C6E79",
40
- strokeLinecap: "round",
41
- strokeLinejoin: "round",
42
- strokeWidth: ".7"
43
- }), /* @__PURE__ */ React.createElement("path", {
44
- d: "M21.767 54.803c1.718-7.165 5.025-10.267 7.792-11.748 5.685-3.047 9.846 2.626 15.53 1.21 6.323-1.577 8.279-10.98 11.1-14.395 2.518-3.059 4.842-2.994 8.689-2.67",
45
- stroke: "#6C6E79",
46
- strokeLinecap: "round",
47
- strokeLinejoin: "round",
48
- strokeWidth: ".7"
49
- }), /* @__PURE__ */ React.createElement("path", {
50
- d: "m34.517 48.516-7.112 1.783a.806.806 0 0 0-.572.995l2.702 9.64 8.602-2.291-2.648-9.576a.793.793 0 0 0-.961-.562l-.011.011Z",
51
- fill: "#E0E1E9",
52
- stroke: "#6C6E79",
53
- strokeLinecap: "round",
54
- strokeLinejoin: "round",
55
- strokeWidth: ".7"
56
- }), /* @__PURE__ */ React.createElement("path", {
57
- d: "m44.396 28.283-6.885 1.589a.786.786 0 0 0-.583.972l7.187 26.209 8.278-2.205-7.057-26.014a.787.787 0 0 0-.94-.562v.01Z",
58
- fill: "#6C6E79"
59
- }), /* @__PURE__ */ React.createElement("path", {
60
- d: "m60.974 34.836-6.517 1.578a.802.802 0 0 0-.583.983l4.269 15.941 7.976-2.118-4.183-15.8a.803.803 0 0 0-.962-.573v-.011ZM23.937 62.422l45.65-12.137",
61
- stroke: "#6C6E79",
62
- strokeLinecap: "round",
63
- strokeLinejoin: "round",
64
- strokeWidth: ".7"
65
- }), /* @__PURE__ */ React.createElement("path", {
66
- d: "M21.767 54.803c1.718-7.165 5.025-10.267 7.792-11.748 5.685-3.047 9.846 2.627 15.53 1.21 6.323-1.577 8.279-10.98 11.1-14.395 2.518-3.058 4.842-2.994 8.689-2.67",
67
- stroke: "#6C6E79",
68
- strokeLinecap: "round",
69
- strokeLinejoin: "round",
70
- strokeWidth: ".7"
71
- }), /* @__PURE__ */ React.createElement("path", {
72
- d: "M58.79 29.258c.346 1.286-.54 2.604-1.977 2.94-1.438.334-2.897-.433-3.242-1.719-.346-1.286.55-2.616 1.999-2.95 1.448-.335 2.886.443 3.22 1.729ZM31.946 42.213c.367 1.329-.584 2.702-2.13 3.08-1.545.378-3.112-.39-3.48-1.73-.367-1.34.595-2.723 2.14-3.09 1.546-.368 3.102.41 3.47 1.729v.01ZM47.769 43.598c.356 1.297-.562 2.648-2.043 3.026-1.48.379-2.983-.378-3.34-1.686-.356-1.307.562-2.669 2.054-3.036 1.48-.368 2.972.389 3.318 1.696h.01Z",
73
- fill: "#fff",
74
- stroke: "#6C6E79",
75
- strokeLinecap: "round",
76
- strokeLinejoin: "round",
77
- strokeWidth: ".7"
78
- }), /* @__PURE__ */ React.createElement("path", {
79
- d: "m57.743 35.65-3.108 4.532M56.132 45.834l6.153-8.972M57.685 51.402 63.79 42.5M62.57 52.123l2.693-3.927M44.396 28.283l-6.885 1.589a.786.786 0 0 0-.583.972l7.187 26.209 8.278-2.205-7.057-26.014a.787.787 0 0 0-.94-.562v.01Z",
80
- stroke: "#6C6E79",
81
- strokeLinecap: "round",
82
- strokeLinejoin: "round",
83
- strokeWidth: ".7"
84
- }));
4
+ import { useColorResolver } from "@semcore/utils/lib/use/useColorResolver";
5
+ const CombinedChart = ({ fill = "none", width = "80", height = "80", viewBox = "0 0 80 80", primaryColor = "#E0E1E9", secondaryColor = "#6C6E79", ...props }, ref) => {
6
+ const colorResolver = useColorResolver();
7
+ const resolvedPrimaryColor = colorResolver(primaryColor);
8
+ const resolvedSecondaryColor = colorResolver(secondaryColor);
9
+ return /* @__PURE__ */ React.createElement(Box, {
10
+ ref,
11
+ width,
12
+ height,
13
+ viewBox,
14
+ fill,
15
+ tag: "svg",
16
+ ...props
17
+ }, /* @__PURE__ */ React.createElement("path", {
18
+ d: "M40.25 4.302V1.908c0-.495-.489-.908-.977-.908C19.98 3.229 5 19.82 5 39.959c0 19.727 15.793 35.74 35.25 35.74v2.393c0 .495.489.908.977.908C60.52 76.771 75.5 60.181 75.5 40.041c0-19.81-15.793-35.74-35.25-35.74Z",
19
+ fill: resolvedPrimaryColor
20
+ }), /* @__PURE__ */ React.createElement("path", {
21
+ d: "M65.925 57.607s.086-.054.119-.087l6.495-4.323-3.134-1.696-3.134.756-8.3-31.677a5.705 5.705 0 0 0-6.68-4.15l-39.588 8.073-1.394-3.123-3.415 5.88a6.504 6.504 0 0 0-.216.367v.021a5.637 5.637 0 0 0-.454 4.248l10.44 36.648a2.587 2.587 0 0 0 3.177 1.794l45.273-12.342a2.94 2.94 0 0 0 .746-.346l.054-.032.01-.011Z",
22
+ fill: resolvedPrimaryColor,
23
+ stroke: resolvedSecondaryColor,
24
+ strokeLinecap: "round",
25
+ strokeLinejoin: "round",
26
+ strokeWidth: ".7"
27
+ }), /* @__PURE__ */ React.createElement("path", {
28
+ d: "M71.77 53.554 24.098 66.555a2.734 2.734 0 0 1-3.35-1.891L9.756 26.07c-.962-3.372 1.157-6.852 4.594-7.554l42.873-8.744c3.134-.637 6.225 1.286 7.025 4.377l9.446 36.076a2.73 2.73 0 0 1-1.924 3.329Z",
29
+ fill: "#fff"
30
+ }), /* @__PURE__ */ React.createElement("path", {
31
+ d: "M65.448 18.818 11.065 30.761l-1.34-4.69c-.962-3.373 1.156-6.853 4.593-7.555l42.884-8.744c3.135-.637 6.226 1.286 7.025 4.377l1.221 4.67Z",
32
+ fill: resolvedSecondaryColor
33
+ }), /* @__PURE__ */ React.createElement("path", {
34
+ d: "M18.394 23.419a1.873 1.873 0 0 1-1.416 2.366c-1.091.238-2.226-.454-2.529-1.523a1.868 1.868 0 0 1 1.427-2.367c1.091-.227 2.215.464 2.518 1.534v-.01Z",
35
+ fill: "#fff"
36
+ }), /* @__PURE__ */ React.createElement("path", {
37
+ d: "M25.375 21.938c.292 1.06-.324 2.108-1.394 2.335-1.07.227-2.183-.454-2.475-1.524-.292-1.07.324-2.118 1.405-2.345 1.07-.227 2.172.464 2.464 1.523v.011Z",
38
+ fill: resolvedPrimaryColor
39
+ }), /* @__PURE__ */ React.createElement("path", {
40
+ d: "M11.087 30.842s.324-3.155.605-6.387l-1.372-3.08-3.415 5.88a6.51 6.51 0 0 0-.216.367v.021a5.637 5.637 0 0 0-.454 4.248l1.394 4.906 3.458-5.965v.01Z",
41
+ fill: resolvedSecondaryColor
42
+ }), /* @__PURE__ */ React.createElement("path", {
43
+ d: "M71.77 53.554 24.098 66.555a2.734 2.734 0 0 1-3.35-1.891L9.756 26.07c-.962-3.372 1.157-6.852 4.594-7.554l42.873-8.744c3.134-.637 6.225 1.286 7.025 4.377l9.446 36.076a2.73 2.73 0 0 1-1.924 3.329Z",
44
+ stroke: resolvedSecondaryColor,
45
+ strokeLinecap: "round",
46
+ strokeLinejoin: "round",
47
+ strokeWidth: ".7"
48
+ }), /* @__PURE__ */ React.createElement("path", {
49
+ d: "M21.767 54.803c1.718-7.165 5.025-10.267 7.792-11.748 5.685-3.047 9.846 2.626 15.53 1.21 6.323-1.577 8.279-10.98 11.1-14.395 2.518-3.059 4.842-2.994 8.689-2.67",
50
+ stroke: resolvedSecondaryColor,
51
+ strokeLinecap: "round",
52
+ strokeLinejoin: "round",
53
+ strokeWidth: ".7"
54
+ }), /* @__PURE__ */ React.createElement("path", {
55
+ d: "m34.517 48.516-7.112 1.783a.806.806 0 0 0-.572.995l2.702 9.64 8.602-2.291-2.648-9.576a.793.793 0 0 0-.961-.562l-.011.011Z",
56
+ fill: resolvedPrimaryColor,
57
+ stroke: resolvedSecondaryColor,
58
+ strokeLinecap: "round",
59
+ strokeLinejoin: "round",
60
+ strokeWidth: ".7"
61
+ }), /* @__PURE__ */ React.createElement("path", {
62
+ d: "m44.396 28.283-6.885 1.589a.786.786 0 0 0-.583.972l7.187 26.209 8.278-2.205-7.057-26.014a.787.787 0 0 0-.94-.562v.01Z",
63
+ fill: resolvedSecondaryColor
64
+ }), /* @__PURE__ */ React.createElement("path", {
65
+ d: "m60.974 34.836-6.517 1.578a.802.802 0 0 0-.583.983l4.269 15.941 7.976-2.118-4.183-15.8a.803.803 0 0 0-.962-.573v-.011ZM23.937 62.422l45.65-12.137",
66
+ stroke: resolvedSecondaryColor,
67
+ strokeLinecap: "round",
68
+ strokeLinejoin: "round",
69
+ strokeWidth: ".7"
70
+ }), /* @__PURE__ */ React.createElement("path", {
71
+ d: "M21.767 54.803c1.718-7.165 5.025-10.267 7.792-11.748 5.685-3.047 9.846 2.627 15.53 1.21 6.323-1.577 8.279-10.98 11.1-14.395 2.518-3.058 4.842-2.994 8.689-2.67",
72
+ stroke: resolvedSecondaryColor,
73
+ strokeLinecap: "round",
74
+ strokeLinejoin: "round",
75
+ strokeWidth: ".7"
76
+ }), /* @__PURE__ */ React.createElement("path", {
77
+ d: "M58.79 29.258c.346 1.286-.54 2.604-1.977 2.94-1.438.334-2.897-.433-3.242-1.719-.346-1.286.55-2.616 1.999-2.95 1.448-.335 2.886.443 3.22 1.729ZM31.946 42.213c.367 1.329-.584 2.702-2.13 3.08-1.545.378-3.112-.39-3.48-1.73-.367-1.34.595-2.723 2.14-3.09 1.546-.368 3.102.41 3.47 1.729v.01ZM47.769 43.598c.356 1.297-.562 2.648-2.043 3.026-1.48.379-2.983-.378-3.34-1.686-.356-1.307.562-2.669 2.054-3.036 1.48-.368 2.972.389 3.318 1.696h.01Z",
78
+ fill: "#fff",
79
+ stroke: resolvedSecondaryColor,
80
+ strokeLinecap: "round",
81
+ strokeLinejoin: "round",
82
+ strokeWidth: ".7"
83
+ }), /* @__PURE__ */ React.createElement("path", {
84
+ d: "m57.743 35.65-3.108 4.532M56.132 45.834l6.153-8.972M57.685 51.402 63.79 42.5M62.57 52.123l2.693-3.927M44.396 28.283l-6.885 1.589a.786.786 0 0 0-.583.972l7.187 26.209 8.278-2.205-7.057-26.014a.787.787 0 0 0-.94-.562v.01Z",
85
+ stroke: resolvedSecondaryColor,
86
+ strokeLinecap: "round",
87
+ strokeLinejoin: "round",
88
+ strokeWidth: ".7"
89
+ }));
90
+ };
85
91
  CombinedChart.displayName = "CombinedChart";
86
92
  var stdin_default = createBaseComponent(CombinedChart);
87
93
  export {
package/Confirmation/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;