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

package/dist/StairsToWindow.js

@@ -0,0 +1,99 @@
+import * as React from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const StairsToWindow = ({
+  'aria-hidden': ariaHidden,
+  className,
+  height,
+  width
+}) => /*#__PURE__*/_jsxs("svg", {
+  "aria-hidden": ariaHidden,
+  className: className,
+  fill: "none",
+  height: height,
+  viewBox: "0 0 148 100",
+  width: width,
+  xmlns: "http://www.w3.org/2000/svg",
+  xmlnsXlink: "http://www.w3.org/1999/xlink",
+  children: [/*#__PURE__*/_jsx("mask", {
+    height: "56",
+    id: "mask0",
+    "mask-type": "alpha",
+    maskUnits: "userSpaceOnUse",
+    width: "42",
+    x: "73",
+    y: "4",
+    children: /*#__PURE__*/_jsx("path", {
+      d: "M74.5723 58.7399C74.5723 58.1813 74.5954 24.146 74.6405 23.5978C75.0515 18.7 77.2623 14.1389 80.833 10.8224C84.4036 7.5058 89.0723 5.67691 93.9099 5.69967C98.7474 5.72243 103.399 7.59517 106.939 10.9452C110.48 14.2952 112.649 18.8769 113.015 23.7784C113.051 24.2677 113.069 58.2428 113.069 58.7399H74.5723Z",
+      fill: "white",
+      stroke: "#10162F",
+      strokeMiterlimit: "10",
+      strokeWidth: "2"
+    })
+  }), /*#__PURE__*/_jsxs("g", {
+    mask: "url(#mask0)",
+    children: [/*#__PURE__*/_jsx("rect", {
+      fill: "#FF8C00",
+      height: "68.39",
+      width: "58.2788",
+      x: "70.4423",
+      y: "3.06299"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M127.334 67.4187C127.334 83.8806 114.174 97.202 97.9706 97.202C81.7667 97.202 68.6075 83.8806 68.6075 67.4187C68.6075 50.9569 81.7667 37.6355 97.9706 37.6355C114.174 37.6355 127.334 50.9569 127.334 67.4187Z",
+      fill: "white"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M127.334 67.4187C127.334 83.8806 114.174 97.202 97.9706 97.202C81.7667 97.202 68.6075 83.8806 68.6075 67.4187C68.6075 50.9569 81.7667 37.6355 97.9706 37.6355C114.174 37.6355 127.334 50.9569 127.334 67.4187Z",
+      fill: "url(#pattern0)"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M127.334 67.4187C127.334 83.8806 114.174 97.202 97.9706 97.202C81.7667 97.202 68.6075 83.8806 68.6075 67.4187C68.6075 50.9569 81.7667 37.6355 97.9706 37.6355C114.174 37.6355 127.334 50.9569 127.334 67.4187Z",
+      stroke: "white",
+      strokeWidth: "2"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M104.507 30.3786C110.658 30.3786 115.644 25.3119 115.644 19.0619C115.644 12.8118 110.658 7.74512 104.507 7.74512C98.3565 7.74512 93.3702 12.8118 93.3702 19.0619C93.3702 25.3119 98.3565 30.3786 104.507 30.3786Z",
+      fill: "#10162F",
+      stroke: "white",
+      strokeMiterlimit: "10",
+      strokeWidth: "2"
+    })]
+  }), /*#__PURE__*/_jsx("path", {
+    d: "M74.5723 58.7399C74.5723 58.1813 74.5954 24.146 74.6405 23.5978C75.0515 18.7 77.2623 14.1389 80.833 10.8224C84.4036 7.5058 89.0723 5.67691 93.9099 5.69967C98.7474 5.72243 103.399 7.59517 106.939 10.9452C110.48 14.2952 112.649 18.8769 113.015 23.7784C113.051 24.2677 113.069 58.2428 113.069 58.7399H74.5723Z",
+    stroke: "white",
+    strokeMiterlimit: "10",
+    strokeWidth: "2"
+  }), /*#__PURE__*/_jsx("path", {
+    d: "M112.988 55.4624L112.988 92.815L64.7043 92.815L64.7043 55.4624L112.988 55.4624Z",
+    fill: "#10162F",
+    stroke: "white",
+    strokeWidth: "2"
+  }), /*#__PURE__*/_jsx("path", {
+    d: "M74.3644 80.24L74.3644 92.815L26.8092 92.815L26.8092 80.24L74.3644 80.24Z",
+    fill: "#10162F",
+    stroke: "white",
+    strokeWidth: "2"
+  }), /*#__PURE__*/_jsx("path", {
+    d: "M86.7532 67.8511L86.7532 79.6974L38.4693 79.6974L38.4693 67.8511L86.7532 67.8511Z",
+    fill: "#10162F",
+    stroke: "white",
+    strokeWidth: "2"
+  }), /*#__PURE__*/_jsx("path", {
+    d: "M97.6844 55.4624L97.6844 67.3087L49.4006 67.3087L49.4006 55.4624L97.6844 55.4624Z",
+    fill: "#10162F",
+    stroke: "white",
+    strokeWidth: "2"
+  }), /*#__PURE__*/_jsxs("defs", {
+    children: [/*#__PURE__*/_jsx("pattern", {
+      height: "1.03953",
+      id: "pattern0",
+      patternContentUnits: "objectBoundingBox",
+      width: "1.05391",
+      children: /*#__PURE__*/_jsx("use", {
+        transform: "scale(0.0164674 0.0162426)",
+        xlinkHref: "#image0"
+      })
+    }), /*#__PURE__*/_jsx("image", {
+      height: "64",
+      id: "image0",
+      width: "64",
+      xlinkHref: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAChSURBVHgB7dgxDoAwDMXQ5P53BoaIARaE2iJa+23p6j81ImKPK9qtk0ugsryKS6CyvIpLoLK8ikugsryKS6CyvIpLoLK8ikugsryKS6CyvIpLoLI8VN4faOW3gLJ8QOXDjSuPWYLlH+5l5csbV37ZJVj+5b2MbLxx5ZdZguUb72ll5xtXftolWL7zPY0cfOPKT7MEyw++fys/vnHlsb/DFwf+rf4QcSN+5wAAAABJRU5ErkJggg=="
+    })]
+  })]
+});

