@codecademy/gamut-illustrations 1.0.0-alpha.f6cb5a.0 → 67.0.0-alpha.09ad1e.0

package/dist/Plant.js

@@ -1,64 +1,71 @@
-import React from 'react';
+import * as React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 export var Plant = function Plant(_ref) {
   var ariaHidden = _ref['aria-hidden'],
-      className = _ref.className,
-      height = _ref.height,
-      width = _ref.width;
-  return /*#__PURE__*/React.createElement("svg", {
+    className = _ref.className,
+    height = _ref.height,
+    width = _ref.width;
+  return /*#__PURE__*/_jsxs("svg", {
     "aria-hidden": ariaHidden,
     className: className,
     width: width,
     height: height,
     viewBox: "0 0 80 60",
     fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, /*#__PURE__*/React.createElement("title", null, "Plant Illustration"), /*#__PURE__*/React.createElement("rect", {
-    width: "80",
-    height: "60",
-    fill: "white"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M44.0725 25.5399C42.8383 28.3244 42.4247 32.1631 42.5706 38.1092H39.6302C39.6478 36.3922 39.6124 34.643 39.5769 32.8923C39.5553 31.8248 39.5337 30.7567 39.524 29.6951C39.497 26.7049 39.5641 23.7343 39.9832 20.8453C41.2122 12.375 46.9851 3.35334 56.3575 1.69937C58.5863 1.30606 61.0818 1.4685 63.1213 2.42039C65.139 3.36206 66.7272 5.0803 67.2001 7.87387C67.282 8.35785 67.2571 9.16231 67.1359 9.99992C67.0147 10.8382 66.8093 11.6242 66.5771 12.0815C65.0397 15.1091 62.5753 16.1059 59.6951 16.7268C58.9831 16.8803 58.2524 17.0093 57.5039 17.1415L57.469 17.1477C56.7116 17.2815 55.9369 17.4188 55.1651 17.5862C53.6211 17.921 52.0625 18.3813 50.6049 19.2015C47.503 20.9468 45.3577 22.6401 44.0725 25.5399Z",
-    fill: "white",
-    stroke: "#10162F"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M48.0217 40.1861C48.0268 40.326 48.0321 40.4681 48.0373 40.6123H45.3307C45.335 39.8224 45.3155 39.0175 45.296 38.2172C45.283 37.6814 45.2701 37.1477 45.2644 36.6218C45.2481 35.1221 45.2888 33.6477 45.5374 32.2196C45.9015 30.1273 46.8831 27.6028 48.4813 25.5991C50.0746 23.6015 52.2506 22.1537 55.0231 22.102C57.0454 22.0643 58.5561 22.3162 59.6194 22.8905C60.6513 23.4479 61.307 24.3331 61.584 25.6977L62.074 25.5982L61.584 25.6977C61.6229 25.8893 61.6146 26.2526 61.5438 26.661C61.4731 27.0684 61.3569 27.4242 61.2424 27.6122C60.384 29.0215 58.9689 29.4101 57.1802 29.607C56.802 29.6486 56.4162 29.681 56.0195 29.7142C55.9502 29.7201 55.8805 29.7259 55.8105 29.7318C55.3432 29.7713 54.8633 29.8143 54.3849 29.8766C53.4294 30.0009 52.4544 30.2049 51.5448 30.6316C50.5861 31.0814 49.8467 31.5665 49.296 32.1624C48.7389 32.7652 48.3981 33.4561 48.1987 34.2787C48.0021 35.0898 47.9424 36.0317 47.942 37.1419C47.9416 38.0209 47.9789 39.0298 48.0217 40.1861Z",
-    fill: "white",
-    stroke: "#10162F"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M26.0836 8.3703C31.2839 10.4733 34.1177 15.5178 35.6541 21.4115C37.1374 27.102 37.3799 33.4694 37.4301 38.4439H34.6376C34.6099 35.7839 34.3491 32.6983 33.4188 29.9641C32.4275 27.0502 30.6536 24.4786 27.5417 23.2988C26.2736 22.818 24.9802 22.6559 23.7297 22.5959C23.1052 22.566 22.4845 22.5613 21.8829 22.5568L21.8818 22.5568C21.2763 22.5522 20.691 22.5478 20.1204 22.5195C18.978 22.4627 17.9361 22.311 17.0016 21.8961C16.0785 21.4862 15.2328 20.8072 14.5031 19.6479C13.1989 17.5761 13.2397 14.9663 14.2028 12.685C15.1676 10.4 17.0205 8.53501 19.2128 7.92778C21.0046 7.43151 22.3225 7.38916 23.376 7.53847C24.3836 7.68129 25.1724 8.001 25.9599 8.32017C26.0011 8.33689 26.0424 8.35361 26.0836 8.3703Z",
-    fill: "white",
-    stroke: "#10162F"
-  }), /*#__PURE__*/React.createElement("mask", {
-    id: "path-4-inside-1",
-    fill: "white"
-  }, /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M30.3459 36.2334V58.9998H51.4861V36.2334H30.3459Z"
-  })), /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M30.3459 36.2334V58.9998H51.4861V36.2334H30.3459Z",
-    fill: "white"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M30.3459 58.9998H29.3459V59.9998H30.3459V58.9998ZM30.3459 36.2334V35.2334H29.3459V36.2334H30.3459ZM51.4861 58.9998V59.9998H52.4861V58.9998H51.4861ZM51.4861 36.2334H52.4861V35.2334H51.4861V36.2334ZM31.3459 58.9998V36.2334H29.3459V58.9998H31.3459ZM51.4861 57.9998H30.3459V59.9998H51.4861V57.9998ZM50.4861 36.2334V58.9998H52.4861V36.2334H50.4861ZM51.4861 35.2334H30.3459V37.2334H51.4861V35.2334Z",
-    fill: "#10162F",
-    mask: "url(#path-4-inside-1)"
-  }), /*#__PURE__*/React.createElement("mask", {
-    id: "path-6-inside-2",
-    fill: "white"
-  }, /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M26.5513 51.411V52.9991C26.5513 56.3128 29.2376 58.9991 32.5513 58.9991L49.8223 58.9991C53.136 58.9991 55.8223 56.3128 55.8223 52.9991V51.411H26.5513Z"
-  })), /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M26.5513 51.411V52.9991C26.5513 56.3128 29.2376 58.9991 32.5513 58.9991L49.8223 58.9991C53.136 58.9991 55.8223 56.3128 55.8223 52.9991V51.411H26.5513Z",
-    fill: "white"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M26.5513 51.411V50.411H25.5513V51.411H26.5513ZM32.5513 58.9991L32.5513 59.9991H32.5513L32.5513 58.9991ZM49.8223 58.9991L49.8223 57.9991H49.8223L49.8223 58.9991ZM55.8223 51.411H56.8223V50.411H55.8223V51.411ZM27.5513 52.9991V51.411H25.5513V52.9991H27.5513ZM32.5513 57.9991C29.7898 57.9991 27.5513 55.7605 27.5513 52.9991H25.5513C25.5513 56.8651 28.6853 59.9991 32.5513 59.9991L32.5513 57.9991ZM49.8223 57.9991L32.5513 57.9991L32.5513 59.9991L49.8223 59.9991L49.8223 57.9991ZM54.8223 52.9991C54.8223 55.7605 52.5837 57.9991 49.8223 57.9991L49.8223 59.9991C53.6883 59.9991 56.8223 56.8651 56.8223 52.9991H54.8223ZM54.8223 51.411V52.9991H56.8223V51.411H54.8223ZM55.8223 50.411H26.5513V52.411H55.8223V50.411Z",
-    fill: "#10162F",
-    mask: "url(#path-6-inside-2)"
-  }));
+    xmlns: "http://www.w3.org/2000/svg",
+    children: [/*#__PURE__*/_jsx("title", {
+      children: "Plant Illustration"
+    }), /*#__PURE__*/_jsx("rect", {
+      width: "80",
+      height: "60",
+      fill: "white"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M44.0725 25.5399C42.8383 28.3244 42.4247 32.1631 42.5706 38.1092H39.6302C39.6478 36.3922 39.6124 34.643 39.5769 32.8923C39.5553 31.8248 39.5337 30.7567 39.524 29.6951C39.497 26.7049 39.5641 23.7343 39.9832 20.8453C41.2122 12.375 46.9851 3.35334 56.3575 1.69937C58.5863 1.30606 61.0818 1.4685 63.1213 2.42039C65.139 3.36206 66.7272 5.0803 67.2001 7.87387C67.282 8.35785 67.2571 9.16231 67.1359 9.99992C67.0147 10.8382 66.8093 11.6242 66.5771 12.0815C65.0397 15.1091 62.5753 16.1059 59.6951 16.7268C58.9831 16.8803 58.2524 17.0093 57.5039 17.1415L57.469 17.1477C56.7116 17.2815 55.9369 17.4188 55.1651 17.5862C53.6211 17.921 52.0625 18.3813 50.6049 19.2015C47.503 20.9468 45.3577 22.6401 44.0725 25.5399Z",
+      fill: "white",
+      stroke: "#10162F"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M48.0217 40.1861C48.0268 40.326 48.0321 40.4681 48.0373 40.6123H45.3307C45.335 39.8224 45.3155 39.0175 45.296 38.2172C45.283 37.6814 45.2701 37.1477 45.2644 36.6218C45.2481 35.1221 45.2888 33.6477 45.5374 32.2196C45.9015 30.1273 46.8831 27.6028 48.4813 25.5991C50.0746 23.6015 52.2506 22.1537 55.0231 22.102C57.0454 22.0643 58.5561 22.3162 59.6194 22.8905C60.6513 23.4479 61.307 24.3331 61.584 25.6977L62.074 25.5982L61.584 25.6977C61.6229 25.8893 61.6146 26.2526 61.5438 26.661C61.4731 27.0684 61.3569 27.4242 61.2424 27.6122C60.384 29.0215 58.9689 29.4101 57.1802 29.607C56.802 29.6486 56.4162 29.681 56.0195 29.7142C55.9502 29.7201 55.8805 29.7259 55.8105 29.7318C55.3432 29.7713 54.8633 29.8143 54.3849 29.8766C53.4294 30.0009 52.4544 30.2049 51.5448 30.6316C50.5861 31.0814 49.8467 31.5665 49.296 32.1624C48.7389 32.7652 48.3981 33.4561 48.1987 34.2787C48.0021 35.0898 47.9424 36.0317 47.942 37.1419C47.9416 38.0209 47.9789 39.0298 48.0217 40.1861Z",
+      fill: "white",
+      stroke: "#10162F"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M26.0836 8.3703C31.2839 10.4733 34.1177 15.5178 35.6541 21.4115C37.1374 27.102 37.3799 33.4694 37.4301 38.4439H34.6376C34.6099 35.7839 34.3491 32.6983 33.4188 29.9641C32.4275 27.0502 30.6536 24.4786 27.5417 23.2988C26.2736 22.818 24.9802 22.6559 23.7297 22.5959C23.1052 22.566 22.4845 22.5613 21.8829 22.5568L21.8818 22.5568C21.2763 22.5522 20.691 22.5478 20.1204 22.5195C18.978 22.4627 17.9361 22.311 17.0016 21.8961C16.0785 21.4862 15.2328 20.8072 14.5031 19.6479C13.1989 17.5761 13.2397 14.9663 14.2028 12.685C15.1676 10.4 17.0205 8.53501 19.2128 7.92778C21.0046 7.43151 22.3225 7.38916 23.376 7.53847C24.3836 7.68129 25.1724 8.001 25.9599 8.32017C26.0011 8.33689 26.0424 8.35361 26.0836 8.3703Z",
+      fill: "white",
+      stroke: "#10162F"
+    }), /*#__PURE__*/_jsx("mask", {
+      id: "path-4-inside-1",
+      fill: "white",
+      children: /*#__PURE__*/_jsx("path", {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M30.3459 36.2334V58.9998H51.4861V36.2334H30.3459Z"
+      })
+    }), /*#__PURE__*/_jsx("path", {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M30.3459 36.2334V58.9998H51.4861V36.2334H30.3459Z",
+      fill: "white"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M30.3459 58.9998H29.3459V59.9998H30.3459V58.9998ZM30.3459 36.2334V35.2334H29.3459V36.2334H30.3459ZM51.4861 58.9998V59.9998H52.4861V58.9998H51.4861ZM51.4861 36.2334H52.4861V35.2334H51.4861V36.2334ZM31.3459 58.9998V36.2334H29.3459V58.9998H31.3459ZM51.4861 57.9998H30.3459V59.9998H51.4861V57.9998ZM50.4861 36.2334V58.9998H52.4861V36.2334H50.4861ZM51.4861 35.2334H30.3459V37.2334H51.4861V35.2334Z",
+      fill: "#10162F",
+      mask: "url(#path-4-inside-1)"
+    }), /*#__PURE__*/_jsx("mask", {
+      id: "path-6-inside-2",
+      fill: "white",
+      children: /*#__PURE__*/_jsx("path", {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M26.5513 51.411V52.9991C26.5513 56.3128 29.2376 58.9991 32.5513 58.9991L49.8223 58.9991C53.136 58.9991 55.8223 56.3128 55.8223 52.9991V51.411H26.5513Z"
+      })
+    }), /*#__PURE__*/_jsx("path", {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M26.5513 51.411V52.9991C26.5513 56.3128 29.2376 58.9991 32.5513 58.9991L49.8223 58.9991C53.136 58.9991 55.8223 56.3128 55.8223 52.9991V51.411H26.5513Z",
+      fill: "white"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M26.5513 51.411V50.411H25.5513V51.411H26.5513ZM32.5513 58.9991L32.5513 59.9991H32.5513L32.5513 58.9991ZM49.8223 58.9991L49.8223 57.9991H49.8223L49.8223 58.9991ZM55.8223 51.411H56.8223V50.411H55.8223V51.411ZM27.5513 52.9991V51.411H25.5513V52.9991H27.5513ZM32.5513 57.9991C29.7898 57.9991 27.5513 55.7605 27.5513 52.9991H25.5513C25.5513 56.8651 28.6853 59.9991 32.5513 59.9991L32.5513 57.9991ZM49.8223 57.9991L32.5513 57.9991L32.5513 59.9991L49.8223 59.9991L49.8223 57.9991ZM54.8223 52.9991C54.8223 55.7605 52.5837 57.9991 49.8223 57.9991L49.8223 59.9991C53.6883 59.9991 56.8223 56.8651 56.8223 52.9991H54.8223ZM54.8223 51.411V52.9991H56.8223V51.411H54.8223ZM55.8223 50.411H26.5513V52.411H55.8223V50.411Z",
+      fill: "#10162F",
+      mask: "url(#path-6-inside-2)"
+    })]
+  });
 };

