@codecademy/gamut-illustrations 0.32.3-alpha.5ea335.0 → 0.32.3-alpha.718461.0

package/dist/ChatBox.js

@@ -1,40 +1,45 @@
-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 ChatBox = function ChatBox(_ref) {
   var ariaHidden = _ref['aria-hidden'],
       className = _ref.className,
       height = _ref.height,
       width = _ref.width;
-  return /*#__PURE__*/React.createElement("svg", {
+  return /*#__PURE__*/_jsxs("svg", {
     "aria-hidden": ariaHidden,
     className: className,
     width: width,
     height: height,
     viewBox: "0 0 48 48",
     fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, /*#__PURE__*/React.createElement("title", null, "ChatBox Icon"), /*#__PURE__*/React.createElement("circle", {
-    cx: "24",
-    cy: "24",
-    r: "23.5",
-    fill: "white",
-    stroke: "black"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M32.125 30.625H23.375L18.375 34.375V30.625H15.875C15.5435 30.625 15.2255 30.4933 14.9911 30.2589C14.7567 30.0245 14.625 29.7065 14.625 29.375V16.875C14.625 16.5435 14.7567 16.2255 14.9911 15.9911C15.2255 15.7567 15.5435 15.625 15.875 15.625H32.125C32.4565 15.625 32.7745 15.7567 33.0089 15.9911C33.2433 16.2255 33.375 16.5435 33.375 16.875V29.375C33.375 29.7065 33.2433 30.0245 33.0089 30.2589C32.7745 30.4933 32.4565 30.625 32.125 30.625Z",
-    stroke: "black",
-    strokeWidth: "1.25",
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M18.375 21.25H29.625",
-    stroke: "black",
-    strokeWidth: "1.25",
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M18.375 25H27.125",
-    stroke: "black",
-    strokeWidth: "1.25",
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
-  }));
+    xmlns: "http://www.w3.org/2000/svg",
+    children: [/*#__PURE__*/_jsx("title", {
+      children: "ChatBox Icon"
+    }), /*#__PURE__*/_jsx("circle", {
+      cx: "24",
+      cy: "24",
+      r: "23.5",
+      fill: "white",
+      stroke: "black"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M32.125 30.625H23.375L18.375 34.375V30.625H15.875C15.5435 30.625 15.2255 30.4933 14.9911 30.2589C14.7567 30.0245 14.625 29.7065 14.625 29.375V16.875C14.625 16.5435 14.7567 16.2255 14.9911 15.9911C15.2255 15.7567 15.5435 15.625 15.875 15.625H32.125C32.4565 15.625 32.7745 15.7567 33.0089 15.9911C33.2433 16.2255 33.375 16.5435 33.375 16.875V29.375C33.375 29.7065 33.2433 30.0245 33.0089 30.2589C32.7745 30.4933 32.4565 30.625 32.125 30.625Z",
+      stroke: "black",
+      strokeWidth: "1.25",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M18.375 21.25H29.625",
+      stroke: "black",
+      strokeWidth: "1.25",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M18.375 25H27.125",
+      stroke: "black",
+      strokeWidth: "1.25",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    })]
+  });
 };

package/dist/CodeCelebration.d.ts

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

package/dist/CodeCelebration.js

@@ -1,10 +1,12 @@
-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 CodeCelebration = function CodeCelebration(_ref) {
   var ariaHidden = _ref['aria-hidden'],
       className = _ref.className,
       height = _ref.height,
       width = _ref.width;
-  return /*#__PURE__*/React.createElement("svg", {
+  return /*#__PURE__*/_jsxs("svg", {
     "aria-hidden": ariaHidden,
     className: className,
     height: height,
@@ -12,139 +14,145 @@ export var CodeCelebration = function CodeCelebration(_ref) {
     viewBox: "0 0 241 183",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
-    xmlnsXlink: "http://www.w3.org/1999/xlink"
-  }, /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M.002 170.689c.623-17.538 18.504-29.928 31.897-25.482 8.468 2.812 14.715 8.22 23.975 1.764 6.155-4.292 7.537-12.705 11.787-21.538 12.64-26.264 60.609-26.241 75.095-10.124v55.38H.002Z",
-    fill: "#10162F"
-  }), /*#__PURE__*/React.createElement("rect", {
-    x: "9.099",
-    y: "93.697",
-    width: "80.36",
-    height: "80.36",
-    rx: "40.18",
-    transform: "rotate(-90 9.099 93.697)",
-    fill: "#FFD300",
-    stroke: "#10162F",
-    strokeWidth: "1.103"
-  }), /*#__PURE__*/React.createElement("path", {
-    fill: "#fff",
-    d: "M240.075 15.916v129.98H71.49V15.915z"
-  }), /*#__PURE__*/React.createElement("path", {
-    transform: "rotate(90 240.075 15.916)",
-    fill: "url(#a)",
-    d: "M240.075 15.916h129.979v168.585H240.075z"
-  }), /*#__PURE__*/React.createElement("path", {
-    stroke: "#10162F",
-    strokeWidth: "1.103",
-    d: "M240.075 15.916v129.98H71.49V15.915z"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M240.146 138.02v16.602H71.489V138.02h168.657Z",
-    fill: "#66C4FF",
-    stroke: "#10162F",
-    strokeWidth: "1.103"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M168.171 153.995v16.856h-24.934v-16.856h24.934Z",
-    fill: "#66C4FF",
-    stroke: "#10162F",
-    strokeWidth: "1.103"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M208.965 170.98v11.294H.002V170.98h208.963Z",
-    fill: "url(#b)"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M174.562 24.567c0-2.736-.35-8.414-.381-11.15-.1-8.727 7.331-15.877 15.216-10.633 8.75 6.587-4.931 29.64 7.671 29.64 3.189 0 4.773-2.321 5.473-4.752 1.969-6.836-1.499-14.575 1.05-21.307 2.322-6.131 8.715-5.477 11.997-1.916 2.516 2.73 2.721 7.483 3.102 11.923.381 4.44.381 5.576.381 8.364",
-    stroke: "#FFD300",
-    strokeWidth: "1.103",
-    strokeLinecap: "square",
-    strokeLinejoin: "round"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "m184.271 100.403-49.009 15.38-19.616 6.155L137.402 52.5",
-    fill: "#66C4FF"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "m184.271 100.403-49.009 15.38-19.616 6.155L137.402 52.5",
-    stroke: "#10162F",
-    strokeWidth: "1.103",
-    strokeMiterlimit: "10"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M187.215 98.892c5.085-5.085-1.654-20.07-15.053-33.468-13.398-13.4-28.383-20.139-33.468-15.054-5.085 5.086 1.654 20.07 15.053 33.469 13.399 13.399 28.383 20.138 33.468 15.053Z",
-    fill: "#fff",
-    stroke: "#10162F",
-    strokeWidth: "1.103",
-    strokeMiterlimit: "10"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "m131.828 70.292 5.574-17.79",
-    stroke: "#10162F",
-    strokeWidth: "1.103",
-    strokeMiterlimit: "10"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "m158.524 108.482-23.262 7.3c-10.998-10.998-9.44-26.32-9.44-26.32l6.006-19.172s3.716 15.21 26.696 38.192Z",
-    fill: "#fff",
-    stroke: "#10162F",
-    strokeWidth: "1.103",
-    strokeMiterlimit: "10"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "m158.597 108.354-23.263 7.301c-10.998-10.998-9.44-26.321-9.44-26.321l6.007-19.17s3.715 15.21 26.696 38.19Z",
-    fill: "url(#c)",
-    stroke: "#10162F",
-    strokeWidth: "1.103",
-    strokeMiterlimit: "10"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "m135.191 116.066-.107-.107c-5.726-5.726-8.007-12.63-8.912-17.415-.981-5.18-.603-9.069-.599-9.107l.01-.05 6.274-20.023.213.868c.009.038.972 3.865 4.721 10.442 3.461 6.072 10.071 15.794 21.909 27.632l.291.291-.392.123-23.408 7.346Zm-9.125-26.556c-.03.335-.332 4.055.599 8.958.888 4.68 3.112 11.421 8.665 17.031l22.727-7.132c-11.709-11.759-18.268-21.421-21.716-27.475-2.791-4.9-4.049-8.295-4.52-9.748l-5.755 18.366Z",
-    fill: "#10162F"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M152.314 72.556s15.774-20.5 9.549-38.409M160.283 74.28s9.363-14.582 21.464-20.251M164.592 79.69s13.572-12.066 36.191-8.317",
-    stroke: "#10162F",
-    strokeWidth: "1.103",
-    strokeMiterlimit: "10"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M210.008 78.572a3.907 3.907 0 1 0 0-7.814 3.907 3.907 0 0 0 0 7.814ZM195.042 42.246l-1.553 4.578 2.892 3.875-4.834-.062-2.792 3.948-1.435-4.617-4.617-1.435 3.947-2.792-.061-4.834 3.874 2.892 4.579-1.553Z",
-    fill: "#66C4FF",
-    stroke: "#10162F",
-    strokeWidth: "1.103",
-    strokeMiterlimit: "10"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M176.672 83.918s8.106-3.802 18.968-.41",
-    stroke: "#10162F",
-    strokeWidth: "1.103",
-    strokeMiterlimit: "10"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "m194.256 125.599-5.229-5.228 3.696-3.865-14.67-4.55 4.549 15.135 4.445-4.649 5.184 5.183 2.025-2.026Z",
-    fill: "#FFD300",
-    stroke: "#10162F",
-    strokeWidth: "1.103",
-    strokeMiterlimit: "10"
-  }), /*#__PURE__*/React.createElement("path", {
-    fill: "#FFD300",
-    d: "m102.945 20.677-7.892-7.892-7.892 7.892 7.892 7.892zM124.49 22.72l-5.58-9.667-9.666 5.581 5.58 9.666zM142.135 26.248V15.107h-11.373v11.14z"
-  }), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("pattern", {
-    id: "a",
-    patternContentUnits: "objectBoundingBox",
-    width: ".269",
-    height: ".208"
-  }, /*#__PURE__*/React.createElement("use", {
-    xlinkHref: "#d",
-    transform: "scale(.0042 .00325)"
-  })), /*#__PURE__*/React.createElement("pattern", {
-    id: "b",
-    patternContentUnits: "objectBoundingBox",
-    width: "3.126",
-    height: ".169"
-  }, /*#__PURE__*/React.createElement("use", {
-    xlinkHref: "#d",
-    transform: "scale(.04885 .00264)"
-  })), /*#__PURE__*/React.createElement("pattern", {
-    id: "c",
-    patternContentUnits: "objectBoundingBox",
-    width: "1.077",
-    height: ".776"
-  }, /*#__PURE__*/React.createElement("use", {
-    xlinkHref: "#d",
-    transform: "scale(.01683 .01213)"
-  })), /*#__PURE__*/React.createElement("image", {
-    id: "d",
-    width: "64",
-    height: "64",
-    xlinkHref: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACkSURBVHgB7dcxEsIwDAVR6f53Boo/FNBkPEkYrN3Xye3+xlVVz/pEu/XmEqgsr3AJVJZXuAQqyytcApXlFS6ByvIKl0BleYVLoLK8wiVQWV5BK/8oheWh+vuBVh67BMsXVB/cuPKYJVj+4B6rF29c+bFLsPziPUafvHHlxyzB8ifvbfXFN678tkuw/MX3NvrmG1d+myVY/ub7b/WPb1z5sb/CJS8ZOf4BH9R+4AAAAABJRU5ErkJggg=="
-  })));
+    xmlnsXlink: "http://www.w3.org/1999/xlink",
+    children: [/*#__PURE__*/_jsx("path", {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M.002 170.689c.623-17.538 18.504-29.928 31.897-25.482 8.468 2.812 14.715 8.22 23.975 1.764 6.155-4.292 7.537-12.705 11.787-21.538 12.64-26.264 60.609-26.241 75.095-10.124v55.38H.002Z",
+      fill: "#10162F"
+    }), /*#__PURE__*/_jsx("rect", {
+      x: "9.099",
+      y: "93.697",
+      width: "80.36",
+      height: "80.36",
+      rx: "40.18",
+      transform: "rotate(-90 9.099 93.697)",
+      fill: "#FFD300",
+      stroke: "#10162F",
+      strokeWidth: "1.103"
+    }), /*#__PURE__*/_jsx("path", {
+      fill: "#fff",
+      d: "M240.075 15.916v129.98H71.49V15.915z"
+    }), /*#__PURE__*/_jsx("path", {
+      transform: "rotate(90 240.075 15.916)",
+      fill: "url(#a)",
+      d: "M240.075 15.916h129.979v168.585H240.075z"
+    }), /*#__PURE__*/_jsx("path", {
+      stroke: "#10162F",
+      strokeWidth: "1.103",
+      d: "M240.075 15.916v129.98H71.49V15.915z"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M240.146 138.02v16.602H71.489V138.02h168.657Z",
+      fill: "#66C4FF",
+      stroke: "#10162F",
+      strokeWidth: "1.103"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M168.171 153.995v16.856h-24.934v-16.856h24.934Z",
+      fill: "#66C4FF",
+      stroke: "#10162F",
+      strokeWidth: "1.103"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M208.965 170.98v11.294H.002V170.98h208.963Z",
+      fill: "url(#b)"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M174.562 24.567c0-2.736-.35-8.414-.381-11.15-.1-8.727 7.331-15.877 15.216-10.633 8.75 6.587-4.931 29.64 7.671 29.64 3.189 0 4.773-2.321 5.473-4.752 1.969-6.836-1.499-14.575 1.05-21.307 2.322-6.131 8.715-5.477 11.997-1.916 2.516 2.73 2.721 7.483 3.102 11.923.381 4.44.381 5.576.381 8.364",
+      stroke: "#FFD300",
+      strokeWidth: "1.103",
+      strokeLinecap: "square",
+      strokeLinejoin: "round"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "m184.271 100.403-49.009 15.38-19.616 6.155L137.402 52.5",
+      fill: "#66C4FF"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "m184.271 100.403-49.009 15.38-19.616 6.155L137.402 52.5",
+      stroke: "#10162F",
+      strokeWidth: "1.103",
+      strokeMiterlimit: "10"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M187.215 98.892c5.085-5.085-1.654-20.07-15.053-33.468-13.398-13.4-28.383-20.139-33.468-15.054-5.085 5.086 1.654 20.07 15.053 33.469 13.399 13.399 28.383 20.138 33.468 15.053Z",
+      fill: "#fff",
+      stroke: "#10162F",
+      strokeWidth: "1.103",
+      strokeMiterlimit: "10"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "m131.828 70.292 5.574-17.79",
+      stroke: "#10162F",
+      strokeWidth: "1.103",
+      strokeMiterlimit: "10"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "m158.524 108.482-23.262 7.3c-10.998-10.998-9.44-26.32-9.44-26.32l6.006-19.172s3.716 15.21 26.696 38.192Z",
+      fill: "#fff",
+      stroke: "#10162F",
+      strokeWidth: "1.103",
+      strokeMiterlimit: "10"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "m158.597 108.354-23.263 7.301c-10.998-10.998-9.44-26.321-9.44-26.321l6.007-19.17s3.715 15.21 26.696 38.19Z",
+      fill: "url(#c)",
+      stroke: "#10162F",
+      strokeWidth: "1.103",
+      strokeMiterlimit: "10"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "m135.191 116.066-.107-.107c-5.726-5.726-8.007-12.63-8.912-17.415-.981-5.18-.603-9.069-.599-9.107l.01-.05 6.274-20.023.213.868c.009.038.972 3.865 4.721 10.442 3.461 6.072 10.071 15.794 21.909 27.632l.291.291-.392.123-23.408 7.346Zm-9.125-26.556c-.03.335-.332 4.055.599 8.958.888 4.68 3.112 11.421 8.665 17.031l22.727-7.132c-11.709-11.759-18.268-21.421-21.716-27.475-2.791-4.9-4.049-8.295-4.52-9.748l-5.755 18.366Z",
+      fill: "#10162F"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M152.314 72.556s15.774-20.5 9.549-38.409M160.283 74.28s9.363-14.582 21.464-20.251M164.592 79.69s13.572-12.066 36.191-8.317",
+      stroke: "#10162F",
+      strokeWidth: "1.103",
+      strokeMiterlimit: "10"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M210.008 78.572a3.907 3.907 0 1 0 0-7.814 3.907 3.907 0 0 0 0 7.814ZM195.042 42.246l-1.553 4.578 2.892 3.875-4.834-.062-2.792 3.948-1.435-4.617-4.617-1.435 3.947-2.792-.061-4.834 3.874 2.892 4.579-1.553Z",
+      fill: "#66C4FF",
+      stroke: "#10162F",
+      strokeWidth: "1.103",
+      strokeMiterlimit: "10"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M176.672 83.918s8.106-3.802 18.968-.41",
+      stroke: "#10162F",
+      strokeWidth: "1.103",
+      strokeMiterlimit: "10"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "m194.256 125.599-5.229-5.228 3.696-3.865-14.67-4.55 4.549 15.135 4.445-4.649 5.184 5.183 2.025-2.026Z",
+      fill: "#FFD300",
+      stroke: "#10162F",
+      strokeWidth: "1.103",
+      strokeMiterlimit: "10"
+    }), /*#__PURE__*/_jsx("path", {
+      fill: "#FFD300",
+      d: "m102.945 20.677-7.892-7.892-7.892 7.892 7.892 7.892zM124.49 22.72l-5.58-9.667-9.666 5.581 5.58 9.666zM142.135 26.248V15.107h-11.373v11.14z"
+    }), /*#__PURE__*/_jsxs("defs", {
+      children: [/*#__PURE__*/_jsx("pattern", {
+        id: "a",
+        patternContentUnits: "objectBoundingBox",
+        width: ".269",
+        height: ".208",
+        children: /*#__PURE__*/_jsx("use", {
+          xlinkHref: "#d",
+          transform: "scale(.0042 .00325)"
+        })
+      }), /*#__PURE__*/_jsx("pattern", {
+        id: "b",
+        patternContentUnits: "objectBoundingBox",
+        width: "3.126",
+        height: ".169",
+        children: /*#__PURE__*/_jsx("use", {
+          xlinkHref: "#d",
+          transform: "scale(.04885 .00264)"
+        })
+      }), /*#__PURE__*/_jsx("pattern", {
+        id: "c",
+        patternContentUnits: "objectBoundingBox",
+        width: "1.077",
+        height: ".776",
+        children: /*#__PURE__*/_jsx("use", {
+          xlinkHref: "#d",
+          transform: "scale(.01683 .01213)"
+        })
+      }), /*#__PURE__*/_jsx("image", {
+        id: "d",
+        width: "64",
+        height: "64",
+        xlinkHref: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACkSURBVHgB7dcxEsIwDAVR6f53Boo/FNBkPEkYrN3Xye3+xlVVz/pEu/XmEqgsr3AJVJZXuAQqyytcApXlFS6ByvIKl0BleYVLoLK8wiVQWV5BK/8oheWh+vuBVh67BMsXVB/cuPKYJVj+4B6rF29c+bFLsPziPUafvHHlxyzB8ifvbfXFN678tkuw/MX3NvrmG1d+myVY/ub7b/WPb1z5sb/CJS8ZOf4BH9R+4AAAAABJRU5ErkJggg=="
+      })]
+    })]
+  });
 };

