intergalactic 15.98.2 → 15.99.0-prerelease.0

package/illustration/TextLinksEtc/index.d.ts

@@ -1,4 +1,28 @@
 
-import { Box } from 'intergalactic/flex-box';
-declare const _default: typeof Box;
-export default _default;    
+import { BoxProps } from 'intergalactic/flex-box';
+import { Intergalactic } from 'intergalactic/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/illustration/TextLinksEtc/index.js

@@ -26,52 +26,58 @@ module.exports = __toCommonJS(stdin_exports);
 var import_react = __toESM(require("react"));
 var import_core = require("intergalactic/core");
 var import_flex_box = require("intergalactic/flex-box");
-const TextLinksEtc = ({ 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.51 79.997C62.49 79.714 79.977 61.39 79.977 39.4V.99a.994.994 0 0 0-.99-.99H54.306a.994.994 0 0 0-.99.99v2.753H27.638a.994.994 0 0 0-.99.99v35.265H.991A.985.985 0 0 0 0 41.01c.544 21.806 18.52 39.27 40.52 38.987",
-  fill: "#E0E1E9"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  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",
-  fill: "#E0E1E9",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".7"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  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",
-  fill: "#fff",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".7"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  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",
-  fill: "#6C6E79"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  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",
-  fill: "#fff"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  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",
-  fill: "#E0E1E9"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  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",
-  fill: "#6C6E79"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "M26.119 35.855 55.748 29M28.73 45.19l23.34-5.69M31.33 54.472l35.244-9.031",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".7"
-}), /* @__PURE__ */ import_react.default.createElement("path", {
-  d: "M22.322 36.736c.239.849-.294 1.709-1.197 1.926-.904.218-1.828-.315-2.068-1.164s.294-1.72 1.197-1.926c.903-.207 1.828.316 2.067 1.175v-.01ZM24.955 46.115c.24.85-.294 1.709-1.186 1.937-.892.229-1.817-.294-2.057-1.142-.24-.849.294-1.72 1.197-1.937.892-.218 1.817.294 2.057 1.142h-.011ZM27.577 55.43c.24.837-.294 1.708-1.175 1.936-.892.229-1.806-.272-2.046-1.11-.24-.837.294-1.719 1.186-1.947.892-.229 1.806.272 2.035 1.12Z",
-  fill: "#6C6E79"
-}));
+var import_useColorResolver = require("intergalactic/utils/lib/use/useColorResolver");
+const TextLinksEtc = ({ 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.51 79.997C62.49 79.714 79.977 61.39 79.977 39.4V.99a.994.994 0 0 0-.99-.99H54.306a.994.994 0 0 0-.99.99v2.753H27.638a.994.994 0 0 0-.99.99v35.265H.991A.985.985 0 0 0 0 41.01c.544 21.806 18.52 39.27 40.52 38.987",
+    fill: resolvedPrimaryColor
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    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",
+    fill: resolvedPrimaryColor,
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".7"
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    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",
+    fill: "#fff",
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".7"
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    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",
+    fill: resolvedSecondaryColor
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    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",
+    fill: "#fff"
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    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",
+    fill: resolvedPrimaryColor
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    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",
+    fill: resolvedSecondaryColor
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "M26.119 35.855 55.748 29M28.73 45.19l23.34-5.69M31.33 54.472l35.244-9.031",
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".7"
+  }), /* @__PURE__ */ import_react.default.createElement("path", {
+    d: "M22.322 36.736c.239.849-.294 1.709-1.197 1.926-.904.218-1.828-.315-2.068-1.164s.294-1.72 1.197-1.926c.903-.207 1.828.316 2.067 1.175v-.01ZM24.955 46.115c.24.85-.294 1.709-1.186 1.937-.892.229-1.817-.294-2.057-1.142-.24-.849.294-1.72 1.197-1.937.892-.218 1.817.294 2.057 1.142h-.011ZM27.577 55.43c.24.837-.294 1.708-1.175 1.936-.892.229-1.806-.272-2.046-1.11-.24-.837.294-1.719 1.186-1.947.892-.229 1.806.272 2.035 1.12Z",
+    fill: resolvedSecondaryColor
+  }));
+};
 TextLinksEtc.displayName = "TextLinksEtc";
 var stdin_default = (0, import_core.createBaseComponent)(TextLinksEtc);

package/illustration/TextLinksEtc/index.mjs

@@ -1,53 +1,59 @@
 import React from "react";
 import { createBaseComponent } from 'intergalactic/core';
 import { Box } from 'intergalactic/flex-box';
