@semcore/illustration 2.29.0 → 2.30.0-prerelease.0

package/HeatMapChart/index.d.ts

@@ -1,4 +1,28 @@
 
-import { Box } from '@semcore/flex-box';
-declare const _default: typeof Box;
-export default _default;    
+import { BoxProps } from '@semcore/flex-box';
+import { Intergalactic } from '@semcore/core';
+
+type IllustrationProps = BoxProps & {
+    /**
+     * Main color of the illustration
+     **/
+    primaryColor?: string;
+    /**
+     * Secondary color of the illustration
+     **/
+    secondaryColor?: string;
+    /**
+     * Changes background fill of the illustration
+     **/
+    fill?: string;
+    /**
+     * Width of the illustration
+     **/
+    width?: string | number;
+    /**
+     * Height of the illustration
+     **/
+    height?: string | number;
+}
+declare const Illustration: Intergalactic.Component<'svg', IllustrationProps>;
+export default Illustration;    

package/HeatMapChart/index.js

@@ -26,84 +26,90 @@ module.exports = __toCommonJS(stdin_exports);
 var import_react = __toESM(require("react"));
 var import_core = require("@semcore/core");
 var import_flex_box = require("@semcore/flex-box");
-const HeatMapChart = ({ fill = "none", width = "80", height = "80", viewBox = "0 0 80 80", ...props }, ref) => /* @__PURE__ */ import_react.default.createElement(import_flex_box.Box, {
-  ref,
-  width,
-  height,
-  viewBox,
-  fill,
-  tag: "svg",
-  ...props
-}, /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "M67.364 24.729c-2.417-7.82-7.25-15.333-13.721-20.545-.234-.23-.624-.23-.858-.077L42.34 8.783c-9.355-1.686-18.71-2.07-27.754 1.227-.312.076-.546.383-.546.766-.156 2.53-.701 13.033-.701 13.033C7.1 30.249 2.189 38.45 1.02 47.267c-.078.307.078.613.39.767L12.636 55.7c2.417 7.82 7.25 15.332 13.721 20.545.234.23.624.23.858.077l10.446-4.677c9.355 1.687 18.71 2.07 27.754-1.226.312-.077.546-.383.546-.767l.701-13.032C72.9 50.18 77.811 41.978 78.98 33.16c.078-.306-.078-.613-.39-.766l-11.226-7.666Z",
-  fill: "#E0E1E9"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "M65.925 57.617s.086-.054.119-.086l6.495-4.324-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.638 5.638 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",
-  fill: "#E0E1E9",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".7"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "M71.764 53.553 24.092 66.555a2.734 2.734 0 0 1-3.35-1.892L9.75 26.07c-.962-3.372 1.156-6.852 4.593-7.555l42.874-8.743c3.134-.638 6.225 1.286 7.025 4.377l9.445 36.075a2.73 2.73 0 0 1-1.923 3.33Z",
-  fill: "#fff"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "M65.448 18.818 11.064 30.76l-1.34-4.69c-.962-3.372 1.157-6.852 4.594-7.555l42.884-8.743c3.134-.638 6.225 1.286 7.025 4.377l1.221 4.669Z",
-  fill: "#6C6E79"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "M18.394 23.427a1.873 1.873 0 0 1-1.415 2.367c-1.081.238-2.227-.454-2.53-1.524a1.868 1.868 0 0 1 1.427-2.366c1.092-.227 2.216.464 2.518 1.534v-.01Z",
-  fill: "#fff"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  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-.291-1.07.325-2.118 1.405-2.345 1.07-.227 2.173.465 2.464 1.524v.01Z",
-  fill: "#E0E1E9"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "M11.087 30.862s.324-3.156.605-6.387l-1.372-3.08-3.416 5.879a6.51 6.51 0 0 0-.216.367v.022a5.637 5.637 0 0 0-.454 4.247l1.395 4.907 3.458-5.966v.01Z",
-  fill: "#6C6E79"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "M71.764 53.553 24.092 66.555a2.734 2.734 0 0 1-3.35-1.892L9.75 26.07c-.962-3.372 1.156-6.852 4.593-7.555l42.874-8.743c3.134-.638 6.225 1.286 7.025 4.377l9.445 36.075a2.73 2.73 0 0 1-1.923 3.33ZM19.282 32.609l8.268 29.429",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".7"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "m49.294 39.69-8.862 2.172a.795.795 0 0 1-.952-.562l-2.107-7.662a.786.786 0 0 1 .584-.973l8.927-2.054a.787.787 0 0 1 .94.562l2.043 7.555a.784.784 0 0 1-.573.972v-.01Z",
-  fill: "#6C6E79",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".7"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "m62.574 36.432-8.462 2.075a.793.793 0 0 1-.951-.562l-2.021-7.5a.786.786 0 0 1 .583-.973l8.517-1.967a.787.787 0 0 1 .94.562l1.956 7.392a.8.8 0 0 1-.573.973h.01Z",
-  fill: "#E0E1E9",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".7"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "m38.863 54.75-9.187 2.41a.795.795 0 0 1-.962-.55l-2.172-7.76a.795.795 0 0 1 .573-.984l9.251-2.302c.41-.108.832.14.951.551l2.108 7.652a.79.79 0 0 1-.562.972v.011Z",
-  fill: "#6C6E79",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".7"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "m52.417 51.2-8.776 2.303a.795.795 0 0 1-.962-.551l-2.086-7.587a.784.784 0 0 1 .573-.973l8.84-2.194a.776.776 0 0 1 .952.562l2.02 7.479a.795.795 0 0 1-.561.973V51.2Z",
-  fill: "#E0E1E9",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".7"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "m35.61 43.041-9.283 2.27a.797.797 0 0 1-.951-.551l-2.194-7.846a.794.794 0 0 1 .584-.984l9.348-2.15a.793.793 0 0 1 .94.561l2.13 7.728a.78.78 0 0 1-.573.972v0ZM65.589 47.736l-8.387 2.205a.788.788 0 0 1-.962-.562l-2-7.425a.789.789 0 0 1 .574-.972l8.44-2.097a.785.785 0 0 1 .951.562l1.935 7.317a.788.788 0 0 1-.562.961l.01.011Z",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".7"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "m57.904 40.186-2.901 4.235M64.13 38.842 56.53 49.875M65.594 44.448l-2.68 3.91M24.055 39.881l3.265-4.76M33.47 33.893l-7.814 11.263M35.375 38.938l-3.49 5.008",
-  stroke: "#6C6E79",
-  strokeMiterlimit: "10",
-  strokeWidth: ".7"
-}));
+var import_useColorResolver = require("@semcore/utils/lib/use/useColorResolver");
+const HeatMapChart = ({ fill = "none", width = "80", height = "80", viewBox = "0 0 80 80", primaryColor = "#E0E1E9", secondaryColor = "#6C6E79", ...props }, ref) => {
+  const colorResolver = (0, import_useColorResolver.useColorResolver)();
+  const resolvedPrimaryColor = colorResolver(primaryColor);
+  const resolvedSecondaryColor = colorResolver(secondaryColor);
+  return /* @__PURE__ */ import_react.default.createElement(import_flex_box.Box, {
+    ref,
+    width,
+    height,
+    viewBox,
+    fill,
+    tag: "svg",
+    ...props
+  }, /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "M67.364 24.729c-2.417-7.82-7.25-15.333-13.721-20.545-.234-.23-.624-.23-.858-.077L42.34 8.783c-9.355-1.686-18.71-2.07-27.754 1.227-.312.076-.546.383-.546.766-.156 2.53-.701 13.033-.701 13.033C7.1 30.249 2.189 38.45 1.02 47.267c-.078.307.078.613.39.767L12.636 55.7c2.417 7.82 7.25 15.332 13.721 20.545.234.23.624.23.858.077l10.446-4.677c9.355 1.687 18.71 2.07 27.754-1.226.312-.077.546-.383.546-.767l.701-13.032C72.9 50.18 77.811 41.978 78.98 33.16c.078-.306-.078-.613-.39-.766l-11.226-7.666Z",
+    fill: resolvedPrimaryColor
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "M65.925 57.617s.086-.054.119-.086l6.495-4.324-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.638 5.638 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",
+    fill: resolvedPrimaryColor,
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".7"
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "M71.764 53.553 24.092 66.555a2.734 2.734 0 0 1-3.35-1.892L9.75 26.07c-.962-3.372 1.156-6.852 4.593-7.555l42.874-8.743c3.134-.638 6.225 1.286 7.025 4.377l9.445 36.075a2.73 2.73 0 0 1-1.923 3.33Z",
+    fill: "#fff"
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "M65.448 18.818 11.064 30.76l-1.34-4.69c-.962-3.372 1.157-6.852 4.594-7.555l42.884-8.743c3.134-.638 6.225 1.286 7.025 4.377l1.221 4.669Z",
+    fill: resolvedSecondaryColor
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "M18.394 23.427a1.873 1.873 0 0 1-1.415 2.367c-1.081.238-2.227-.454-2.53-1.524a1.868 1.868 0 0 1 1.427-2.366c1.092-.227 2.216.464 2.518 1.534v-.01Z",
+    fill: "#fff"
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    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-.291-1.07.325-2.118 1.405-2.345 1.07-.227 2.173.465 2.464 1.524v.01Z",
+    fill: resolvedPrimaryColor
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "M11.087 30.862s.324-3.156.605-6.387l-1.372-3.08-3.416 5.879a6.51 6.51 0 0 0-.216.367v.022a5.637 5.637 0 0 0-.454 4.247l1.395 4.907 3.458-5.966v.01Z",
+    fill: resolvedSecondaryColor
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "M71.764 53.553 24.092 66.555a2.734 2.734 0 0 1-3.35-1.892L9.75 26.07c-.962-3.372 1.156-6.852 4.593-7.555l42.874-8.743c3.134-.638 6.225 1.286 7.025 4.377l9.445 36.075a2.73 2.73 0 0 1-1.923 3.33ZM19.282 32.609l8.268 29.429",
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".7"
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "m49.294 39.69-8.862 2.172a.795.795 0 0 1-.952-.562l-2.107-7.662a.786.786 0 0 1 .584-.973l8.927-2.054a.787.787 0 0 1 .94.562l2.043 7.555a.784.784 0 0 1-.573.972v-.01Z",
+    fill: resolvedSecondaryColor,
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".7"
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "m62.574 36.432-8.462 2.075a.793.793 0 0 1-.951-.562l-2.021-7.5a.786.786 0 0 1 .583-.973l8.517-1.967a.787.787 0 0 1 .94.562l1.956 7.392a.8.8 0 0 1-.573.973h.01Z",
+    fill: resolvedPrimaryColor,
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".7"
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "m38.863 54.75-9.187 2.41a.795.795 0 0 1-.962-.55l-2.172-7.76a.795.795 0 0 1 .573-.984l9.251-2.302c.41-.108.832.14.951.551l2.108 7.652a.79.79 0 0 1-.562.972v.011Z",
+    fill: resolvedSecondaryColor,
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".7"
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "m52.417 51.2-8.776 2.303a.795.795 0 0 1-.962-.551l-2.086-7.587a.784.784 0 0 1 .573-.973l8.84-2.194a.776.776 0 0 1 .952.562l2.02 7.479a.795.795 0 0 1-.561.973V51.2Z",
+    fill: resolvedPrimaryColor,
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".7"
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "m35.61 43.041-9.283 2.27a.797.797 0 0 1-.951-.551l-2.194-7.846a.794.794 0 0 1 .584-.984l9.348-2.15a.793.793 0 0 1 .94.561l2.13 7.728a.78.78 0 0 1-.573.972v0ZM65.589 47.736l-8.387 2.205a.788.788 0 0 1-.962-.562l-2-7.425a.789.789 0 0 1 .574-.972l8.44-2.097a.785.785 0 0 1 .951.562l1.935 7.317a.788.788 0 0 1-.562.961l.01.011Z",
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".7"
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "m57.904 40.186-2.901 4.235M64.13 38.842 56.53 49.875M65.594 44.448l-2.68 3.91M24.055 39.881l3.265-4.76M33.47 33.893l-7.814 11.263M35.375 38.938l-3.49 5.008",
+    stroke: resolvedSecondaryColor,
+    strokeMiterlimit: "10",
+    strokeWidth: ".7"
+  }));
+};
 HeatMapChart.displayName = "HeatMapChart";
 var stdin_default = (0, import_core.createBaseComponent)(HeatMapChart);

