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

package/dist/Megaphone.js

@@ -1,46 +1,51 @@
-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 Megaphone = function Megaphone(_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,
     width: width,
     viewBox: "0 0 48 48",
     fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, /*#__PURE__*/React.createElement("title", null, "Megaphone Icon"), /*#__PURE__*/React.createElement("circle", {
-    cx: "24",
-    cy: "24",
-    r: "23.5",
-    fill: "white",
-    stroke: "#10162F"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M19.625 26.7083H17.75C16.9212 26.7083 16.1263 26.3791 15.5403 25.793C14.9542 25.207 14.625 24.4121 14.625 23.5833C14.625 22.7545 14.9542 21.9597 15.5403 21.3736C16.1263 20.7876 16.9212 20.4583 17.75 20.4583H19.625V26.7083Z",
-    stroke: "#10162F",
-    strokeWidth: "1.25",
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M19.625 26.7083C23.2926 26.7086 26.8781 27.7942 29.93 29.8283L30.875 30.4583V16.7083L29.93 17.3383C26.8781 19.3724 23.2926 20.458 19.625 20.4583V26.7083Z",
-    stroke: "#10162F",
-    strokeWidth: "1.25",
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M33.375 22.3333V24.8333",
-    stroke: "#10162F",
-    strokeWidth: "1.25",
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M19.625 26.7083C19.6245 27.5266 19.7904 28.3364 20.1128 29.0886C20.4351 29.8407 20.9071 30.5194 21.5 31.0833",
-    stroke: "#10162F",
-    strokeWidth: "1.25",
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
-  }));
+    xmlns: "http://www.w3.org/2000/svg",
+    children: [/*#__PURE__*/_jsx("title", {
+      children: "Megaphone Icon"
+    }), /*#__PURE__*/_jsx("circle", {
+      cx: "24",
+      cy: "24",
+      r: "23.5",
+      fill: "white",
+      stroke: "#10162F"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M19.625 26.7083H17.75C16.9212 26.7083 16.1263 26.3791 15.5403 25.793C14.9542 25.207 14.625 24.4121 14.625 23.5833C14.625 22.7545 14.9542 21.9597 15.5403 21.3736C16.1263 20.7876 16.9212 20.4583 17.75 20.4583H19.625V26.7083Z",
+      stroke: "#10162F",
+      strokeWidth: "1.25",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M19.625 26.7083C23.2926 26.7086 26.8781 27.7942 29.93 29.8283L30.875 30.4583V16.7083L29.93 17.3383C26.8781 19.3724 23.2926 20.458 19.625 20.4583V26.7083Z",
+      stroke: "#10162F",
+      strokeWidth: "1.25",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M33.375 22.3333V24.8333",
+      stroke: "#10162F",
+      strokeWidth: "1.25",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M19.625 26.7083C19.6245 27.5266 19.7904 28.3364 20.1128 29.0886C20.4351 29.8407 20.9071 30.5194 21.5 31.0833",
+      stroke: "#10162F",
+      strokeWidth: "1.25",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    })]
+  });
 };

package/dist/MobilePhone.d.ts

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

package/dist/MobilePhone.js