-const TextLinksEtc = ({ 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: "M40.51 79.997C62.49 79.714 79.977 61.39 79.977 39.4V.99a.994.994 0 0 0-.99-.99H54.306a.994.994 0 0 0-.99.99v2.753H27.638a.994.994 0 0 0-.99.99v35.265H.991A.985.985 0 0 0 0 41.01c.544 21.806 18.52 39.27 40.52 38.987",
-  fill: "#E0E1E9"
-}), /* @__PURE__ */ React.createElement("path", {
-  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",
-  fill: "#E0E1E9",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".7"
-}), /* @__PURE__ */ React.createElement("path", {
-  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",
-  fill: "#fff",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".7"
-}), /* @__PURE__ */ React.createElement("path", {
-  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",
-  fill: "#6C6E79"
-}), /* @__PURE__ */ React.createElement("path", {
-  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",
-  fill: "#fff"
-}), /* @__PURE__ */ React.createElement("path", {
-  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",
-  fill: "#E0E1E9"
-}), /* @__PURE__ */ React.createElement("path", {
-  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",
-  fill: "#6C6E79"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M26.119 35.855 55.748 29M28.73 45.19l23.34-5.69M31.33 54.472l35.244-9.031",
-  stroke: "#6C6E79",
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  strokeWidth: ".7"
-}), /* @__PURE__ */ React.createElement("path", {
-  d: "M22.322 36.736c.239.849-.294 1.709-1.197 1.926-.904.218-1.828-.315-2.068-1.164s.294-1.72 1.197-1.926c.903-.207 1.828.316 2.067 1.175v-.01ZM24.955 46.115c.24.85-.294 1.709-1.186 1.937-.892.229-1.817-.294-2.057-1.142-.24-.849.294-1.72 1.197-1.937.892-.218 1.817.294 2.057 1.142h-.011ZM27.577 55.43c.24.837-.294 1.708-1.175 1.936-.892.229-1.806-.272-2.046-1.11-.24-.837.294-1.719 1.186-1.947.892-.229 1.806.272 2.035 1.12Z",
-  fill: "#6C6E79"
-}));
+import { useColorResolver } from 'intergalactic/utils/lib/use/useColorResolver';
+const TextLinksEtc = ({ 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: "M40.51 79.997C62.49 79.714 79.977 61.39 79.977 39.4V.99a.994.994 0 0 0-.99-.99H54.306a.994.994 0 0 0-.99.99v2.753H27.638a.994.994 0 0 0-.99.99v35.265H.991A.985.985 0 0 0 0 41.01c.544 21.806 18.52 39.27 40.52 38.987",
+    fill: resolvedPrimaryColor
+  }), /* @__PURE__ */ React.createElement("path", {
+    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",
+    fill: resolvedPrimaryColor,
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".7"
+  }), /* @__PURE__ */ React.createElement("path", {
+    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",
+    fill: "#fff",
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".7"
+  }), /* @__PURE__ */ React.createElement("path", {
+    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",
+    fill: resolvedSecondaryColor
+  }), /* @__PURE__ */ React.createElement("path", {
+    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",
+    fill: "#fff"
+  }), /* @__PURE__ */ React.createElement("path", {
+    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",
+    fill: resolvedPrimaryColor
+  }), /* @__PURE__ */ React.createElement("path", {
+    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",
+    fill: resolvedSecondaryColor
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M26.119 35.855 55.748 29M28.73 45.19l23.34-5.69M31.33 54.472l35.244-9.031",
+    stroke: resolvedSecondaryColor,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: ".7"
+  }), /* @__PURE__ */ React.createElement("path", {
+    d: "M22.322 36.736c.239.849-.294 1.709-1.197 1.926-.904.218-1.828-.315-2.068-1.164s.294-1.72 1.197-1.926c.903-.207 1.828.316 2.067 1.175v-.01ZM24.955 46.115c.24.85-.294 1.709-1.186 1.937-.892.229-1.817-.294-2.057-1.142-.24-.849.294-1.72 1.197-1.937.892-.218 1.817.294 2.057 1.142h-.011ZM27.577 55.43c.24.837-.294 1.708-1.175 1.936-.892.229-1.806-.272-2.046-1.11-.24-.837.294-1.719 1.186-1.947.892-.229 1.806.272 2.035 1.12Z",
+    fill: resolvedSecondaryColor
+  }));
+};
 TextLinksEtc.displayName = "TextLinksEtc";
 var stdin_default = createBaseComponent(TextLinksEtc);
 export {

package/illustration/Timeout/index.d.ts

@@ -1,4 +1,28 @@
 
-import { Box } from 'intergalactic/flex-box';
-declare const _default: typeof Box;
-export default _default;    
+import { BoxProps } from 'intergalactic/flex-box';
+import { Intergalactic } from 'intergalactic/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;