package/dist/Coffee.d.ts

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

package/dist/Coffee.js

@@ -1,10 +1,12 @@
-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 Coffee = function Coffee(_ref) {
   var ariaHidden = _ref['aria-hidden'],
       className = _ref.className,
       height = _ref.height,
       width = _ref.width;
-  return /*#__PURE__*/React.createElement("svg", {
+  return /*#__PURE__*/_jsxs("svg", {
     "aria-hidden": ariaHidden,
     className: className,
     width: width,
@@ -12,43 +14,50 @@ export var Coffee = function Coffee(_ref) {
     viewBox: "0 0 48 73",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
-    xmlnsXlink: "http://www.w3.org/1999/xlink"
-  }, /*#__PURE__*/React.createElement("title", null, "Coffee Illustration"), /*#__PURE__*/React.createElement("path", {
-    d: "M1 28.124h36v37.05c0 1.578-.777 3.091-2.16 4.207-1.385 1.116-3.261 1.743-5.218 1.743H8.378c-1.957 0-3.834-.627-5.217-1.743C1.777 68.265 1 66.751 1 65.174v-37.05ZM37 51.15h4.055c.65-.002 1.273-.252 1.732-.696a2.331 2.331 0 0 0 .716-1.675V45.22c0-.628-.257-1.23-.716-1.675a2.495 2.495 0 0 0-1.732-.695H37V39h4.79c.684 0 1.362.13 1.994.383a5.223 5.223 0 0 1 1.69 1.091 5.026 5.026 0 0 1 1.13 1.635c.262.612.397 1.267.396 1.929v5.924c0 .662-.134 1.317-.396 1.929a5.026 5.026 0 0 1-1.13 1.635 5.22 5.22 0 0 1-1.69 1.091A5.363 5.363 0 0 1 41.79 55H37v-3.85Z",
-    fill: "#fff",
-    stroke: "#10162F",
-    strokeWidth: "1.5"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M22.311 11.876H7.557v15.702h14.754V11.876Z",
-    fill: "url(#a)"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M33.754 0H19v14.05h14.754V0Z",
-    fill: "url(#b)"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M1 62v2.47a7.61 7.61 0 0 0 2.16 5.324A7.303 7.303 0 0 0 8.379 72h21.244a7.303 7.303 0 0 0 5.217-2.206A7.61 7.61 0 0 0 37 64.47V62H1Z",
-    fill: "#fff",
-    stroke: "#10162F",
-    strokeWidth: "1.5"
-  }), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("pattern", {
-    id: "a",
-    patternContentUnits: "objectBoundingBox",
-    width: ".542",
-    height: ".509"
-  }, /*#__PURE__*/React.createElement("use", {
-    xlinkHref: "#c",
-    transform: "scale(.06778 .06368)"
-  })), /*#__PURE__*/React.createElement("pattern", {
-    id: "b",
-    patternContentUnits: "objectBoundingBox",
-    width: ".542",
-    height: ".569"
-  }, /*#__PURE__*/React.createElement("use", {
-    xlinkHref: "#c",
-    transform: "scale(.06778 .07118)"
-  })), /*#__PURE__*/React.createElement("image", {
-    id: "c",
-    width: "8",
-    height: "8",
-    xlinkHref: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAeSURBVHgBzc4xAQAAAAEwEVxq6J+OGCzBQDk4MzgV8D0CqU26KA8AAAAASUVORK5CYII="
-  })));
+    xmlnsXlink: "http://www.w3.org/1999/xlink",
+    children: [/*#__PURE__*/_jsx("title", {
+      children: "Coffee Illustration"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M1 28.124h36v37.05c0 1.578-.777 3.091-2.16 4.207-1.385 1.116-3.261 1.743-5.218 1.743H8.378c-1.957 0-3.834-.627-5.217-1.743C1.777 68.265 1 66.751 1 65.174v-37.05ZM37 51.15h4.055c.65-.002 1.273-.252 1.732-.696a2.331 2.331 0 0 0 .716-1.675V45.22c0-.628-.257-1.23-.716-1.675a2.495 2.495 0 0 0-1.732-.695H37V39h4.79c.684 0 1.362.13 1.994.383a5.223 5.223 0 0 1 1.69 1.091 5.026 5.026 0 0 1 1.13 1.635c.262.612.397 1.267.396 1.929v5.924c0 .662-.134 1.317-.396 1.929a5.026 5.026 0 0 1-1.13 1.635 5.22 5.22 0 0 1-1.69 1.091A5.363 5.363 0 0 1 41.79 55H37v-3.85Z",
+      fill: "#fff",
+      stroke: "#10162F",
+      strokeWidth: "1.5"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M22.311 11.876H7.557v15.702h14.754V11.876Z",
+      fill: "url(#a)"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M33.754 0H19v14.05h14.754V0Z",
+      fill: "url(#b)"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M1 62v2.47a7.61 7.61 0 0 0 2.16 5.324A7.303 7.303 0 0 0 8.379 72h21.244a7.303 7.303 0 0 0 5.217-2.206A7.61 7.61 0 0 0 37 64.47V62H1Z",
+      fill: "#fff",
+      stroke: "#10162F",
+      strokeWidth: "1.5"
+    }), /*#__PURE__*/_jsxs("defs", {
+      children: [/*#__PURE__*/_jsx("pattern", {
+        id: "a",
+        patternContentUnits: "objectBoundingBox",
+        width: ".542",
+        height: ".509",
+        children: /*#__PURE__*/_jsx("use", {
+          xlinkHref: "#c",
+          transform: "scale(.06778 .06368)"
+        })
+      }), /*#__PURE__*/_jsx("pattern", {
+        id: "b",
+        patternContentUnits: "objectBoundingBox",
+        width: ".542",
+        height: ".569",
+        children: /*#__PURE__*/_jsx("use", {
+          xlinkHref: "#c",
+          transform: "scale(.06778 .07118)"
+        })
+      }), /*#__PURE__*/_jsx("image", {
+        id: "c",
+        width: "8",
+        height: "8",
+        xlinkHref: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAeSURBVHgBzc4xAQAAAAEwEVxq6J+OGCzBQDk4MzgV8D0CqU26KA8AAAAASUVORK5CYII="
+      })]
+    })]
+  });
 };

package/dist/Confetti.d.ts

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