@@ -1,86 +1,96 @@
-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 MobilePhone = function MobilePhone(_ref) {
   var ariaHidden = _ref['aria-hidden'],
       className = _ref.className,
       height = _ref.height,
       width = _ref.width;
-  return /*#__PURE__*/React.createElement("svg", {
+  return /*#__PURE__*/_jsxs("svg", {
     width: width,
     height: height,
     fill: "none",
     viewBox: "0 0 108 203",
     xmlns: "http://www.w3.org/2000/svg",
     "aria-hidden": ariaHidden,
-    "class-name": className
-  }, /*#__PURE__*/React.createElement("g", {
-    clipPath: "url(#a)"
-  }, /*#__PURE__*/React.createElement("rect", {
-    x: "1",
-    y: "1",
-    width: "105.101",
-    height: "200.031",
-    rx: "15",
-    fill: "#fff",
-    stroke: "#10162F",
-    strokeWidth: "2"
-  }), /*#__PURE__*/React.createElement("path", {
-    fill: "#fff",
-    d: "M9.519 24.123h88.062v153.783H9.519z"
-  }), /*#__PURE__*/React.createElement("path", {
-    fill: "url(#b)",
-    d: "M9.519 24.123h88.062v153.783H9.519z"
-  }), /*#__PURE__*/React.createElement("path", {
-    stroke: "#10162F",
-    strokeWidth: "2",
-    d: "M9.519 24.123h88.062v153.783H9.519z"
-  }), /*#__PURE__*/React.createElement("circle", {
-    cx: "52.942",
-    cy: "13.996",
-    r: "3.043",
-    fill: "#10162F"
-  }), /*#__PURE__*/React.createElement("path", {
-    stroke: "#10162F",
-    strokeWidth: "2",
-    d: "M38.946 188.859h29.209"
-  }), /*#__PURE__*/React.createElement("mask", {
-    id: "c",
-    "mask-type": "alpha",
-    maskUnits: "userSpaceOnUse",
-    x: "10",
-    y: "23",
-    width: "87",
-    height: "154"
-  }, /*#__PURE__*/React.createElement("path", {
-    fill: "#10162F",
-    stroke: "#10162F",
-    strokeWidth: "2",
-    d: "M11.954 24.123h83.194v151.349H11.954z"
-  })), /*#__PURE__*/React.createElement("g", {
-    mask: "url(#c)"
-  }, /*#__PURE__*/React.createElement("path", {
-    d: "m121.422 44.47-18.731 152.824-123.51-93.89L121.422 44.47Z",
-    fill: "#F5FFE3"
-  })), /*#__PURE__*/React.createElement("path", {
-    fill: "#3A10E5",
-    stroke: "#10162F",
-    d: "M18.756 34.576h25.775v8.736H18.756z"
-  })), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
-    id: "a"
-  }, /*#__PURE__*/React.createElement("path", {
-    fill: "#fff",
-    d: "M0 0h107.101v202.031H0z"
-  })), /*#__PURE__*/React.createElement("pattern", {
-    id: "b",
-    patternContentUnits: "objectBoundingBox",
-    width: ".711",
-    height: ".411"
-  }, /*#__PURE__*/React.createElement("use", {
-    xlinkHref: "#d",
-    transform: "scale(.0111 .00642)"
-  })), /*#__PURE__*/React.createElement("image", {
-    id: "d",
-    width: "64",
-    height: "64",
-    xlinkHref: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADbSURBVHgB7dhLDoJAEEXRlhUwMu5C9783wXQqZQyJH6SbUPXumRCY3pcaUMbzdS4v1N7hWIIqysOwBFWUh2EJqigPwxJUUR6GJaiiPAxLUEV5GJagivIwLEEV5WEElzAVFMrLGi+3U30Ozw9q5af5XhR5eTdQXsSyvMIN+FxeZQnvyruMN4Dy1bfyGW/AuvJZl/BreZfhBlC+Wls+ww3YVj7LEv4t7yLeAMpXW8tHvAFty0ddQqvyLsINoHzVunyEG9C3fJQl9CrvjngDKF/1Ln/EG7BvedW/w0sP1usKCOMHPlcAAAAASUVORK5CYII="
-  })));
+    "class-name": className,
+    children: [/*#__PURE__*/_jsxs("g", {
+      clipPath: "url(#a)",
+      children: [/*#__PURE__*/_jsx("rect", {
+        x: "1",
+        y: "1",
+        width: "105.101",
+        height: "200.031",
+        rx: "15",
+        fill: "#fff",
+        stroke: "#10162F",
+        strokeWidth: "2"
+      }), /*#__PURE__*/_jsx("path", {
+        fill: "#fff",
+        d: "M9.519 24.123h88.062v153.783H9.519z"
+      }), /*#__PURE__*/_jsx("path", {
+        fill: "url(#b)",
+        d: "M9.519 24.123h88.062v153.783H9.519z"
+      }), /*#__PURE__*/_jsx("path", {
+        stroke: "#10162F",
+        strokeWidth: "2",
+        d: "M9.519 24.123h88.062v153.783H9.519z"
+      }), /*#__PURE__*/_jsx("circle", {
+        cx: "52.942",
+        cy: "13.996",
+        r: "3.043",
+        fill: "#10162F"
+      }), /*#__PURE__*/_jsx("path", {
+        stroke: "#10162F",
+        strokeWidth: "2",
+        d: "M38.946 188.859h29.209"
+      }), /*#__PURE__*/_jsx("mask", {
+        id: "c",
+        "mask-type": "alpha",
+        maskUnits: "userSpaceOnUse",
+        x: "10",
+        y: "23",
+        width: "87",
+        height: "154",
+        children: /*#__PURE__*/_jsx("path", {
+          fill: "#10162F",
+          stroke: "#10162F",
+          strokeWidth: "2",
+          d: "M11.954 24.123h83.194v151.349H11.954z"
+        })
+      }), /*#__PURE__*/_jsx("g", {
+        mask: "url(#c)",
+        children: /*#__PURE__*/_jsx("path", {
+          d: "m121.422 44.47-18.731 152.824-123.51-93.89L121.422 44.47Z",
+          fill: "#F5FFE3"
+        })
+      }), /*#__PURE__*/_jsx("path", {
+        fill: "#3A10E5",
+        stroke: "#10162F",
+        d: "M18.756 34.576h25.775v8.736H18.756z"
+      })]
+    }), /*#__PURE__*/_jsxs("defs", {
+      children: [/*#__PURE__*/_jsx("clipPath", {
+        id: "a",
+        children: /*#__PURE__*/_jsx("path", {
+          fill: "#fff",
+          d: "M0 0h107.101v202.031H0z"
+        })
+      }), /*#__PURE__*/_jsx("pattern", {
+        id: "b",
+        patternContentUnits: "objectBoundingBox",
+        width: ".711",
+        height: ".411",
+        children: /*#__PURE__*/_jsx("use", {
+          xlinkHref: "#d",
+          transform: "scale(.0111 .00642)"
+        })
+      }), /*#__PURE__*/_jsx("image", {
+        id: "d",
+        width: "64",
+        height: "64",
+        xlinkHref: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADbSURBVHgB7dhLDoJAEEXRlhUwMu5C9783wXQqZQyJH6SbUPXumRCY3pcaUMbzdS4v1N7hWIIqysOwBFWUh2EJqigPwxJUUR6GJaiiPAxLUEV5GJagivIwLEEV5WEElzAVFMrLGi+3U30Ozw9q5af5XhR5eTdQXsSyvMIN+FxeZQnvyruMN4Dy1bfyGW/AuvJZl/BreZfhBlC+Wls+ww3YVj7LEv4t7yLeAMpXW8tHvAFty0ddQqvyLsINoHzVunyEG9C3fJQl9CrvjngDKF/1Ln/EG7BvedW/w0sP1usKCOMHPlcAAAAASUVORK5CYII="
+      })]
+    })]
+  });
 };

