@semcore/illustration 2.29.0 → 2.30.0-prerelease.0

package/VennChart/index.js

@@ -26,77 +26,83 @@ 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 VennChart = ({ 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: "M3 40.987C3.497 61.968 20.301 78.59 41.245 79c.497 0 .91-.411.91-.905v-2.468C61.94 75.627 78 59.665 78 40 78 20.335 61.94 4.373 42.156 4.373V1.905A.916.916 0 0 0 41.245 1a39.36 39.36 0 0 0-26.159 10.778.89.89 0 0 0 0 1.235l1.739 1.728C10.367 21.157 6.31 30.044 6.31 39.918H3.828c-.414.164-.828.576-.828 1.07Z",
-  fill: "#E0E1E9"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "M65.925 57.607s.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.467 6.467 0 0 0-.216.366v.022a5.638 5.638 0 0 0-.454 4.247l10.44 36.649a2.587 2.587 0 0 0 3.177 1.794l45.273-12.342c.27-.076.519-.206.746-.346l.054-.032.01-.011Z",
-  fill: "#E0E1E9",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".7"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "M71.76 53.554 24.086 66.555a2.734 2.734 0 0 1-3.35-1.891L9.745 26.07c-.961-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",
-  fill: "#fff"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "M65.449 18.818 11.065 30.761l-1.34-4.69c-.962-3.373 1.156-6.853 4.593-7.555l42.885-8.744c3.134-.637 6.225 1.286 7.024 4.377l1.222 4.67Z",
-  fill: "#6C6E79"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  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.092-.227 2.216.464 2.518 1.534v-.01Z",
-  fill: "#fff"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "M25.372 21.938c.291 1.06-.325 2.108-1.395 2.335-1.07.227-2.183-.454-2.474-1.524-.292-1.07.324-2.118 1.404-2.345 1.081-.227 2.173.464 2.465 1.523v.011Z",
-  fill: "#E0E1E9"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "M11.087 30.842s.324-3.155.605-6.387l-1.373-3.08-3.415 5.88a6.509 6.509 0 0 0-.216.367v.021a5.637 5.637 0 0 0-.454 4.248l1.394 4.906 3.459-5.965v.01Z",
-  fill: "#6C6E79"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "M71.76 53.554 24.086 66.555a2.734 2.734 0 0 1-3.35-1.891L9.745 26.07c-.961-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",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".7"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "M67.068 51.28 28.172 61.754 19.8 32.227",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".7"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "M50.829 41.06c1.362 5.003-2.14 10.256-7.9 11.769-5.847 1.534-11.791-1.351-13.218-6.474-1.427-5.134 2.259-10.472 8.17-11.877 5.815-1.384 11.586 1.577 12.948 6.581Z",
-  fill: "#6C6E79",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".7"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "M57.357 31.892c1.037 3.826-1.61 7.781-5.955 8.873-4.388 1.102-8.852-1.157-9.91-5.047-1.07-3.902 1.685-7.911 6.105-8.938 4.378-1.016 8.733 1.275 9.76 5.112Z",
-  fill: "#fff",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".7"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "M41.264 34.153c.01.519.076 1.037.227 1.567 1.016 3.707 5.112 5.922 9.284 5.177-1.167-3.934-5.047-6.56-9.511-6.733v-.011Z",
-  fill: "#E0E1E9",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".7"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "m42.813 38.031 2.205-3.147M48.605 37.397l-2.17 3.164",
-  stroke: "#6C6E79",
-  strokeMiterlimit: "10",
-  strokeWidth: ".7"
-}));
+var import_useColorResolver = require("@semcore/utils/lib/use/useColorResolver");
+const VennChart = ({ 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: "M3 40.987C3.497 61.968 20.301 78.59 41.245 79c.497 0 .91-.411.91-.905v-2.468C61.94 75.627 78 59.665 78 40 78 20.335 61.94 4.373 42.156 4.373V1.905A.916.916 0 0 0 41.245 1a39.36 39.36 0 0 0-26.159 10.778.89.89 0 0 0 0 1.235l1.739 1.728C10.367 21.157 6.31 30.044 6.31 39.918H3.828c-.414.164-.828.576-.828 1.07Z",
+    fill: resolvedPrimaryColor
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "M65.925 57.607s.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.467 6.467 0 0 0-.216.366v.022a5.638 5.638 0 0 0-.454 4.247l10.44 36.649a2.587 2.587 0 0 0 3.177 1.794l45.273-12.342c.27-.076.519-.206.746-.346l.054-.032.01-.011Z",
+    fill: resolvedPrimaryColor,
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".7"
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "M71.76 53.554 24.086 66.555a2.734 2.734 0 0 1-3.35-1.891L9.745 26.07c-.961-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",
+    fill: "#fff"
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "M65.449 18.818 11.065 30.761l-1.34-4.69c-.962-3.373 1.156-6.853 4.593-7.555l42.885-8.744c3.134-.637 6.225 1.286 7.024 4.377l1.222 4.67Z",
+    fill: resolvedSecondaryColor
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    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.092-.227 2.216.464 2.518 1.534v-.01Z",
+    fill: "#fff"
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "M25.372 21.938c.291 1.06-.325 2.108-1.395 2.335-1.07.227-2.183-.454-2.474-1.524-.292-1.07.324-2.118 1.404-2.345 1.081-.227 2.173.464 2.465 1.523v.011Z",
+    fill: resolvedPrimaryColor
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "M11.087 30.842s.324-3.155.605-6.387l-1.373-3.08-3.415 5.88a6.509 6.509 0 0 0-.216.367v.021a5.637 5.637 0 0 0-.454 4.248l1.394 4.906 3.459-5.965v.01Z",
+    fill: resolvedSecondaryColor
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "M71.76 53.554 24.086 66.555a2.734 2.734 0 0 1-3.35-1.891L9.745 26.07c-.961-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",
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".7"
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "M67.068 51.28 28.172 61.754 19.8 32.227",
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".7"
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "M50.829 41.06c1.362 5.003-2.14 10.256-7.9 11.769-5.847 1.534-11.791-1.351-13.218-6.474-1.427-5.134 2.259-10.472 8.17-11.877 5.815-1.384 11.586 1.577 12.948 6.581Z",
+    fill: resolvedSecondaryColor,
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".7"
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "M57.357 31.892c1.037 3.826-1.61 7.781-5.955 8.873-4.388 1.102-8.852-1.157-9.91-5.047-1.07-3.902 1.685-7.911 6.105-8.938 4.378-1.016 8.733 1.275 9.76 5.112Z",
+    fill: "#fff",
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".7"
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "M41.264 34.153c.01.519.076 1.037.227 1.567 1.016 3.707 5.112 5.922 9.284 5.177-1.167-3.934-5.047-6.56-9.511-6.733v-.011Z",
+    fill: resolvedPrimaryColor,
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".7"
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "m42.813 38.031 2.205-3.147M48.605 37.397l-2.17 3.164",
+    stroke: resolvedSecondaryColor,
+    strokeMiterlimit: "10",
+    strokeWidth: ".7"
+  }));
+};
 VennChart.displayName = "VennChart";
 var stdin_default = (0, import_core.createBaseComponent)(VennChart);