package/dist/PortfolioProject.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
+import * as React from 'react';
 import { IllustrationProps } from './types';
 export declare const PortfolioProject: React.FC<IllustrationProps>;

package/dist/PortfolioProject.js

@@ -1,35 +1,38 @@
-import React from 'react';
+import * as React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 export var PortfolioProject = function PortfolioProject(_ref) {
   var ariaHidden = _ref['aria-hidden'],
-      className = _ref.className,
-      height = _ref.height,
-      width = _ref.width;
-  return /*#__PURE__*/React.createElement("svg", {
+    className = _ref.className,
+    height = _ref.height,
+    width = _ref.width;
+  return /*#__PURE__*/_jsxs("svg", {
     "aria-hidden": ariaHidden,
     className: className,
     width: width,
     height: height,
     viewBox: "0 0 96 96",
     fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, /*#__PURE__*/React.createElement("path", {
-    d: "M57.005 76.209H16.701L38.917 41.22h40.278L57.005 76.21Z",
-    fill: "#FFF5FF",
-    stroke: "#10162F",
-    strokeMiterlimit: "10"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M48.207 64.844H7l22.861-35.876h41.207L48.207 64.844Z",
-    fill: "#F966FF",
-    stroke: "#10162F",
-    strokeMiterlimit: "10"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M75.17 47.712c7.596 0 13.754-6.427 13.754-14.356S82.766 19 75.17 19c-7.596 0-13.753 6.427-13.753 14.356s6.157 14.356 13.753 14.356Z",
-    fill: "#FFF5FF",
-    stroke: "#10162F",
-    strokeMiterlimit: "10"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M75.17 28.212V38.5M80.073 33.358h-9.83",
-    stroke: "#10162F",
-    strokeMiterlimit: "10"
-  }));
+    xmlns: "http://www.w3.org/2000/svg",
+    children: [/*#__PURE__*/_jsx("path", {
+      d: "M57.005 76.209H16.701L38.917 41.22h40.278L57.005 76.21Z",
+      fill: "#FFF5FF",
+      stroke: "#10162F",
+      strokeMiterlimit: "10"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M48.207 64.844H7l22.861-35.876h41.207L48.207 64.844Z",
+      fill: "#F966FF",
+      stroke: "#10162F",
+      strokeMiterlimit: "10"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M75.17 47.712c7.596 0 13.754-6.427 13.754-14.356S82.766 19 75.17 19c-7.596 0-13.753 6.427-13.753 14.356s6.157 14.356 13.753 14.356Z",
+      fill: "#FFF5FF",
+      stroke: "#10162F",
+      strokeMiterlimit: "10"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M75.17 28.212V38.5M80.073 33.358h-9.83",
+      stroke: "#10162F",
+      strokeMiterlimit: "10"
+    })]
+  });
 };

package/dist/PracticeProject.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
+import * as React from 'react';
 import { IllustrationProps } from './types';
 export declare const PracticeProject: React.FC<IllustrationProps>;

package/dist/PracticeProject.js

@@ -1,43 +1,46 @@
-import React from 'react';
+import * as React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 export var PracticeProject = function PracticeProject(_ref) {
   var ariaHidden = _ref['aria-hidden'],
-      className = _ref.className,
-      height = _ref.height,
-      width = _ref.width;
-  return /*#__PURE__*/React.createElement("svg", {
+    className = _ref.className,
+    height = _ref.height,
+    width = _ref.width;
+  return /*#__PURE__*/_jsxs("svg", {
     "aria-hidden": ariaHidden,
     className: className,
     width: width,
     height: height,
     viewBox: "0 0 96 96",
     fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, /*#__PURE__*/React.createElement("path", {
-    d: "M70.151 88.173 47.795 8 25.44 88.173",
-    stroke: "#10162F",
-    strokeLinecap: "square",
-    strokeLinejoin: "bevel"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M47.795 31.909v56.264",
-    stroke: "#10162F",
-    strokeMiterlimit: "10",
-    strokeLinecap: "square"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M74.538 74.614v-55.17H21v55.17h53.538Z",
-    fill: "#66C4FF",
-    stroke: "#10162F",
-    strokeMiterlimit: "10",
-    strokeLinecap: "square"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M67.314 67.342V26.695h-39.09v40.647h39.09Z",
-    fill: "#66C4FF",
-    stroke: "#10162F",
-    strokeMiterlimit: "10",
-    strokeLinecap: "square"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "m40.99 42.34 4.467 4.562-4.834 4.667 4.702 4.771 4.808-4.667 4.834-4.64L50.5 42.47l-.237-.235-4.466-4.563-4.807 4.667Z",
-    stroke: "#10162F",
-    strokeMiterlimit: "10",
-    strokeLinecap: "square"
-  }));
+    xmlns: "http://www.w3.org/2000/svg",
+    children: [/*#__PURE__*/_jsx("path", {
+      d: "M70.151 88.173 47.795 8 25.44 88.173",
+      stroke: "#10162F",
+      strokeLinecap: "square",
+      strokeLinejoin: "bevel"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M47.795 31.909v56.264",
+      stroke: "#10162F",
+      strokeMiterlimit: "10",
+      strokeLinecap: "square"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M74.538 74.614v-55.17H21v55.17h53.538Z",
+      fill: "#66C4FF",
+      stroke: "#10162F",
+      strokeMiterlimit: "10",
+      strokeLinecap: "square"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M67.314 67.342V26.695h-39.09v40.647h39.09Z",
+      fill: "#66C4FF",
+      stroke: "#10162F",
+      strokeMiterlimit: "10",
+      strokeLinecap: "square"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "m40.99 42.34 4.467 4.562-4.834 4.667 4.702 4.771 4.808-4.667 4.834-4.64L50.5 42.47l-.237-.235-4.466-4.563-4.807 4.667Z",
+      stroke: "#10162F",
+      strokeMiterlimit: "10",
+      strokeLinecap: "square"
+    })]
+  });
 };

package/dist/PracticeTarget.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { IllustrationProps } from './types';
+export declare const PracticeTarget: React.FC<IllustrationProps>;

package/dist/PracticeTarget.js

@@ -0,0 +1,78 @@
+import * as React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export var PracticeTarget = function PracticeTarget(_ref) {
+  var ariaHidden = _ref['aria-hidden'],
+    className = _ref.className,
+    _ref$height = _ref.height,
+    height = _ref$height === void 0 ? '174' : _ref$height,
+    _ref$width = _ref.width,
+    width = _ref$width === void 0 ? '126' : _ref$width;
+  return /*#__PURE__*/_jsxs("svg", {
+    "aria-hidden": ariaHidden,
+    className: className,
+    width: width,
+    height: height,
+    viewBox: "0 0 174 126",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: [/*#__PURE__*/_jsx("path", {
+      d: "M62.8753 124.338C96.6873 124.338 124.097 96.9514 124.097 63.1688C124.097 29.3862 96.6873 2 62.8753 2C29.0633 2 1.65332 29.3862 1.65332 63.1688C1.65332 96.9514 29.0633 124.338 62.8753 124.338Z",
+      fill: "#FF8C00",
+      stroke: "white",
+      strokeWidth: "2.00554"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M62.6379 99.8739C82.9978 99.8739 99.5028 83.3689 99.5028 63.009C99.5028 42.649 82.9978 26.144 62.6379 26.144C42.2779 26.144 25.7729 42.649 25.7729 63.009C25.7729 83.3689 42.2779 99.8739 62.6379 99.8739Z",
+      fill: "#10162F",
+      stroke: "white",
+      strokeWidth: "2.00554"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M62.8768 77.6438C70.8781 77.6438 77.3645 71.1631 77.3645 63.1687C77.3645 55.1744 70.8781 48.6937 62.8768 48.6937C54.8755 48.6937 48.3892 55.1744 48.3892 63.1687C48.3892 71.1631 54.8755 77.6438 62.8768 77.6438Z",
+      fill: "#FF8C00",
+      stroke: "white",
+      strokeWidth: "2.00554"
+    }), /*#__PURE__*/_jsx("path", {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M77.1933 43.9952L85.8372 69.0691L65.6219 61.9982L77.1933 43.9952Z",
+      fill: "#141C3A",
+      stroke: "white",
+      strokeWidth: "2.00554"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M82.4316 56.3464L160.41 30.9524",
+      stroke: "white",
+      strokeWidth: "2.00554",
+      strokeLinecap: "square"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M160.473 30.3074L165.977 19.0265",
+      stroke: "white",
+      strokeWidth: "2.00554",
+      strokeLinecap: "square"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M153.07 32.7728L158.574 21.492",
+      stroke: "white",
+      strokeWidth: "2.00554",
+      strokeLinecap: "square"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M145.668 35.2379L151.172 23.957",
+      stroke: "white",
+      strokeWidth: "2.00554",
+      strokeLinecap: "square"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M160.664 30.5429L171.954 36.0479",
+      stroke: "white",
+      strokeWidth: "2.00554",
+      strokeLinecap: "square"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M153.261 33.6241L164.552 39.1291",
+      stroke: "white",
+      strokeWidth: "2.00554",
+      strokeLinecap: "square"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M145.855 36.0897L157.146 41.5946",
+      stroke: "white",
+      strokeWidth: "2.00554",
+      strokeLinecap: "square"
+    })]
+  });
+};

package/dist/Purpose.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { IllustrationProps } from './types';
+export declare const Purpose: React.FC<IllustrationProps>;

package/dist/Purpose.js

@@ -0,0 +1,136 @@
+import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export var Purpose = function Purpose(_ref) {
+  var ariaHidden = _ref['aria-hidden'],
+    className = _ref.className,
+    height = _ref.height,
+    width = _ref.width;
+  return /*#__PURE__*/_jsxs("svg", {
+    "aria-hidden": ariaHidden,
+    className: className,
+    width: width,
+    height: height,
+    viewBox: "0 0 399 311",
+    xmlns: "http://www.w3.org/2000/svg",
+    xmlnsXlink: "http://www.w3.org/1999/xlink",
+    fill: "none",
+    children: [/*#__PURE__*/_jsx("title", {
+      children: "Purpose Illustration"
+    }), /*#__PURE__*/_jsx("path", {
+      fill: "#10162F",
+      stroke: "#10162F",
+      strokeWidth: "1.5",
+      d: "M251.148 156.872c0 21.359-6.422 40.666-16.768 54.616-10.346 13.951-24.579 22.505-40.234 22.505-15.733 0-38.239-8.66-56.832-22.707-18.596-14.05-33.064-33.324-33.064-54.414 0-21.091 14.468-40.364 33.064-54.415 18.593-14.047 41.099-22.707 56.832-22.707 15.655 0 29.888 8.555 40.234 22.505s16.768 33.258 16.768 54.617Z"
+    }), /*#__PURE__*/_jsx("path", {
+      fill: "#FFF0E5",
+      stroke: "#10162F",
+      strokeWidth: "1.5",
+      d: "M251.15 156.872c0 21.359-6.422 40.666-16.768 54.616-10.346 13.951-24.579 22.505-40.234 22.505-15.655 0-29.888-8.554-40.234-22.505-10.346-13.95-16.768-33.257-16.768-54.616s6.422-40.667 16.768-54.617c10.346-13.95 24.579-22.505 40.234-22.505 15.655 0 29.888 8.555 40.234 22.505s16.768 33.258 16.768 54.617Z"
+    }), /*#__PURE__*/_jsx("path", {
+      stroke: "#10162F",
+      strokeOpacity: ".12",
+      strokeWidth: "1.5",
+      d: "M240.812 156.869c0 19.01-5.233 36.188-13.655 48.591-8.425 12.408-19.986 19.973-32.66 19.973-12.674 0-24.235-7.565-32.66-19.973-8.422-12.403-13.655-29.581-13.655-48.591s5.233-36.188 13.655-48.591c8.425-12.408 19.986-19.973 32.66-19.973 12.674 0 24.235 7.565 32.66 19.973 8.422 12.403 13.655 29.581 13.655 48.591Z"
+    }), /*#__PURE__*/_jsx("path", {
+      stroke: "#10162F",
+      strokeWidth: "1.5",
+      d: "m250.658 116.238-14.531 3.894M247.153 111.671l-7.521 13.028M249.905 121.943l-13.027-7.521"
+    }), /*#__PURE__*/_jsx("path", {
+      fill: "#E91C11",
+      stroke: "#10162F",
+      strokeWidth: "1.5",
+      d: "M231.029 156.874c0 16.446-4.183 31.3-10.907 42.019-6.731 10.729-15.933 17.218-25.975 17.218-10.041 0-19.244-6.489-25.974-17.218-6.724-10.719-10.907-25.573-10.907-42.019 0-16.446 4.183-31.3 10.907-42.019 6.73-10.729 15.933-17.218 25.974-17.218 10.042 0 19.244 6.489 25.975 17.218 6.724 10.719 10.907 25.573 10.907 42.019Z"
+    }), /*#__PURE__*/_jsx("path", {
+      fill: "#fff",
+      stroke: "#10162F",
+      strokeWidth: "1.5",
+      d: "M215.384 156.868c0 10.699-2.439 20.348-6.343 27.296-3.917 6.972-9.211 11.076-14.89 11.076s-10.973-4.104-14.891-11.076c-3.904-6.948-6.342-16.597-6.342-27.296 0-10.699 2.438-20.348 6.342-27.296 3.918-6.972 9.212-11.076 14.891-11.076s10.973 4.104 14.89 11.076c3.904 6.948 6.343 16.597 6.343 27.296Z"
+    }), /*#__PURE__*/_jsx("path", {
+      fill: "#10162F",
+      stroke: "#10162F",
+      strokeWidth: "1.5",
+      d: "M202.304 156.876c0 4.144-.981 7.86-2.529 10.514-1.559 2.672-3.602 4.139-5.706 4.139-2.104 0-4.147-1.467-5.705-4.139-1.548-2.654-2.53-6.37-2.53-10.514 0-4.145.982-7.86 2.53-10.514 1.558-2.672 3.601-4.139 5.705-4.139s4.147 1.467 5.706 4.139c1.548 2.654 2.529 6.369 2.529 10.514Z"
+    }), /*#__PURE__*/_jsx("path", {
+      fill: "#FFD300",
+      stroke: "#10162F",
+      strokeWidth: "1.5",
+      d: "M286.881 180.079 275.51 164.32c-.954-1.323-.009-3.171 1.622-3.171h26.079a2 2 0 0 1 1.622.83l6.305 8.738c3.818 5.291.037 12.681-6.487 12.681h-11.282a8 8 0 0 1-6.488-3.319Z"
+    }), /*#__PURE__*/_jsx("path", {
+      fill: "#10162F",
+      d: "M185.084 156.139a4.421 4.421 0 0 1 4.295-4.419l110.429-3.164c4.655-.133 8.502 3.604 8.502 8.261 0 4.697-3.91 8.45-8.603 8.258l-110.383-4.518a4.421 4.421 0 0 1-4.24-4.418Z"
+    }), /*#__PURE__*/_jsx("circle", {
+      cx: "131.779",
+      cy: "210.779",
+      r: "12.029",
+      fill: "#FFD300",
+      stroke: "#10162F",
+      strokeWidth: "1.5"
+    }), /*#__PURE__*/_jsx("path", {
+      stroke: "#10162F",
+      strokeWidth: "1.5",
+      d: "m126.889 211.649 2.869 2.868 6.814-6.813"
+    }), /*#__PURE__*/_jsx("path", {
+      fill: "#E2D6CF",
+      d: "M262.631 224.414a.557.557 0 0 1 1.046 0 17.298 17.298 0 0 0 10.217 10.217.557.557 0 0 1 0 1.046 17.298 17.298 0 0 0-10.217 10.217.557.557 0 0 1-1.046 0 17.298 17.298 0 0 0-10.217-10.217.557.557 0 0 1 0-1.046 17.298 17.298 0 0 0 10.217-10.217ZM87.63 65.414a.558.558 0 0 1 1.047 0A17.293 17.293 0 0 0 98.894 75.63a.558.558 0 0 1 0 1.046 17.293 17.293 0 0 0-10.217 10.217.558.558 0 0 1-1.046 0 17.293 17.293 0 0 0-10.217-10.217.558.558 0 0 1 0-1.046A17.293 17.293 0 0 0 87.63 65.414Z"
+    }), /*#__PURE__*/_jsx("mask", {
+      id: "b",
+      width: "27",
+      height: "43",
+      x: "180",
+      y: "136",
+      maskUnits: "userSpaceOnUse",
+      style: {
+        maskType: 'alpha'
+      },
+      children: /*#__PURE__*/_jsx("path", {
+        fill: "url(#a)",
+        d: "M180 136.176h27v42h-27z"
+      })
+    }), /*#__PURE__*/_jsx("g", {
+      mask: "url(#b)",
+      children: /*#__PURE__*/_jsx("rect", {
+        width: "27",
+        height: "42",
+        x: "180",
+        y: "136.176",
+        fill: "#10162F",
+        fillOpacity: ".63",
+        rx: "13.5"
+      })
+    }), /*#__PURE__*/_jsx("path", {
+      stroke: "#FFF0E5",
+      strokeWidth: "1.5",
+      d: "m274.934 164.572-88.996-4.279M275.789 148.315l-89.851 3.423"
+    }), /*#__PURE__*/_jsx("path", {
+      stroke: "#10162F",
+      strokeWidth: "1.5",
+      d: "M194.497 171.423c-5.199 0-9.413-6.513-9.413-14.547 0-8.035 4.214-14.548 9.413-14.548"
+    }), /*#__PURE__*/_jsx("path", {
+      fill: "#FFD300",
+      stroke: "#10162F",
+      strokeWidth: "1.5",
+      d: "m287.46 137.834-11.846 15.842c-.986 1.319-.045 3.198 1.602 3.198h27.145c.63 0 1.224-.297 1.601-.802l6.473-8.656c3.945-5.275.18-12.791-6.407-12.791h-12.161a8 8 0 0 0-6.407 3.209Z"
+    }), /*#__PURE__*/_jsx("path", {
+      stroke: "#10162F",
+      strokeWidth: "1.5",
+      d: "m280.496 157.733 7.274-9.413M287.77 157.733l7.274-9.413M295.471 157.733l7.273-9.413M280.496 160.294l7.274 9.413M287.77 160.294l7.274 9.413M295.471 160.294l7.273 9.413"
+    }), /*#__PURE__*/_jsxs("defs", {
+      children: [/*#__PURE__*/_jsx("pattern", {
+        id: "a",
+        width: ".148",
+        height: ".095",
+        patternContentUnits: "objectBoundingBox",
+        children: /*#__PURE__*/_jsx("use", {
+          xlinkHref: "#c",
+          transform: "scale(.03704 .0238)"
+        })
+      }), /*#__PURE__*/_jsx("image", {
+        xlinkHref: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAeSURBVHgBjcoxEQAAAAFAEUxq6J+OBO78/KAcXOYsc5ICqdLdEKMAAAAASUVORK5CYII=",
+        id: "c",
+        width: "4",
+        height: "4"
+      })]
+    })]
+  });
+};

package/dist/Puzzle.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { IllustrationProps } from './types';
+export declare const Puzzle: React.FC<IllustrationProps>;