package/HeatMapChart/index.mjs

@@ -1,85 +1,91 @@
 import React from "react";
 import { createBaseComponent } from "@semcore/core";
 import { Box } from "@semcore/flex-box";
-const HeatMapChart = ({ fill = "none", width = "80", height = "80", viewBox = "0 0 80 80", ...props }, ref) => /* @__PURE__ */ React.createElement(Box, {
-  ref,
-  width,
-  height,
-  viewBox,
-  fill,
-  tag: "svg",
-  ...props
-}, /* @__PURE__ */ React.createElement("path", {
-  d: "M67.364 24.729c-2.417-7.82-7.25-15.333-13.721-20.545-.234-.23-.624-.23-.858-.077L42.34 8.783c-9.355-1.686-18.71-2.07-27.754 1.227-.312.076-.546.383-.546.766-.156 2.53-.701 13.033-.701 13.033C7.1 30.249 2.189 38.45 1.02 47.267c-.078.307.078.613.39.767L12.636 55.7c2.417 7.82 7.25 15.332 13.721 20.545.234.23.624.23.858.077l10.446-4.677c9.355 1.687 18.71 2.07 27.754-1.226.312-.077.546-.383.546-.767l.701-13.032C72.9 50.18 77.811 41.978 78.98 33.16c.078-.306-.078-.613-.39-.766l-11.226-7.666Z",
-  fill: "#E0E1E9"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M65.925 57.617s.086-.054.119-.086l6.495-4.324-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.638 5.638 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",
-  fill: "#E0E1E9",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".7"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M71.764 53.553 24.092 66.555a2.734 2.734 0 0 1-3.35-1.892L9.75 26.07c-.962-3.372 1.156-6.852 4.593-7.555l42.874-8.743c3.134-.638 6.225 1.286 7.025 4.377l9.445 36.075a2.73 2.73 0 0 1-1.923 3.33Z",
-  fill: "#fff"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M65.448 18.818 11.064 30.76l-1.34-4.69c-.962-3.372 1.157-6.852 4.594-7.555l42.884-8.743c3.134-.638 6.225 1.286 7.025 4.377l1.221 4.669Z",
-  fill: "#6C6E79"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M18.394 23.427a1.873 1.873 0 0 1-1.415 2.367c-1.081.238-2.227-.454-2.53-1.524a1.868 1.868 0 0 1 1.427-2.366c1.092-.227 2.216.464 2.518 1.534v-.01Z",
-  fill: "#fff"
-}), /* @__PURE__ */ React.createElement("path", {
-  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-.291-1.07.325-2.118 1.405-2.345 1.07-.227 2.173.465 2.464 1.524v.01Z",
-  fill: "#E0E1E9"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M11.087 30.862s.324-3.156.605-6.387l-1.372-3.08-3.416 5.879a6.51 6.51 0 0 0-.216.367v.022a5.637 5.637 0 0 0-.454 4.247l1.395 4.907 3.458-5.966v.01Z",
-  fill: "#6C6E79"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M71.764 53.553 24.092 66.555a2.734 2.734 0 0 1-3.35-1.892L9.75 26.07c-.962-3.372 1.156-6.852 4.593-7.555l42.874-8.743c3.134-.638 6.225 1.286 7.025 4.377l9.445 36.075a2.73 2.73 0 0 1-1.923 3.33ZM19.282 32.609l8.268 29.429",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".7"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "m49.294 39.69-8.862 2.172a.795.795 0 0 1-.952-.562l-2.107-7.662a.786.786 0 0 1 .584-.973l8.927-2.054a.787.787 0 0 1 .94.562l2.043 7.555a.784.784 0 0 1-.573.972v-.01Z",
-  fill: "#6C6E79",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".7"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "m62.574 36.432-8.462 2.075a.793.793 0 0 1-.951-.562l-2.021-7.5a.786.786 0 0 1 .583-.973l8.517-1.967a.787.787 0 0 1 .94.562l1.956 7.392a.8.8 0 0 1-.573.973h.01Z",
-  fill: "#E0E1E9",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".7"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "m38.863 54.75-9.187 2.41a.795.795 0 0 1-.962-.55l-2.172-7.76a.795.795 0 0 1 .573-.984l9.251-2.302c.41-.108.832.14.951.551l2.108 7.652a.79.79 0 0 1-.562.972v.011Z",
-  fill: "#6C6E79",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".7"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "m52.417 51.2-8.776 2.303a.795.795 0 0 1-.962-.551l-2.086-7.587a.784.784 0 0 1 .573-.973l8.84-2.194a.776.776 0 0 1 .952.562l2.02 7.479a.795.795 0 0 1-.561.973V51.2Z",
-  fill: "#E0E1E9",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".7"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "m35.61 43.041-9.283 2.27a.797.797 0 0 1-.951-.551l-2.194-7.846a.794.794 0 0 1 .584-.984l9.348-2.15a.793.793 0 0 1 .94.561l2.13 7.728a.78.78 0 0 1-.573.972v0ZM65.589 47.736l-8.387 2.205a.788.788 0 0 1-.962-.562l-2-7.425a.789.789 0 0 1 .574-.972l8.44-2.097a.785.785 0 0 1 .951.562l1.935 7.317a.788.788 0 0 1-.562.961l.01.011Z",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".7"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "m57.904 40.186-2.901 4.235M64.13 38.842 56.53 49.875M65.594 44.448l-2.68 3.91M24.055 39.881l3.265-4.76M33.47 33.893l-7.814 11.263M35.375 38.938l-3.49 5.008",
-  stroke: "#6C6E79",
-  strokeMiterlimit: "10",
-  strokeWidth: ".7"
-}));
+import { useColorResolver } from "@semcore/utils/lib/use/useColorResolver";
+const HeatMapChart = ({ fill = "none", width = "80", height = "80", viewBox = "0 0 80 80", primaryColor = "#E0E1E9", secondaryColor = "#6C6E79", ...props }, ref) => {
+  const colorResolver = useColorResolver();
+  const resolvedPrimaryColor = colorResolver(primaryColor);
+  const resolvedSecondaryColor = colorResolver(secondaryColor);
+  return /* @__PURE__ */ React.createElement(Box, {
+    ref,
+    width,
+    height,
+    viewBox,
+    fill,
+    tag: "svg",
+    ...props
+  }, /* @__PURE__ */ React.createElement("path", {
+    d: "M67.364 24.729c-2.417-7.82-7.25-15.333-13.721-20.545-.234-.23-.624-.23-.858-.077L42.34 8.783c-9.355-1.686-18.71-2.07-27.754 1.227-.312.076-.546.383-.546.766-.156 2.53-.701 13.033-.701 13.033C7.1 30.249 2.189 38.45 1.02 47.267c-.078.307.078.613.39.767L12.636 55.7c2.417 7.82 7.25 15.332 13.721 20.545.234.23.624.23.858.077l10.446-4.677c9.355 1.687 18.71 2.07 27.754-1.226.312-.077.546-.383.546-.767l.701-13.032C72.9 50.18 77.811 41.978 78.98 33.16c.078-.306-.078-.613-.39-.766l-11.226-7.666Z",
+    fill: resolvedPrimaryColor
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M65.925 57.617s.086-.054.119-.086l6.495-4.324-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.638 5.638 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",
+    fill: resolvedPrimaryColor,
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".7"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M71.764 53.553 24.092 66.555a2.734 2.734 0 0 1-3.35-1.892L9.75 26.07c-.962-3.372 1.156-6.852 4.593-7.555l42.874-8.743c3.134-.638 6.225 1.286 7.025 4.377l9.445 36.075a2.73 2.73 0 0 1-1.923 3.33Z",
+    fill: "#fff"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M65.448 18.818 11.064 30.76l-1.34-4.69c-.962-3.372 1.157-6.852 4.594-7.555l42.884-8.743c3.134-.638 6.225 1.286 7.025 4.377l1.221 4.669Z",
+    fill: resolvedSecondaryColor
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M18.394 23.427a1.873 1.873 0 0 1-1.415 2.367c-1.081.238-2.227-.454-2.53-1.524a1.868 1.868 0 0 1 1.427-2.366c1.092-.227 2.216.464 2.518 1.534v-.01Z",
+    fill: "#fff"
+  }), /* @__PURE__ */ React.createElement("path", {
+    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-.291-1.07.325-2.118 1.405-2.345 1.07-.227 2.173.465 2.464 1.524v.01Z",
+    fill: resolvedPrimaryColor
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M11.087 30.862s.324-3.156.605-6.387l-1.372-3.08-3.416 5.879a6.51 6.51 0 0 0-.216.367v.022a5.637 5.637 0 0 0-.454 4.247l1.395 4.907 3.458-5.966v.01Z",
+    fill: resolvedSecondaryColor
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M71.764 53.553 24.092 66.555a2.734 2.734 0 0 1-3.35-1.892L9.75 26.07c-.962-3.372 1.156-6.852 4.593-7.555l42.874-8.743c3.134-.638 6.225 1.286 7.025 4.377l9.445 36.075a2.73 2.73 0 0 1-1.923 3.33ZM19.282 32.609l8.268 29.429",
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".7"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "m49.294 39.69-8.862 2.172a.795.795 0 0 1-.952-.562l-2.107-7.662a.786.786 0 0 1 .584-.973l8.927-2.054a.787.787 0 0 1 .94.562l2.043 7.555a.784.784 0 0 1-.573.972v-.01Z",
+    fill: resolvedSecondaryColor,
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".7"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "m62.574 36.432-8.462 2.075a.793.793 0 0 1-.951-.562l-2.021-7.5a.786.786 0 0 1 .583-.973l8.517-1.967a.787.787 0 0 1 .94.562l1.956 7.392a.8.8 0 0 1-.573.973h.01Z",
+    fill: resolvedPrimaryColor,
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".7"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "m38.863 54.75-9.187 2.41a.795.795 0 0 1-.962-.55l-2.172-7.76a.795.795 0 0 1 .573-.984l9.251-2.302c.41-.108.832.14.951.551l2.108 7.652a.79.79 0 0 1-.562.972v.011Z",
+    fill: resolvedSecondaryColor,
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".7"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "m52.417 51.2-8.776 2.303a.795.795 0 0 1-.962-.551l-2.086-7.587a.784.784 0 0 1 .573-.973l8.84-2.194a.776.776 0 0 1 .952.562l2.02 7.479a.795.795 0 0 1-.561.973V51.2Z",
+    fill: resolvedPrimaryColor,
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".7"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "m35.61 43.041-9.283 2.27a.797.797 0 0 1-.951-.551l-2.194-7.846a.794.794 0 0 1 .584-.984l9.348-2.15a.793.793 0 0 1 .94.561l2.13 7.728a.78.78 0 0 1-.573.972v0ZM65.589 47.736l-8.387 2.205a.788.788 0 0 1-.962-.562l-2-7.425a.789.789 0 0 1 .574-.972l8.44-2.097a.785.785 0 0 1 .951.562l1.935 7.317a.788.788 0 0 1-.562.961l.01.011Z",
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".7"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "m57.904 40.186-2.901 4.235M64.13 38.842 56.53 49.875M65.594 44.448l-2.68 3.91M24.055 39.881l3.265-4.76M33.47 33.893l-7.814 11.263M35.375 38.938l-3.49 5.008",
+    stroke: resolvedSecondaryColor,
+    strokeMiterlimit: "10",
+    strokeWidth: ".7"
+  }));
+};
 HeatMapChart.displayName = "HeatMapChart";
 var stdin_default = createBaseComponent(HeatMapChart);
 export {

package/HorizontalBarChart/index.d.ts

@@ -1,4 +1,28 @@
 
-import { Box } from '@semcore/flex-box';
-declare const _default: typeof Box;
-export default _default;    
+import { BoxProps } from '@semcore/flex-box';
+import { Intergalactic } from '@semcore/core';
+
+type IllustrationProps = BoxProps & {
+    /**
+     * Main color of the illustration
+     **/
+    primaryColor?: string;
+    /**
+     * Secondary color of the illustration
+     **/
+    secondaryColor?: string;
+    /**
+     * Changes background fill of the illustration
+     **/
+    fill?: string;
+    /**
+     * Width of the illustration
+     **/
+    width?: string | number;
+    /**
+     * Height of the illustration
+     **/
+    height?: string | number;
+}
+declare const Illustration: Intergalactic.Component<'svg', IllustrationProps>;
+export default Illustration;    

package/HorizontalBarChart/index.js

@@ -26,70 +26,76 @@ module.exports = __toCommonJS(stdin_exports);
 var import_react = __toESM(require("react"));
 var import_core = require("@semcore/core");
 var import_flex_box = require("@semcore/flex-box");
-const HorizontalBarChart = ({ fill = "none", width = "80", height = "80", viewBox = "0 0 80 80", ...props }, ref) => /* @__PURE__ */ import_react.default.createElement(import_flex_box.Box, {
-  ref,
-  width,
-  height,
-  viewBox,
-  fill,
-  tag: "svg",
-  ...props
-}, /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "M26.955 1c-.451 0-.902.18-1.173.541l-13.89 13.89c-14.523 14.523-14.523 38.155 0 52.677 14.522 14.522 38.154 14.522 52.676 0l13.89-13.89c.362-.361.542-.722.542-1.173V1.992c0-.541-.451-.992-.992-.992H26.955Z",
-  fill: "#E0E1E9"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  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",
-  fill: "#E0E1E9",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".7"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "M71.77 53.553 24.098 66.555a2.734 2.734 0 0 1-3.35-1.892L9.755 26.07c-.962-3.372 1.156-6.852 4.593-7.555l42.874-8.743c3.134-.638 6.225 1.286 7.025 4.377l9.445 36.075a2.73 2.73 0 0 1-1.923 3.33Z",
-  fill: "#fff"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "M65.448 18.818 11.065 30.76l-1.34-4.69c-.962-3.372 1.156-6.852 4.593-7.555l42.884-8.743c3.134-.638 6.225 1.286 7.025 4.377l1.221 4.669Z",
-  fill: "#6C6E79"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "M18.404 23.428a1.873 1.873 0 0 1-1.416 2.366c-1.08.238-2.226-.454-2.528-1.523a1.868 1.868 0 0 1 1.426-2.367c1.092-.227 2.216.465 2.518 1.534v-.01Z",
-  fill: "#fff"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  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",
-  fill: "#E0E1E9"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "M11.087 30.862s.324-3.156.605-6.387l-1.372-3.08-3.416 5.879a6.51 6.51 0 0 0-.216.367v.022a5.638 5.638 0 0 0-.454 4.247l1.395 4.907 3.458-5.966v.01Z",
-  fill: "#6C6E79"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "M71.77 53.553 24.098 66.555a2.734 2.734 0 0 1-3.35-1.892L9.755 26.07c-.962-3.372 1.156-6.852 4.593-7.555l42.874-8.743c3.134-.638 6.225 1.286 7.025 4.377l9.445 36.075a2.73 2.73 0 0 1-1.923 3.33ZM21.44 30.445l8.96 31.396",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".7"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "m39.11 36.056-11.824 2.799-1.697-5.955 11.953-2.723a.793.793 0 0 1 .94.562l1.21 4.344a.794.794 0 0 1-.583.984v-.011Z",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".7"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "m62.377 40.292-32.39 8.106-1.675-5.912 32.563-7.867a.804.804 0 0 1 .951.562l1.124 4.139a.789.789 0 0 1-.573.972Z",
-  fill: "#6C6E79",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".7"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "M57.244 51.393 32.69 57.89l-1.665-5.869L55.71 45.71a.795.795 0 0 1 .962.55l1.134 4.162a.795.795 0 0 1-.562.972Z",
-  fill: "#E0E1E9",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".7"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "m26.438 35.61 2.356-3.465M34.979 30.83l-5.103 7.442M39.004 32.722l-2.72 3.968",
-  stroke: "#6C6E79",
-  strokeMiterlimit: "10",
-  strokeWidth: ".7"
-}));
+var import_useColorResolver = require("@semcore/utils/lib/use/useColorResolver");
+const HorizontalBarChart = ({ fill = "none", width = "80", height = "80", viewBox = "0 0 80 80", primaryColor = "#E0E1E9", secondaryColor = "#6C6E79", ...props }, ref) => {
+  const colorResolver = (0, import_useColorResolver.useColorResolver)();
+  const resolvedPrimaryColor = colorResolver(primaryColor);
+  const resolvedSecondaryColor = colorResolver(secondaryColor);
+  return /* @__PURE__ */ import_react.default.createElement(import_flex_box.Box, {
+    ref,
+    width,
+    height,
+    viewBox,
+    fill,
+    tag: "svg",
+    ...props
+  }, /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "M26.955 1c-.451 0-.902.18-1.173.541l-13.89 13.89c-14.523 14.523-14.523 38.155 0 52.677 14.522 14.522 38.154 14.522 52.676 0l13.89-13.89c.362-.361.542-.722.542-1.173V1.992c0-.541-.451-.992-.992-.992H26.955Z",
+    fill: resolvedPrimaryColor
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    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",
+    fill: resolvedPrimaryColor,
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".7"
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "M71.77 53.553 24.098 66.555a2.734 2.734 0 0 1-3.35-1.892L9.755 26.07c-.962-3.372 1.156-6.852 4.593-7.555l42.874-8.743c3.134-.638 6.225 1.286 7.025 4.377l9.445 36.075a2.73 2.73 0 0 1-1.923 3.33Z",
+    fill: "#fff"
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "M65.448 18.818 11.065 30.76l-1.34-4.69c-.962-3.372 1.156-6.852 4.593-7.555l42.884-8.743c3.134-.638 6.225 1.286 7.025 4.377l1.221 4.669Z",
+    fill: resolvedSecondaryColor
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "M18.404 23.428a1.873 1.873 0 0 1-1.416 2.366c-1.08.238-2.226-.454-2.528-1.523a1.868 1.868 0 0 1 1.426-2.367c1.092-.227 2.216.465 2.518 1.534v-.01Z",
+    fill: "#fff"
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    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",
+    fill: resolvedPrimaryColor
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "M11.087 30.862s.324-3.156.605-6.387l-1.372-3.08-3.416 5.879a6.51 6.51 0 0 0-.216.367v.022a5.638 5.638 0 0 0-.454 4.247l1.395 4.907 3.458-5.966v.01Z",
+    fill: resolvedSecondaryColor
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "M71.77 53.553 24.098 66.555a2.734 2.734 0 0 1-3.35-1.892L9.755 26.07c-.962-3.372 1.156-6.852 4.593-7.555l42.874-8.743c3.134-.638 6.225 1.286 7.025 4.377l9.445 36.075a2.73 2.73 0 0 1-1.923 3.33ZM21.44 30.445l8.96 31.396",
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".7"
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "m39.11 36.056-11.824 2.799-1.697-5.955 11.953-2.723a.793.793 0 0 1 .94.562l1.21 4.344a.794.794 0 0 1-.583.984v-.011Z",
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".7"
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "m62.377 40.292-32.39 8.106-1.675-5.912 32.563-7.867a.804.804 0 0 1 .951.562l1.124 4.139a.789.789 0 0 1-.573.972Z",
+    fill: resolvedSecondaryColor,
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".7"
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "M57.244 51.393 32.69 57.89l-1.665-5.869L55.71 45.71a.795.795 0 0 1 .962.55l1.134 4.162a.795.795 0 0 1-.562.972Z",
+    fill: resolvedPrimaryColor,
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".7"
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "m26.438 35.61 2.356-3.465M34.979 30.83l-5.103 7.442M39.004 32.722l-2.72 3.968",
+    stroke: resolvedSecondaryColor,
+    strokeMiterlimit: "10",
+    strokeWidth: ".7"
+  }));
+};
 HorizontalBarChart.displayName = "HorizontalBarChart";
 var stdin_default = (0, import_core.createBaseComponent)(HorizontalBarChart);