package/VennChart/index.mjs

@@ -1,78 +1,84 @@
 import React from "react";
 import { createBaseComponent } from "@semcore/core";
 import { Box } from "@semcore/flex-box";
-const VennChart = ({ 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: "M3 40.987C3.497 61.968 20.301 78.59 41.245 79c.497 0 .91-.411.91-.905v-2.468C61.94 75.627 78 59.665 78 40 78 20.335 61.94 4.373 42.156 4.373V1.905A.916.916 0 0 0 41.245 1a39.36 39.36 0 0 0-26.159 10.778.89.89 0 0 0 0 1.235l1.739 1.728C10.367 21.157 6.31 30.044 6.31 39.918H3.828c-.414.164-.828.576-.828 1.07Z",
-  fill: "#E0E1E9"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M65.925 57.607s.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.467 6.467 0 0 0-.216.366v.022a5.638 5.638 0 0 0-.454 4.247l10.44 36.649a2.587 2.587 0 0 0 3.177 1.794l45.273-12.342c.27-.076.519-.206.746-.346l.054-.032.01-.011Z",
-  fill: "#E0E1E9",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".7"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M71.76 53.554 24.086 66.555a2.734 2.734 0 0 1-3.35-1.891L9.745 26.07c-.961-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",
-  fill: "#fff"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M65.449 18.818 11.065 30.761l-1.34-4.69c-.962-3.373 1.156-6.853 4.593-7.555l42.885-8.744c3.134-.637 6.225 1.286 7.024 4.377l1.222 4.67Z",
-  fill: "#6C6E79"
-}), /* @__PURE__ */ React.createElement("path", {
-  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.092-.227 2.216.464 2.518 1.534v-.01Z",
-  fill: "#fff"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M25.372 21.938c.291 1.06-.325 2.108-1.395 2.335-1.07.227-2.183-.454-2.474-1.524-.292-1.07.324-2.118 1.404-2.345 1.081-.227 2.173.464 2.465 1.523v.011Z",
-  fill: "#E0E1E9"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M11.087 30.842s.324-3.155.605-6.387l-1.373-3.08-3.415 5.88a6.509 6.509 0 0 0-.216.367v.021a5.637 5.637 0 0 0-.454 4.248l1.394 4.906 3.459-5.965v.01Z",
-  fill: "#6C6E79"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M71.76 53.554 24.086 66.555a2.734 2.734 0 0 1-3.35-1.891L9.745 26.07c-.961-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",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".7"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M67.068 51.28 28.172 61.754 19.8 32.227",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".7"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M50.829 41.06c1.362 5.003-2.14 10.256-7.9 11.769-5.847 1.534-11.791-1.351-13.218-6.474-1.427-5.134 2.259-10.472 8.17-11.877 5.815-1.384 11.586 1.577 12.948 6.581Z",
-  fill: "#6C6E79",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".7"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M57.357 31.892c1.037 3.826-1.61 7.781-5.955 8.873-4.388 1.102-8.852-1.157-9.91-5.047-1.07-3.902 1.685-7.911 6.105-8.938 4.378-1.016 8.733 1.275 9.76 5.112Z",
-  fill: "#fff",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".7"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M41.264 34.153c.01.519.076 1.037.227 1.567 1.016 3.707 5.112 5.922 9.284 5.177-1.167-3.934-5.047-6.56-9.511-6.733v-.011Z",
-  fill: "#E0E1E9",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".7"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "m42.813 38.031 2.205-3.147M48.605 37.397l-2.17 3.164",
-  stroke: "#6C6E79",
-  strokeMiterlimit: "10",
-  strokeWidth: ".7"
-}));
+import { useColorResolver } from "@semcore/utils/lib/use/useColorResolver";
+const VennChart = ({ 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: "M3 40.987C3.497 61.968 20.301 78.59 41.245 79c.497 0 .91-.411.91-.905v-2.468C61.94 75.627 78 59.665 78 40 78 20.335 61.94 4.373 42.156 4.373V1.905A.916.916 0 0 0 41.245 1a39.36 39.36 0 0 0-26.159 10.778.89.89 0 0 0 0 1.235l1.739 1.728C10.367 21.157 6.31 30.044 6.31 39.918H3.828c-.414.164-.828.576-.828 1.07Z",
+    fill: resolvedPrimaryColor
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M65.925 57.607s.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.467 6.467 0 0 0-.216.366v.022a5.638 5.638 0 0 0-.454 4.247l10.44 36.649a2.587 2.587 0 0 0 3.177 1.794l45.273-12.342c.27-.076.519-.206.746-.346l.054-.032.01-.011Z",
+    fill: resolvedPrimaryColor,
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".7"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M71.76 53.554 24.086 66.555a2.734 2.734 0 0 1-3.35-1.891L9.745 26.07c-.961-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",
+    fill: "#fff"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M65.449 18.818 11.065 30.761l-1.34-4.69c-.962-3.373 1.156-6.853 4.593-7.555l42.885-8.744c3.134-.637 6.225 1.286 7.024 4.377l1.222 4.67Z",
+    fill: resolvedSecondaryColor
+  }), /* @__PURE__ */ React.createElement("path", {
+    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.092-.227 2.216.464 2.518 1.534v-.01Z",
+    fill: "#fff"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M25.372 21.938c.291 1.06-.325 2.108-1.395 2.335-1.07.227-2.183-.454-2.474-1.524-.292-1.07.324-2.118 1.404-2.345 1.081-.227 2.173.464 2.465 1.523v.011Z",
+    fill: resolvedPrimaryColor
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M11.087 30.842s.324-3.155.605-6.387l-1.373-3.08-3.415 5.88a6.509 6.509 0 0 0-.216.367v.021a5.637 5.637 0 0 0-.454 4.248l1.394 4.906 3.459-5.965v.01Z",
+    fill: resolvedSecondaryColor
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M71.76 53.554 24.086 66.555a2.734 2.734 0 0 1-3.35-1.891L9.745 26.07c-.961-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",
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".7"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M67.068 51.28 28.172 61.754 19.8 32.227",
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".7"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M50.829 41.06c1.362 5.003-2.14 10.256-7.9 11.769-5.847 1.534-11.791-1.351-13.218-6.474-1.427-5.134 2.259-10.472 8.17-11.877 5.815-1.384 11.586 1.577 12.948 6.581Z",
+    fill: resolvedSecondaryColor,
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".7"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M57.357 31.892c1.037 3.826-1.61 7.781-5.955 8.873-4.388 1.102-8.852-1.157-9.91-5.047-1.07-3.902 1.685-7.911 6.105-8.938 4.378-1.016 8.733 1.275 9.76 5.112Z",
+    fill: "#fff",
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".7"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M41.264 34.153c.01.519.076 1.037.227 1.567 1.016 3.707 5.112 5.922 9.284 5.177-1.167-3.934-5.047-6.56-9.511-6.733v-.011Z",
+    fill: resolvedPrimaryColor,
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".7"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "m42.813 38.031 2.205-3.147M48.605 37.397l-2.17 3.164",
+    stroke: resolvedSecondaryColor,
+    strokeMiterlimit: "10",
+    strokeWidth: ".7"
+  }));
+};
 VennChart.displayName = "VennChart";
 var stdin_default = createBaseComponent(VennChart);
 export {

package/VerticalBarChart/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/VerticalBarChart/index.js

@@ -26,71 +26,77 @@ 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 VerticalBarChart = ({ 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: "M40.585 78.997C61.996 78.727 79 60.873 79 39.412V1.992A1 1 0 0 0 78.01 1H53.99a1 1 0 0 0-.99.992v2.705H27.99a1 1 0 0 0-.99.992v34.355H1.99a1 1 0 0 0-.99.991c.63 21.19 18.173 38.232 39.585 37.962Z",
-  fill: "#E0E1E9"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  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",
-  fill: "#E0E1E9",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".7"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "M71.762 53.554 24.09 66.555a2.734 2.734 0 0 1-3.35-1.891L9.749 26.07c-.962-3.372 1.156-6.852 4.593-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",
-  fill: "#fff"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "M65.452 18.818 11.068 30.761l-1.34-4.69c-.962-3.373 1.156-6.853 4.593-7.555l42.885-8.744c3.134-.637 6.225 1.286 7.024 4.377l1.222 4.67Z",
-  fill: "#6C6E79"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "M18.394 23.419a1.873 1.873 0 0 1-1.416 2.366c-1.092.238-2.227-.454-2.53-1.523a1.868 1.868 0 0 1 1.428-2.367c1.091-.227 2.215.464 2.518 1.534v-.01Z",
-  fill: "#fff"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  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.08-.227 2.172.464 2.464 1.523v.011Z",
-  fill: "#E0E1E9"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "M11.087 30.842s.324-3.155.605-6.387l-1.373-3.08-3.415 5.88a6.509 6.509 0 0 0-.216.367v.021a5.637 5.637 0 0 0-.454 4.248l1.394 4.906 3.459-5.965v.01Z",
-  fill: "#6C6E79"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "M71.762 53.554 24.09 66.555a2.734 2.734 0 0 1-3.35-1.891L9.749 26.07c-.962-3.372 1.156-6.852 4.593-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",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".7"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "m34 41.806-7.057 1.707a.795.795 0 0 0-.573.984l3.34 11.92 8.505-2.215-3.274-11.845a.794.794 0 0 0-.952-.562l.011.01Z",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".7"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "m44.215 28.759-6.809 1.545a.784.784 0 0 0-.583.984l5.966 21.723 8.213-2.14-5.836-21.55a.782.782 0 0 0-.94-.562h-.01Z",
-  fill: "#6C6E79",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".7"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "m58.285 31.606-6.495 1.513a.786.786 0 0 0-.584.973l4.193 15.638 7.933-2.064-4.096-15.498a.787.787 0 0 0-.94-.562h-.011Z",
-  fill: "#E0E1E9",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".7"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "m23.355 61.283 46.84-12.386M27.56 48.601l4.306-6.276M35.5 44.764l-6.423 9.36M33.5 55.417l3.593-5.244",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".7"
-}));
+var import_useColorResolver = require("@semcore/utils/lib/use/useColorResolver");
+const VerticalBarChart = ({ 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: "M40.585 78.997C61.996 78.727 79 60.873 79 39.412V1.992A1 1 0 0 0 78.01 1H53.99a1 1 0 0 0-.99.992v2.705H27.99a1 1 0 0 0-.99.992v34.355H1.99a1 1 0 0 0-.99.991c.63 21.19 18.173 38.232 39.585 37.962Z",
+    fill: resolvedPrimaryColor
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    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",
+    fill: resolvedPrimaryColor,
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".7"
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "M71.762 53.554 24.09 66.555a2.734 2.734 0 0 1-3.35-1.891L9.749 26.07c-.962-3.372 1.156-6.852 4.593-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",
+    fill: "#fff"
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "M65.452 18.818 11.068 30.761l-1.34-4.69c-.962-3.373 1.156-6.853 4.593-7.555l42.885-8.744c3.134-.637 6.225 1.286 7.024 4.377l1.222 4.67Z",
+    fill: resolvedSecondaryColor
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "M18.394 23.419a1.873 1.873 0 0 1-1.416 2.366c-1.092.238-2.227-.454-2.53-1.523a1.868 1.868 0 0 1 1.428-2.367c1.091-.227 2.215.464 2.518 1.534v-.01Z",
+    fill: "#fff"
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    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.08-.227 2.172.464 2.464 1.523v.011Z",
+    fill: resolvedPrimaryColor
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "M11.087 30.842s.324-3.155.605-6.387l-1.373-3.08-3.415 5.88a6.509 6.509 0 0 0-.216.367v.021a5.637 5.637 0 0 0-.454 4.248l1.394 4.906 3.459-5.965v.01Z",
+    fill: resolvedSecondaryColor
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "M71.762 53.554 24.09 66.555a2.734 2.734 0 0 1-3.35-1.891L9.749 26.07c-.962-3.372 1.156-6.852 4.593-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",
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".7"
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "m34 41.806-7.057 1.707a.795.795 0 0 0-.573.984l3.34 11.92 8.505-2.215-3.274-11.845a.794.794 0 0 0-.952-.562l.011.01Z",
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".7"
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "m44.215 28.759-6.809 1.545a.784.784 0 0 0-.583.984l5.966 21.723 8.213-2.14-5.836-21.55a.782.782 0 0 0-.94-.562h-.01Z",
+    fill: resolvedSecondaryColor,
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".7"
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "m58.285 31.606-6.495 1.513a.786.786 0 0 0-.584.973l4.193 15.638 7.933-2.064-4.096-15.498a.787.787 0 0 0-.94-.562h-.011Z",
+    fill: resolvedPrimaryColor,
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".7"
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "m23.355 61.283 46.84-12.386M27.56 48.601l4.306-6.276M35.5 44.764l-6.423 9.36M33.5 55.417l3.593-5.244",
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".7"
+  }));
+};
 VerticalBarChart.displayName = "VerticalBarChart";
 var stdin_default = (0, import_core.createBaseComponent)(VerticalBarChart);