package/dist/New.d.ts

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

package/dist/New.js

@@ -1,58 +1,63 @@
-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 New = function New(_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,
     width: width,
     viewBox: "0 0 48 48",
     fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, /*#__PURE__*/React.createElement("title", null, "New Icon"), /*#__PURE__*/React.createElement("circle", {
-    cx: "24",
-    cy: "24",
-    r: "23.5",
-    fill: "white",
-    stroke: "#10162F"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M16.875 27.5V21.25L19.375 27.5V21.25",
-    stroke: "#10162F",
-    strokeWidth: "1.25",
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M24.375 27.5H23.125C22.7935 27.5 22.4755 27.3683 22.2411 27.1339C22.0067 26.8995 21.875 26.5815 21.875 26.25V22.5C21.875 22.1685 22.0067 21.8505 22.2411 21.6161C22.4755 21.3817 22.7935 21.25 23.125 21.25H24.375",
-    stroke: "#10162F",
-    strokeWidth: "1.25",
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M21.875 25H24.375",
-    stroke: "#10162F",
-    strokeWidth: "1.25",
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M26.875 21.25V22.9308C26.8748 23.8849 27.0569 24.8302 27.4117 25.7158L28.125 27.5L29.375 23.125L30.625 27.5L31.3383 25.7158C31.6927 24.8301 31.8749 23.8849 31.875 22.9308V21.25",
-    stroke: "#10162F",
-    strokeWidth: "1.25",
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M33.75 30V32.5C33.75 32.8315 33.6183 33.1495 33.3839 33.3839C33.1495 33.6183 32.8315 33.75 32.5 33.75H16.25C15.9185 33.75 15.6005 33.6183 15.3661 33.3839C15.1317 33.1495 15 32.8315 15 32.5V30",
-    stroke: "#10162F",
-    strokeWidth: "1.25",
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M15 18.75V16.25C15 15.9185 15.1317 15.6005 15.3661 15.3661C15.6005 15.1317 15.9185 15 16.25 15H32.5C32.8315 15 33.1495 15.1317 33.3839 15.3661C33.6183 15.6005 33.75 15.9185 33.75 16.25V18.75",
-    stroke: "#10162F",
-    strokeWidth: "1.25",
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
-  }));
+    xmlns: "http://www.w3.org/2000/svg",
+    children: [/*#__PURE__*/_jsx("title", {
+      children: "New Icon"
+    }), /*#__PURE__*/_jsx("circle", {
+      cx: "24",
+      cy: "24",
+      r: "23.5",
+      fill: "white",
+      stroke: "#10162F"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M16.875 27.5V21.25L19.375 27.5V21.25",
+      stroke: "#10162F",
+      strokeWidth: "1.25",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M24.375 27.5H23.125C22.7935 27.5 22.4755 27.3683 22.2411 27.1339C22.0067 26.8995 21.875 26.5815 21.875 26.25V22.5C21.875 22.1685 22.0067 21.8505 22.2411 21.6161C22.4755 21.3817 22.7935 21.25 23.125 21.25H24.375",
+      stroke: "#10162F",
+      strokeWidth: "1.25",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M21.875 25H24.375",
+      stroke: "#10162F",
+      strokeWidth: "1.25",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M26.875 21.25V22.9308C26.8748 23.8849 27.0569 24.8302 27.4117 25.7158L28.125 27.5L29.375 23.125L30.625 27.5L31.3383 25.7158C31.6927 24.8301 31.8749 23.8849 31.875 22.9308V21.25",
+      stroke: "#10162F",
+      strokeWidth: "1.25",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M33.75 30V32.5C33.75 32.8315 33.6183 33.1495 33.3839 33.3839C33.1495 33.6183 32.8315 33.75 32.5 33.75H16.25C15.9185 33.75 15.6005 33.6183 15.3661 33.3839C15.1317 33.1495 15 32.8315 15 32.5V30",
+      stroke: "#10162F",
+      strokeWidth: "1.25",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M15 18.75V16.25C15 15.9185 15.1317 15.6005 15.3661 15.3661C15.6005 15.1317 15.9185 15 16.25 15H32.5C32.8315 15 33.1495 15.1317 33.3839 15.3661C33.6183 15.6005 33.75 15.9185 33.75 16.25V18.75",
+      stroke: "#10162F",
+      strokeWidth: "1.25",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    })]
+  });
 };

package/dist/NumberBlocks.d.ts

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