@semcore/illustration 16.0.12 → 17.0.0-prerelease.1

package/CHANGELOG.md

@@ -2,6 +2,12 @@
 
 CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
 
+## [17.0.0] - 2026-02-13
+
+### BREAK
+
+- New major version as a separate package with illustrations.
+
 ## [16.0.12] - 2025-10-29
 
 ### Changed

package/README.md

@@ -2,7 +2,7 @@
 
 [![version](https://img.shields.io/npm/v/@semcore/illustration.svg)](https://www.npmjs.com/@semcore/illustration)
 [![downloads](https://img.shields.io/npm/dt/@semcore/illustration.svg)](https://www.npmjs.com/package/@semcore/illustration)
-[![License: MIT](https://img.shields.io/badge/License-MIT-green.svg)](https://github.com/semrush/intergalactic/blob/master/LICENSE)
+[![License: MIT](https://img.shields.io/badge/License-MIT-green.svg)](https://github.com/semrush/intergalactic/blob/HEAD/LICENSE)
 
 > This component is part of the Intergalactic Design System
 
@@ -25,13 +25,13 @@ import MailSentSVG from '@semcore/illustration/svg/MailSent.svg';
 
 ## 👤 Author
 
-[UI-kit team](https://github.com/semrush/intergalactic/blob/master/MAINTAINERS) and [others ❤️](https://github.com/semrush/intergalactic/graphs/contributors)
+[UI-kit team](https://github.com/semrush/intergalactic/blob/HEAD/MAINTAINERS) and [others ❤️](https://github.com/semrush/intergalactic/graphs/contributors)
 
 ## 🤝 Contributing
 
 Contributions, issues and feature requests are welcome!
 
-Feel free to check [issues page](https://github.com/semrush/intergalactic/issues). You can also take a look at the [contributing guide](https://github.com/semrush/intergalactic/blob/master/CONTRIBUTING.md).
+Feel free to check [issues page](https://github.com/semrush/intergalactic/issues). You can also take a look at the [contributing guide](https://github.com/semrush/intergalactic/blob/HEAD/CONTRIBUTING.md).
 
 ## Show your support
 
@@ -39,4 +39,4 @@ Give a ⭐️ if this project helped you!
 
 ## 📝 License
 
-This project is [MIT](https://github.com/semrush/intergalactic/blob/master/LICENSE) licensed.
+This project is [MIT](https://github.com/semrush/intergalactic/blob/HEAD/LICENSE) licensed.

package/{AccessDenied → lib/AccessDenied}/index.d.ts

@@ -1,5 +1,5 @@
 
-import { BoxProps } from '@semcore/flex-box';
+import { BoxProps } from '@semcore/base-components';
 import { Intergalactic } from '@semcore/core';
 
 type IllustrationProps = BoxProps & {

package/{AccessDenied → lib/AccessDenied}/index.js

@@ -25,13 +25,13 @@ __export(stdin_exports, {
 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");
+var import_base_components = require("@semcore/base-components");
 var import_useColorResolver = require("@semcore/core/lib/utils/use/useColorResolver");
 const AccessDenied = ({ fill = "none", width = "260", height = "260", viewBox = "0 0 260 260", primaryColor = "#FFE74D", secondaryColor = "#000", ...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, {
+  return /* @__PURE__ */ import_react.default.createElement(import_base_components.Box, {
     ref,
     width,
     height,

package/{AccessDenied → lib/AccessDenied}/index.mjs

@@ -1,6 +1,6 @@
 import React from "react";
 import { createBaseComponent } from "@semcore/core";
-import { Box } from "@semcore/flex-box";
+import { Box } from "@semcore/base-components";
 import { useColorResolver } from "@semcore/core/lib/utils/use/useColorResolver";
 const AccessDenied = ({ fill = "none", width = "260", height = "260", viewBox = "0 0 260 260", primaryColor = "#FFE74D", secondaryColor = "#000", ...props }, ref) => {
   const colorResolver = useColorResolver();

package/{AreaChart → lib/AccessLogIn}/index.d.ts

@@ -1,5 +1,5 @@
 
-import { BoxProps } from '@semcore/flex-box';
+import { BoxProps } from '@semcore/base-components';
 import { Intergalactic } from '@semcore/core';
 
 type IllustrationProps = BoxProps & {

package/{AccessLogIn → lib/AccessLogIn}/index.js

@@ -25,13 +25,13 @@ __export(stdin_exports, {
 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");
+var import_base_components = require("@semcore/base-components");
 var import_useColorResolver = require("@semcore/core/lib/utils/use/useColorResolver");
 const AccessLogIn = ({ fill = "none", width = "260", height = "260", viewBox = "0 0 260 260", primaryColor = "#B880FF", secondaryColor = "#000", ...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, {
+  return /* @__PURE__ */ import_react.default.createElement(import_base_components.Box, {
     ref,
     width,
     height,

package/{AccessLogIn → lib/AccessLogIn}/index.mjs

@@ -1,6 +1,6 @@
 import React from "react";
 import { createBaseComponent } from "@semcore/core";
-import { Box } from "@semcore/flex-box";
+import { Box } from "@semcore/base-components";
 import { useColorResolver } from "@semcore/core/lib/utils/use/useColorResolver";
 const AccessLogIn = ({ fill = "none", width = "260", height = "260", viewBox = "0 0 260 260", primaryColor = "#B880FF", secondaryColor = "#000", ...props }, ref) => {
   const colorResolver = useColorResolver();

package/{Blocked → lib/AreaChart}/index.d.ts

@@ -1,5 +1,5 @@
 
-import { BoxProps } from '@semcore/flex-box';
+import { BoxProps } from '@semcore/base-components';
 import { Intergalactic } from '@semcore/core';
 
 type IllustrationProps = BoxProps & {

package/{AreaChart → lib/AreaChart}/index.js

@@ -25,13 +25,13 @@ __export(stdin_exports, {
 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");
+var import_base_components = require("@semcore/base-components");
 var import_useColorResolver = require("@semcore/core/lib/utils/use/useColorResolver");
 const AreaChart = ({ 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, {
+  return /* @__PURE__ */ import_react.default.createElement(import_base_components.Box, {
     ref,
     width,
     height,

package/{AreaChart → lib/AreaChart}/index.mjs

@@ -1,6 +1,6 @@
 import React from "react";
 import { createBaseComponent } from "@semcore/core";
-import { Box } from "@semcore/flex-box";
+import { Box } from "@semcore/base-components";
 import { useColorResolver } from "@semcore/core/lib/utils/use/useColorResolver";
 const AreaChart = ({ fill = "none", width = "80", height = "80", viewBox = "0 0 80 80", primaryColor = "#E0E1E9", secondaryColor = "#6C6E79", ...props }, ref) => {
   const colorResolver = useColorResolver();

package/{AccessLogIn → lib/Blocked}/index.d.ts

@@ -1,5 +1,5 @@
 
-import { BoxProps } from '@semcore/flex-box';
+import { BoxProps } from '@semcore/base-components';
 import { Intergalactic } from '@semcore/core';
 
 type IllustrationProps = BoxProps & {

package/{Blocked → lib/Blocked}/index.js

@@ -25,13 +25,13 @@ __export(stdin_exports, {
 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");
+var import_base_components = require("@semcore/base-components");
 var import_useColorResolver = require("@semcore/core/lib/utils/use/useColorResolver");
 const Blocked = ({ fill = "none", width = "260", height = "260", viewBox = "0 0 260 260", primaryColor = "#B780FF", secondaryColor = "#000", ...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, {
+  return /* @__PURE__ */ import_react.default.createElement(import_base_components.Box, {
     ref,
     width,
     height,

package/{Blocked → lib/Blocked}/index.mjs

@@ -1,6 +1,6 @@
 import React from "react";
 import { createBaseComponent } from "@semcore/core";
-import { Box } from "@semcore/flex-box";
+import { Box } from "@semcore/base-components";
 import { useColorResolver } from "@semcore/core/lib/utils/use/useColorResolver";
 const Blocked = ({ fill = "none", width = "260", height = "260", viewBox = "0 0 260 260", primaryColor = "#B780FF", secondaryColor = "#000", ...props }, ref) => {
   const colorResolver = useColorResolver();

package/lib/ChoroplethMapChart/index.d.ts

@@ -0,0 +1,28 @@
+
+import { BoxProps } from '@semcore/base-components';
+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/{ChoroplethMapChart → lib/ChoroplethMapChart}/index.js

@@ -25,13 +25,13 @@ __export(stdin_exports, {
 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");
+var import_base_components = require("@semcore/base-components");
 var import_useColorResolver = require("@semcore/core/lib/utils/use/useColorResolver");
 const ChoroplethMapChart = ({ 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, {
+  return /* @__PURE__ */ import_react.default.createElement(import_base_components.Box, {
     ref,
     width,
     height,

package/{ChoroplethMapChart → lib/ChoroplethMapChart}/index.mjs

@@ -1,6 +1,6 @@
 import React from "react";
 import { createBaseComponent } from "@semcore/core";
-import { Box } from "@semcore/flex-box";
+import { Box } from "@semcore/base-components";
 import { useColorResolver } from "@semcore/core/lib/utils/use/useColorResolver";
 const ChoroplethMapChart = ({ fill = "none", width = "80", height = "80", viewBox = "0 0 80 80", primaryColor = "#E0E1E9", secondaryColor = "#6C6E79", ...props }, ref) => {
   const colorResolver = useColorResolver();

package/lib/Coffee/index.d.ts

@@ -0,0 +1,28 @@
+
+import { BoxProps } from '@semcore/base-components';
+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/{Coffee → lib/Coffee}/index.js

@@ -25,13 +25,13 @@ __export(stdin_exports, {
 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");
+var import_base_components = require("@semcore/base-components");
 var import_useColorResolver = require("@semcore/core/lib/utils/use/useColorResolver");
 const Coffee = ({ 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, {
+  return /* @__PURE__ */ import_react.default.createElement(import_base_components.Box, {
     ref,
     width,
     height,

package/{Coffee → lib/Coffee}/index.mjs

@@ -1,6 +1,6 @@
 import React from "react";
 import { createBaseComponent } from "@semcore/core";
-import { Box } from "@semcore/flex-box";
+import { Box } from "@semcore/base-components";
 import { useColorResolver } from "@semcore/core/lib/utils/use/useColorResolver";
 const Coffee = ({ fill = "none", width = "80", height = "80", viewBox = "0 0 80 80", primaryColor = "#E0E1E9", secondaryColor = "#6C6E79", ...props }, ref) => {
   const colorResolver = useColorResolver();

package/lib/Collection/index.d.ts

@@ -0,0 +1,28 @@
+
+import { BoxProps } from '@semcore/base-components';
+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/{Collection → lib/Collection}/index.js

@@ -25,13 +25,13 @@ __export(stdin_exports, {
 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");
+var import_base_components = require("@semcore/base-components");
 var import_useColorResolver = require("@semcore/core/lib/utils/use/useColorResolver");
 const Collection = ({ 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, {
+  return /* @__PURE__ */ import_react.default.createElement(import_base_components.Box, {
     ref,
     width,
     height,

package/{Collection → lib/Collection}/index.mjs

@@ -1,6 +1,6 @@
 import React from "react";
 import { createBaseComponent } from "@semcore/core";
-import { Box } from "@semcore/flex-box";
+import { Box } from "@semcore/base-components";
 import { useColorResolver } from "@semcore/core/lib/utils/use/useColorResolver";
 const Collection = ({ fill = "none", width = "80", height = "80", viewBox = "0 0 80 80", primaryColor = "#E0E1E9", secondaryColor = "#6C6E79", ...props }, ref) => {
   const colorResolver = useColorResolver();

package/lib/CombinedChart/index.d.ts

@@ -0,0 +1,28 @@
+
+import { BoxProps } from '@semcore/base-components';
+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/{CombinedChart → lib/CombinedChart}/index.js

@@ -25,13 +25,13 @@ __export(stdin_exports, {
 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");
+var import_base_components = require("@semcore/base-components");
 var import_useColorResolver = require("@semcore/core/lib/utils/use/useColorResolver");
 const CombinedChart = ({ 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, {
+  return /* @__PURE__ */ import_react.default.createElement(import_base_components.Box, {
     ref,
     width,
     height,

package/{CombinedChart → lib/CombinedChart}/index.mjs

@@ -1,6 +1,6 @@
 import React from "react";
 import { createBaseComponent } from "@semcore/core";
-import { Box } from "@semcore/flex-box";
+import { Box } from "@semcore/base-components";
 import { useColorResolver } from "@semcore/core/lib/utils/use/useColorResolver";
 const CombinedChart = ({ fill = "none", width = "80", height = "80", viewBox = "0 0 80 80", primaryColor = "#E0E1E9", secondaryColor = "#6C6E79", ...props }, ref) => {
   const colorResolver = useColorResolver();

package/lib/Configuration/index.d.ts

@@ -0,0 +1,28 @@
+
+import { BoxProps } from '@semcore/base-components';
+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/{Configuration → lib/Configuration}/index.js

@@ -25,13 +25,13 @@ __export(stdin_exports, {
 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");
+var import_base_components = require("@semcore/base-components");
 var import_useColorResolver = require("@semcore/core/lib/utils/use/useColorResolver");
 const Configuration = ({ fill = "none", width = "130", height = "130", viewBox = "0 0 130 130", 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, {
+  return /* @__PURE__ */ import_react.default.createElement(import_base_components.Box, {
     ref,
     width,
     height,

package/{Configuration → lib/Configuration}/index.mjs

@@ -1,6 +1,6 @@
 import React from "react";
 import { createBaseComponent } from "@semcore/core";
-import { Box } from "@semcore/flex-box";
+import { Box } from "@semcore/base-components";
 import { useColorResolver } from "@semcore/core/lib/utils/use/useColorResolver";
 const Configuration = ({ fill = "none", width = "130", height = "130", viewBox = "0 0 130 130", primaryColor = "#E0E1E9", secondaryColor = "#6C6E79", ...props }, ref) => {
   const colorResolver = useColorResolver();

package/lib/Confirmation/index.d.ts

@@ -0,0 +1,28 @@
+
+import { BoxProps } from '@semcore/base-components';
+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/{Confirmation → lib/Confirmation}/index.js

@@ -25,13 +25,13 @@ __export(stdin_exports, {
 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");
+var import_base_components = require("@semcore/base-components");
 var import_useColorResolver = require("@semcore/core/lib/utils/use/useColorResolver");
 const Confirmation = ({ fill = "none", width = "260", height = "260", viewBox = "0 0 260 260", primaryColor = "#6EDAFF", secondaryColor = "#000", ...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, {
+  return /* @__PURE__ */ import_react.default.createElement(import_base_components.Box, {
     ref,
     width,
     height,

package/{Confirmation → lib/Confirmation}/index.mjs

@@ -1,6 +1,6 @@
 import React from "react";
 import { createBaseComponent } from "@semcore/core";
-import { Box } from "@semcore/flex-box";
+import { Box } from "@semcore/base-components";
 import { useColorResolver } from "@semcore/core/lib/utils/use/useColorResolver";
 const Confirmation = ({ fill = "none", width = "260", height = "260", viewBox = "0 0 260 260", primaryColor = "#6EDAFF", secondaryColor = "#000", ...props }, ref) => {
   const colorResolver = useColorResolver();

package/lib/Congrats/index.d.ts

@@ -0,0 +1,28 @@
+
+import { BoxProps } from '@semcore/base-components';
+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/{Congrats → lib/Congrats}/index.js

@@ -25,13 +25,13 @@ __export(stdin_exports, {
 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");
+var import_base_components = require("@semcore/base-components");
 var import_useColorResolver = require("@semcore/core/lib/utils/use/useColorResolver");
 const Congrats = ({ 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, {
+  return /* @__PURE__ */ import_react.default.createElement(import_base_components.Box, {
     ref,
     width,
     height,

package/{Congrats → lib/Congrats}/index.mjs

@@ -1,6 +1,6 @@
 import React from "react";
 import { createBaseComponent } from "@semcore/core";
-import { Box } from "@semcore/flex-box";
+import { Box } from "@semcore/base-components";
 import { useColorResolver } from "@semcore/core/lib/utils/use/useColorResolver";
 const Congrats = ({ fill = "none", width = "80", height = "80", viewBox = "0 0 80 80", primaryColor = "#E0E1E9", secondaryColor = "#6C6E79", ...props }, ref) => {
   const colorResolver = useColorResolver();

package/lib/ConnectionLost/index.d.ts

@@ -0,0 +1,28 @@
+
+import { BoxProps } from '@semcore/base-components';
+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/{ConnectionLost → lib/ConnectionLost}/index.js

@@ -25,13 +25,13 @@ __export(stdin_exports, {
 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");
+var import_base_components = require("@semcore/base-components");
 var import_useColorResolver = require("@semcore/core/lib/utils/use/useColorResolver");
 const ConnectionLost = ({ fill = "none", width = "260", height = "260", viewBox = "0 0 260 260", primaryColor = "#FFB26E", secondaryColor = "#000", ...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, {
+  return /* @__PURE__ */ import_react.default.createElement(import_base_components.Box, {
     ref,
     width,
     height,

package/{ConnectionLost → lib/ConnectionLost}/index.mjs

@@ -1,6 +1,6 @@
 import React from "react";
 import { createBaseComponent } from "@semcore/core";
-import { Box } from "@semcore/flex-box";
+import { Box } from "@semcore/base-components";
 import { useColorResolver } from "@semcore/core/lib/utils/use/useColorResolver";
 const ConnectionLost = ({ fill = "none", width = "260", height = "260", viewBox = "0 0 260 260", primaryColor = "#FFB26E", secondaryColor = "#000", ...props }, ref) => {
   const colorResolver = useColorResolver();