@semcore/illustration 16.0.12 → 17.0.0-prerelease.2

package/{Timeout → lib/Timeout}/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 Timeout = ({ 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/{Timeout → lib/Timeout}/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 Timeout = ({ fill = "none", width = "260", height = "260", viewBox = "0 0 260 260", primaryColor = "#6EDAFF", secondaryColor = "#000", ...props }, ref) => {
   const colorResolver = useColorResolver();

package/lib/UnderConstruction/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/{UnderConstruction → lib/UnderConstruction}/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 UnderConstruction = ({ 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/{UnderConstruction → lib/UnderConstruction}/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 UnderConstruction = ({ fill = "none", width = "80", height = "80", viewBox = "0 0 80 80", primaryColor = "#E0E1E9", secondaryColor = "#6C6E79", ...props }, ref) => {
   const colorResolver = useColorResolver();

package/lib/VennChart/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/{VennChart → lib/VennChart}/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 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, {
+  return /* @__PURE__ */ import_react.default.createElement(import_base_components.Box, {
     ref,
     width,
     height,

package/{VennChart → lib/VennChart}/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 VennChart = ({ fill = "none", width = "80", height = "80", viewBox = "0 0 80 80", primaryColor = "#E0E1E9", secondaryColor = "#6C6E79", ...props }, ref) => {
   const colorResolver = useColorResolver();

package/lib/VerticalBarChart/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/{VerticalBarChart → lib/VerticalBarChart}/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 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, {
+  return /* @__PURE__ */ import_react.default.createElement(import_base_components.Box, {
     ref,
     width,
     height,

package/{VerticalBarChart → lib/VerticalBarChart}/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 VerticalBarChart = ({ fill = "none", width = "80", height = "80", viewBox = "0 0 80 80", primaryColor = "#E0E1E9", secondaryColor = "#6C6E79", ...props }, ref) => {
   const colorResolver = useColorResolver();

package/lib/Waiting/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/{Waiting → lib/Waiting}/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 Waiting = ({ 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/{Waiting → lib/Waiting}/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 Waiting = ({ fill = "none", width = "80", height = "80", viewBox = "0 0 80 80", primaryColor = "#E0E1E9", secondaryColor = "#6C6E79", ...props }, ref) => {
   const colorResolver = useColorResolver();

package/lib/Warning/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/{Warning → lib/Warning}/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 Warning = ({ 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/{Warning → lib/Warning}/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 Warning = ({ fill = "none", width = "80", height = "80", viewBox = "0 0 80 80", primaryColor = "#E0E1E9", secondaryColor = "#6C6E79", ...props }, ref) => {
   const colorResolver = useColorResolver();

package/lib/cjs/index.js

@@ -4,18 +4,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getIllustrationPath = void 0;
-var version = "16.0.12";
+const version = "17.0.0";
 
 /**
  * Formats string from `access_denied` or `access-denied` to `AccessDenied`
  */
-var formatName = function formatName(name) {
-  return name.split(/_|-/).map(function (el) {
-    return el[0].toUpperCase() + el.slice(1);
-  }).join('');
+const formatName = name => {
+  return name.split(/_|-/).map(el => el[0].toUpperCase() + el.slice(1)).join('');
 };
-var getIllustrationPath = exports.getIllustrationPath = function getIllustrationPath(name) {
-  var formattedName = formatName(name);
-  return "https://static.semrush.com/intergalactic/illustrations/".concat(version, "/").concat(formattedName, ".svg");
+const getIllustrationPath = name => {
+  const formattedName = formatName(name);
+  return `https://static.semrush.com/intergalactic/illustrations/${version}/${formattedName}.svg`;
 };
+exports.getIllustrationPath = getIllustrationPath;
 //# sourceMappingURL=index.js.map

package/lib/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["version","formatName","name","split","map","el","toUpperCase","slice","join","getIllustrationPath","exports","formattedName","concat"],"sources":["../../src/index.ts"],"sourcesContent":["declare const preval: any;\n\nconst version = preval`module.exports = require('../package.json').version`;\n\n/**\n * Formats string from `access_denied` or `access-denied` to `AccessDenied`\n */\nconst formatName = (name: string) => {\n  return name\n    .split(/_|-/)\n    .map((el) => el[0].toUpperCase() + el.slice(1))\n    .join('');\n};\n\nexport const getIllustrationPath = (name: string) => {\n  const formattedName = formatName(name);\n\n  return `https://static.semrush.com/intergalactic/illustrations/${version}/${formattedName}.svg`;\n};\n"],"mappings":";;;;;;AAEA,IAAMA,OAAO,YAA8D;;AAE3E;AACA;AACA;AACA,IAAMC,UAAU,GAAG,SAAbA,UAAUA,CAAIC,IAAY,EAAK;EACnC,OAAOA,IAAI,CACRC,KAAK,CAAC,KAAK,CAAC,CACZC,GAAG,CAAC,UAACC,EAAE;IAAA,OAAKA,EAAE,CAAC,CAAC,CAAC,CAACC,WAAW,CAAC,CAAC,GAAGD,EAAE,CAACE,KAAK,CAAC,CAAC,CAAC;EAAA,EAAC,CAC9CC,IAAI,CAAC,EAAE,CAAC;AACb,CAAC;AAEM,IAAMC,mBAAmB,GAAAC,OAAA,CAAAD,mBAAA,GAAG,SAAtBA,mBAAmBA,CAAIP,IAAY,EAAK;EACnD,IAAMS,aAAa,GAAGV,UAAU,CAACC,IAAI,CAAC;EAEtC,iEAAAU,MAAA,CAAiEZ,OAAO,OAAAY,MAAA,CAAID,aAAa;AAC3F,CAAC","ignoreList":[]}
+{"version":3,"file":"index.js","names":["version","formatName","name","split","map","el","toUpperCase","slice","join","getIllustrationPath","formattedName","exports"],"sources":["../../src/index.ts"],"sourcesContent":["declare const preval: any;\n\nconst version = preval`module.exports = require('../package.json').version`;\n\n/**\n * Formats string from `access_denied` or `access-denied` to `AccessDenied`\n */\nconst formatName = (name: string) => {\n  return name\n    .split(/_|-/)\n    .map((el) => el[0].toUpperCase() + el.slice(1))\n    .join('');\n};\n\nexport const getIllustrationPath = (name: string) => {\n  const formattedName = formatName(name);\n\n  return `https://static.semrush.com/intergalactic/illustrations/${version}/${formattedName}.svg`;\n};\n"],"mappings":";;;;;;AAEA,MAAMA,OAAO,WAA8D;;AAE3E;AACA;AACA;AACA,MAAMC,UAAU,GAAIC,IAAY,IAAK;EACnC,OAAOA,IAAI,CACRC,KAAK,CAAC,KAAK,CAAC,CACZC,GAAG,CAAEC,EAAE,IAAKA,EAAE,CAAC,CAAC,CAAC,CAACC,WAAW,CAAC,CAAC,GAAGD,EAAE,CAACE,KAAK,CAAC,CAAC,CAAC,CAAC,CAC9CC,IAAI,CAAC,EAAE,CAAC;AACb,CAAC;AAEM,MAAMC,mBAAmB,GAAIP,IAAY,IAAK;EACnD,MAAMQ,aAAa,GAAGT,UAAU,CAACC,IAAI,CAAC;EAEtC,OAAO,0DAA0DF,OAAO,IAAIU,aAAa,MAAM;AACjG,CAAC;AAACC,OAAA,CAAAF,mBAAA,GAAAA,mBAAA","ignoreList":[]}

package/lib/es6/index.js

@@ -1,15 +1,13 @@
-var version = "16.0.12";
+const version = "17.0.0";
 
 /**
  * Formats string from `access_denied` or `access-denied` to `AccessDenied`
  */
-var formatName = function formatName(name) {
-  return name.split(/_|-/).map(function (el) {
-    return el[0].toUpperCase() + el.slice(1);
-  }).join('');
+const formatName = name => {
+  return name.split(/_|-/).map(el => el[0].toUpperCase() + el.slice(1)).join('');
 };
-export var getIllustrationPath = function getIllustrationPath(name) {
-  var formattedName = formatName(name);
-  return "https://static.semrush.com/intergalactic/illustrations/".concat(version, "/").concat(formattedName, ".svg");
+export const getIllustrationPath = name => {
+  const formattedName = formatName(name);
+  return `https://static.semrush.com/intergalactic/illustrations/${version}/${formattedName}.svg`;
 };
 //# sourceMappingURL=index.js.map

package/lib/es6/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["version","formatName","name","split","map","el","toUpperCase","slice","join","getIllustrationPath","formattedName","concat"],"sources":["../../src/index.ts"],"sourcesContent":["declare const preval: any;\n\nconst version = preval`module.exports = require('../package.json').version`;\n\n/**\n * Formats string from `access_denied` or `access-denied` to `AccessDenied`\n */\nconst formatName = (name: string) => {\n  return name\n    .split(/_|-/)\n    .map((el) => el[0].toUpperCase() + el.slice(1))\n    .join('');\n};\n\nexport const getIllustrationPath = (name: string) => {\n  const formattedName = formatName(name);\n\n  return `https://static.semrush.com/intergalactic/illustrations/${version}/${formattedName}.svg`;\n};\n"],"mappings":"AAEA,IAAMA,OAAO,YAA8D;;AAE3E;AACA;AACA;AACA,IAAMC,UAAU,GAAG,SAAbA,UAAUA,CAAIC,IAAY,EAAK;EACnC,OAAOA,IAAI,CACRC,KAAK,CAAC,KAAK,CAAC,CACZC,GAAG,CAAC,UAACC,EAAE;IAAA,OAAKA,EAAE,CAAC,CAAC,CAAC,CAACC,WAAW,CAAC,CAAC,GAAGD,EAAE,CAACE,KAAK,CAAC,CAAC,CAAC;EAAA,EAAC,CAC9CC,IAAI,CAAC,EAAE,CAAC;AACb,CAAC;AAED,OAAO,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAIP,IAAY,EAAK;EACnD,IAAMQ,aAAa,GAAGT,UAAU,CAACC,IAAI,CAAC;EAEtC,iEAAAS,MAAA,CAAiEX,OAAO,OAAAW,MAAA,CAAID,aAAa;AAC3F,CAAC","ignoreList":[]}
+{"version":3,"file":"index.js","names":["version","formatName","name","split","map","el","toUpperCase","slice","join","getIllustrationPath","formattedName"],"sources":["../../src/index.ts"],"sourcesContent":["declare const preval: any;\n\nconst version = preval`module.exports = require('../package.json').version`;\n\n/**\n * Formats string from `access_denied` or `access-denied` to `AccessDenied`\n */\nconst formatName = (name: string) => {\n  return name\n    .split(/_|-/)\n    .map((el) => el[0].toUpperCase() + el.slice(1))\n    .join('');\n};\n\nexport const getIllustrationPath = (name: string) => {\n  const formattedName = formatName(name);\n\n  return `https://static.semrush.com/intergalactic/illustrations/${version}/${formattedName}.svg`;\n};\n"],"mappings":"AAEA,MAAMA,OAAO,WAA8D;;AAE3E;AACA;AACA;AACA,MAAMC,UAAU,GAAIC,IAAY,IAAK;EACnC,OAAOA,IAAI,CACRC,KAAK,CAAC,KAAK,CAAC,CACZC,GAAG,CAAEC,EAAE,IAAKA,EAAE,CAAC,CAAC,CAAC,CAACC,WAAW,CAAC,CAAC,GAAGD,EAAE,CAACE,KAAK,CAAC,CAAC,CAAC,CAAC,CAC9CC,IAAI,CAAC,EAAE,CAAC;AACb,CAAC;AAED,OAAO,MAAMC,mBAAmB,GAAIP,IAAY,IAAK;EACnD,MAAMQ,aAAa,GAAGT,UAAU,CAACC,IAAI,CAAC;EAEtC,OAAO,0DAA0DF,OAAO,IAAIU,aAAa,MAAM;AACjG,CAAC","ignoreList":[]}

package/lib/esm/index.mjs

@@ -1,12 +1,10 @@
-var version = "16.0.12";
-var formatName = function formatName2(name) {
-  return name.split(/_|-/).map(function(el) {
-    return el[0].toUpperCase() + el.slice(1);
-  }).join("");
+const version = "17.0.0";
+const formatName = (name) => {
+  return name.split(/_|-/).map((el) => el[0].toUpperCase() + el.slice(1)).join("");
 };
-var getIllustrationPath = function getIllustrationPath2(name) {
-  var formattedName = formatName(name);
-  return "https://static.semrush.com/intergalactic/illustrations/".concat(version, "/").concat(formattedName, ".svg");
+const getIllustrationPath = (name) => {
+  const formattedName = formatName(name);
+  return `https://static.semrush.com/intergalactic/illustrations/${version}/${formattedName}.svg`;
 };
 export {
   getIllustrationPath