package/dist/StairsToWindowLight.d.ts

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

package/dist/StairsToWindowLight.js

@@ -0,0 +1,86 @@
+import * as React from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const StairsToWindowLight = ({
+  'aria-hidden': ariaHidden,
+  className,
+  height,
+  width
+}) => /*#__PURE__*/_jsxs("svg", {
+  "aria-hidden": ariaHidden,
+  className: className,
+  fill: "none",
+  height: height,
+  viewBox: "0 0 148 100",
+  width: width,
+  xmlns: "http://www.w3.org/2000/svg",
+  xmlnsXlink: "http://www.w3.org/1999/xlink",
+  children: [/*#__PURE__*/_jsx("mask", {
+    height: "56",
+    id: "a",
+    maskUnits: "userSpaceOnUse",
+    width: "41",
+    x: "73",
+    y: "6",
+    children: /*#__PURE__*/_jsx("path", {
+      d: "M74.072 60.74c0-.559.023-34.594.069-35.142.41-4.898 2.621-9.46 6.192-12.776A19.08 19.08 0 0 1 93.41 7.7a19.088 19.088 0 0 1 13.03 5.245 19.685 19.685 0 0 1 6.075 12.833c.036.49.054 34.465.054 34.962H74.072Z",
+      fill: "#fff",
+      stroke: "#10162F",
+      strokeMiterlimit: "10",
+      strokeWidth: "2"
+    })
+  }), /*#__PURE__*/_jsxs("g", {
+    mask: "url(#a)",
+    children: [/*#__PURE__*/_jsx("path", {
+      d: "M69.942 5.063h58.279v68.39H69.942z",
+      fill: "#FF8C00"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M126.834 69.419c0 16.462-13.16 29.783-29.363 29.783-16.204 0-29.364-13.321-29.364-29.783 0-16.462 13.16-29.783 29.364-29.783 16.203 0 29.363 13.321 29.363 29.783Z",
+      fill: "#fff"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M126.834 69.419c0 16.462-13.16 29.783-29.363 29.783-16.204 0-29.364-13.321-29.364-29.783 0-16.462 13.16-29.783 29.364-29.783 16.203 0 29.363 13.321 29.363 29.783Z",
+      fill: "url(#b)"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M126.834 69.419c0 16.462-13.16 29.783-29.363 29.783-16.204 0-29.364-13.321-29.364-29.783 0-16.462 13.16-29.783 29.364-29.783 16.203 0 29.363 13.321 29.363 29.783Z",
+      stroke: "#10162F",
+      strokeWidth: "2"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M104.007 32.379c6.151 0 11.137-5.067 11.137-11.317s-4.986-11.317-11.137-11.317c-6.15 0-11.137 5.067-11.137 11.317s4.986 11.317 11.137 11.317Z",
+      fill: "#F5FCFF",
+      stroke: "#10162F",
+      strokeMiterlimit: "10",
+      strokeWidth: "2"
+    })]
+  }), /*#__PURE__*/_jsx("path", {
+    d: "M74.072 60.74c0-.559.023-34.594.069-35.142.41-4.898 2.621-9.46 6.192-12.776A19.08 19.08 0 0 1 93.41 7.7a19.088 19.088 0 0 1 13.03 5.245 19.685 19.685 0 0 1 6.075 12.833c.036.49.054 34.465.054 34.962H74.072Z",
+    stroke: "#10162F",
+    strokeMiterlimit: "10",
+    strokeWidth: "2"
+  }), /*#__PURE__*/_jsx("path", {
+    d: "M112.488 57.463v37.352H64.204V57.464h48.284Z",
+    fill: "#F5FCFF",
+    stroke: "#10162F",
+    strokeWidth: "2"
+  }), /*#__PURE__*/_jsx("path", {
+    d: "M73.865 82.24v12.575H26.309V82.24h47.556ZM86.253 69.852v11.846H37.97V69.852h48.284ZM97.184 57.463v11.846H48.901V57.463h48.283Z",
+    fill: "#F5FCFF",
+    stroke: "#10162F",
+    strokeWidth: "2"
+  }), /*#__PURE__*/_jsxs("defs", {
+    children: [/*#__PURE__*/_jsx("pattern", {
+      height: "1.04",
+      id: "b",
+      patternContentUnits: "objectBoundingBox",
+      width: "1.054",
+      children: /*#__PURE__*/_jsx("use", {
+        transform: "scale(.01647 .01624)",
+        xlinkHref: "#c"
+      })
+    }), /*#__PURE__*/_jsx("image", {
+      height: "64",
+      id: "c",
+      preserveAspectRatio: "none",
+      width: "64",
+      xlinkHref: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAChSURBVHgB7dgxDoAwDMXQ5P53BoaIARaE2iJa+23p6j81ImKPK9qtk0ugsryKS6CyvIpLoLK8ikugsryKS6CyvIpLoLK8ikugsryKS6CyvIpLoLI8VN4faOW3gLJ8QOXDjSuPWYLlH+5l5csbV37ZJVj+5b2MbLxx5ZdZguUb72ll5xtXftolWL7zPY0cfOPKT7MEyw++fys/vnHlsb/DFwf+rf4QcSN+5wAAAABJRU5ErkJggg=="
+    })]
+  })]
+});

package/dist/Sun.d.ts

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

package/dist/Sun.js

@@ -1,113 +1,119 @@
-import React from 'react';
-export var Sun = function Sun(_ref) {
-  var ariaHidden = _ref['aria-hidden'],
-      className = _ref.className,
-      height = _ref.height,
-      width = _ref.width;
-  return /*#__PURE__*/React.createElement("svg", {
-    "aria-hidden": ariaHidden,
-    className: className,
-    width: width,
-    height: height,
-    viewBox: "0 0 80 60",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    xmlnsXlink: "http://www.w3.org/1999/xlink"
-  }, /*#__PURE__*/React.createElement("title", null, "Sun Illustration"), /*#__PURE__*/React.createElement("rect", {
-    width: "80",
+import * as React from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const Sun = ({
+  'aria-hidden': ariaHidden,
+  className,
+  height,
+  width
+}) => /*#__PURE__*/_jsxs("svg", {
+  "aria-hidden": ariaHidden,
+  className: className,
+  fill: "none",
+  height: height,
+  viewBox: "0 0 80 60",
+  width: width,
+  xmlns: "http://www.w3.org/2000/svg",
+  xmlnsXlink: "http://www.w3.org/1999/xlink",
+  children: [/*#__PURE__*/_jsx("title", {
+    children: "Sun Illustration"
+  }), /*#__PURE__*/_jsx("rect", {
+    fill: "white",
     height: "60",
-    fill: "white"
-  }), /*#__PURE__*/React.createElement("circle", {
+    width: "80"
+  }), /*#__PURE__*/_jsx("circle", {
     cx: "40.0598",
     cy: "30.2034",
-    r: "9.15061",
     fill: "url(#pattern0)",
+    r: "9.15061",
     stroke: "#10162F",
     strokeMiterlimit: "10"
-  }), /*#__PURE__*/React.createElement("line", {
+  }), /*#__PURE__*/_jsx("line", {
+    stroke: "#10162F",
     x1: "40.5002",
-    y1: "0.718262",
     x2: "40.5002",
-    y2: "16.986",
-    stroke: "#10162F"
-  }), /*#__PURE__*/React.createElement("line", {
+    y1: "0.718262",
+    y2: "16.986"
+  }), /*#__PURE__*/_jsx("line", {
+    stroke: "#10162F",
     x1: "40.5002",
-    y1: "43.0145",
     x2: "40.5002",
-    y2: "59.2822",
-    stroke: "#10162F"
-  }), /*#__PURE__*/React.createElement("line", {
+    y1: "43.0145",
+    y2: "59.2822"
+  }), /*#__PURE__*/_jsx("line", {
+    stroke: "#10162F",
     x1: "69.2822",
-    y1: "30.5004",
     x2: "53.0145",
-    y2: "30.5004",
-    stroke: "#10162F"
-  }), /*#__PURE__*/React.createElement("line", {
-    x1: "26.9861",
     y1: "30.5004",
+    y2: "30.5004"
+  }), /*#__PURE__*/_jsx("line", {
+    stroke: "#10162F",
+    x1: "26.9861",
     x2: "10.7183",
-    y2: "30.5004",
-    stroke: "#10162F"
-  }), /*#__PURE__*/React.createElement("line", {
+    y1: "30.5004",
+    y2: "30.5004"
+  }), /*#__PURE__*/_jsx("line", {
+    stroke: "#10162F",
     x1: "25.7924",
-    y1: "4.39104",
     x2: "33.9263",
-    y2: "18.4793",
-    stroke: "#10162F"
-  }), /*#__PURE__*/React.createElement("line", {
+    y1: "4.39104",
+    y2: "18.4793"
+  }), /*#__PURE__*/_jsx("line", {
+    stroke: "#10162F",
     x1: "46.9403",
-    y1: "41.0206",
     x2: "55.0742",
-    y2: "55.1089",
-    stroke: "#10162F"
-  }), /*#__PURE__*/React.createElement("line", {
+    y1: "41.0206",
+    y2: "55.1089"
+  }), /*#__PURE__*/_jsx("line", {
+    stroke: "#10162F",
     x1: "65.6091",
-    y1: "15.7921",
     x2: "51.5208",
-    y2: "23.926",
-    stroke: "#10162F"
-  }), /*#__PURE__*/React.createElement("line", {
+    y1: "15.7921",
+    y2: "23.926"
+  }), /*#__PURE__*/_jsx("line", {
+    stroke: "#10162F",
     x1: "28.9795",
-    y1: "36.9402",
     x2: "14.8912",
-    y2: "45.074",
-    stroke: "#10162F"
-  }), /*#__PURE__*/React.createElement("line", {
+    y1: "36.9402",
+    y2: "45.074"
+  }), /*#__PURE__*/_jsx("line", {
+    stroke: "#10162F",
     x1: "14.8911",
-    y1: "14.9258",
     x2: "28.9794",
-    y2: "23.0597",
-    stroke: "#10162F"
-  }), /*#__PURE__*/React.createElement("line", {
+    y1: "14.9258",
+    y2: "23.0597"
+  }), /*#__PURE__*/_jsx("line", {
+    stroke: "#10162F",
     x1: "51.5208",
-    y1: "36.0742",
     x2: "65.609",
-    y2: "44.2081",
-    stroke: "#10162F"
-  }), /*#__PURE__*/React.createElement("line", {
+    y1: "36.0742",
+    y2: "44.2081"
+  }), /*#__PURE__*/_jsx("line", {
+    stroke: "#10162F",
     x1: "55.0741",
-    y1: "4.89114",
     x2: "46.9402",
-    y2: "18.9794",
-    stroke: "#10162F"
-  }), /*#__PURE__*/React.createElement("line", {
+    y1: "4.89114",
+    y2: "18.9794"
+  }), /*#__PURE__*/_jsx("line", {
+    stroke: "#10162F",
     x1: "33.9259",
-    y1: "41.5207",
     x2: "25.7921",
-    y2: "55.609",
-    stroke: "#10162F"
-  }), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("pattern", {
-    id: "pattern0",
-    patternContentUnits: "objectBoundingBox",
-    width: "3.49703",
-    height: "3.49703"
-  }, /*#__PURE__*/React.createElement("use", {
-    xlinkHref: "#image0",
-    transform: "scale(0.0546411)"
-  })), /*#__PURE__*/React.createElement("image", {
-    id: "image0",
-    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=="
-  })));
-};
+    y1: "41.5207",
+    y2: "55.609"
+  }), /*#__PURE__*/_jsxs("defs", {
+    children: [/*#__PURE__*/_jsx("pattern", {
+      height: "3.49703",
+      id: "pattern0",
+      patternContentUnits: "objectBoundingBox",
+      width: "3.49703",
+      children: /*#__PURE__*/_jsx("use", {
+        transform: "scale(0.0546411)",
+        xlinkHref: "#image0"
+      })
+    }), /*#__PURE__*/_jsx("image", {
+      height: "64",
+      id: "image0",
+      width: "64",
+      xlinkHref: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACkSURBVHgB7dcxEsIwDAVR6f53Boo/FNBkPEkYrN3Xye3+xlVVz/pEu/XmEqgsr3AJVJZXuAQqyytcApXlFS6ByvIKl0BleYVLoLK8wiVQWV5BK/8oheWh+vuBVh67BMsXVB/cuPKYJVj+4B6rF29c+bFLsPziPUafvHHlxyzB8ifvbfXFN678tkuw/MX3NvrmG1d+myVY/ub7b/WPb1z5sb/CJS8ZOf4BH9R+4AAAAABJRU5ErkJggg=="
+    })]
+  })]
+});

package/dist/Syllabus.d.ts

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