@codecademy/gamut-illustrations 0.21.1-alpha.a809e8.0 → 0.21.1-alpha.da878e.0

package/dist/PracticeProject.js

@@ -0,0 +1,43 @@
+import React from 'react';
+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", {
+    "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"
+  }));
+};

package/dist/Python.d.ts

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

package/dist/Python.js

@@ -0,0 +1,20 @@
+import React from 'react';
+export var Python = function Python(_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,
+    height: height,
+    width: width,
+    viewBox: "0 0 80 80",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React.createElement("title", null, "Python Illustration"), /*#__PURE__*/React.createElement("path", {
+    d: "M40 57.5h-.5v5h18V66s0 0 0 0c0 7.456-6.044 13.5-13.5 13.5h-8c-7.456 0-13.5-6.044-13.5-13.5v-5.972h0V54l.004-.292v-.004c.154-6.117 5.086-11.048 11.205-11.2h.003L34 42.5H36.794h-.001H46.005l.315-.003h.005c8.853-.171 15.999-7.315 16.172-16.169v-.004l.003-.32V22.5H66c7.456 0 13.5 6.044 13.5 13.5v8c0 7.456-6.044 13.5-13.5 13.5H40zm0-40H22.5V14C22.5 6.544 28.544.5 36 .5h8C51.456.5 57.5 6.544 57.5 14v12l-.004.293v.003c-.154 6.117-5.087 11.048-11.205 11.2h-.003L46 37.5H33.995l-.315.003h-.005c-8.853.171-15.999 7.315-16.172 16.169v.004l-.003.32V57.5H14C6.544 57.5.5 51.456.5 44v-8c0-7.456 6.044-13.5 13.5-13.5h26.5v-5H40zm8 49a3.5 3.5 0 100 7 3.5 3.5 0 000-7zm-17-60a3.5 3.5 0 100 7 3.5 3.5 0 000-7z",
+    fill: "#FFF2FF",
+    stroke: "#10162F"
+  }));
+};

package/dist/Sun.d.ts

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

package/dist/Sun.js

@@ -0,0 +1,113 @@
+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",
+    height: "60",
+    fill: "white"
+  }), /*#__PURE__*/React.createElement("circle", {
+    cx: "40.0598",
+    cy: "30.2034",
+    r: "9.15061",
+    fill: "url(#pattern0)",
+    stroke: "#10162F",
+    strokeMiterlimit: "10"
+  }), /*#__PURE__*/React.createElement("line", {
+    x1: "40.5002",
+    y1: "0.718262",
+    x2: "40.5002",
+    y2: "16.986",
+    stroke: "#10162F"
+  }), /*#__PURE__*/React.createElement("line", {
+    x1: "40.5002",
+    y1: "43.0145",
+    x2: "40.5002",
+    y2: "59.2822",
+    stroke: "#10162F"
+  }), /*#__PURE__*/React.createElement("line", {
+    x1: "69.2822",
+    y1: "30.5004",
+    x2: "53.0145",
+    y2: "30.5004",
+    stroke: "#10162F"
+  }), /*#__PURE__*/React.createElement("line", {
+    x1: "26.9861",
+    y1: "30.5004",
+    x2: "10.7183",
+    y2: "30.5004",
+    stroke: "#10162F"
+  }), /*#__PURE__*/React.createElement("line", {
+    x1: "25.7924",
+    y1: "4.39104",
+    x2: "33.9263",
+    y2: "18.4793",
+    stroke: "#10162F"
+  }), /*#__PURE__*/React.createElement("line", {
+    x1: "46.9403",
+    y1: "41.0206",
+    x2: "55.0742",
+    y2: "55.1089",
+    stroke: "#10162F"
+  }), /*#__PURE__*/React.createElement("line", {
+    x1: "65.6091",
+    y1: "15.7921",
+    x2: "51.5208",
+    y2: "23.926",
+    stroke: "#10162F"
+  }), /*#__PURE__*/React.createElement("line", {
+    x1: "28.9795",
+    y1: "36.9402",
+    x2: "14.8912",
+    y2: "45.074",
+    stroke: "#10162F"
+  }), /*#__PURE__*/React.createElement("line", {
+    x1: "14.8911",
+    y1: "14.9258",
+    x2: "28.9794",
+    y2: "23.0597",
+    stroke: "#10162F"
+  }), /*#__PURE__*/React.createElement("line", {
+    x1: "51.5208",
+    y1: "36.0742",
+    x2: "65.609",
+    y2: "44.2081",
+    stroke: "#10162F"
+  }), /*#__PURE__*/React.createElement("line", {
+    x1: "55.0741",
+    y1: "4.89114",
+    x2: "46.9402",
+    y2: "18.9794",
+    stroke: "#10162F"
+  }), /*#__PURE__*/React.createElement("line", {
+    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=="
+  })));
+};

package/dist/Target.d.ts

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

package/dist/Target.js

@@ -0,0 +1,41 @@
+import React from 'react';
+export var Target = function Target(_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 135 97",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React.createElement("title", null, "Target"), /*#__PURE__*/React.createElement("path", {
+    d: "M6.93 24.844L48 1.133l41.07 23.711v47.423L48 95.978 6.93 72.267V24.844z",
+    fill: "#FFF0E5",
+    stroke: "#10162F",
+    strokeLinejoin: "round"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M24.537 35.009L48 21.462 71.463 35.01v27.093L48 75.65 24.537 62.102V35.01z",
+    fill: "#FFF0E5",
+    stroke: "#10162F",
+    strokeLinejoin: "round"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M40.11 44.891l7.325-4.229 7.325 4.23v8.457l-7.325 4.23-7.325-4.23v-8.458z",
+    fill: "#FFF0E5",
+    stroke: "#10162F",
+    strokeLinejoin: "round"
+  }), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M56.792 37.243l5.09 14.758-11.902-4.163 6.812-10.595z",
+    fill: "#FFF0E5",
+    stroke: "#10162F"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M59.88 44.511l71.705-24.657M125.648 21.64l3.24-6.64M121.289 23.09l3.24-6.639M116.931 24.541l3.24-6.639M125.76 21.778l6.648 3.24M121.402 23.591l6.647 3.24M117.043 25.042l6.648 3.24",
+    stroke: "#10162F",
+    strokeLinecap: "square"
+  }));
+};

package/dist/__tests__/gamut-illustrations.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/__tests__/gamut-illustrations.test.js

@@ -0,0 +1,32 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr && (typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]); if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+import { render } from '@testing-library/react';
+import React from 'react';
+import * as illustrations from '..';
+describe('illustrations', function () {
+  var _loop = function _loop() {
+    var _ref = _Object$entries[_i2];
+    _ref2 = _slicedToArray(_ref, 2);
+    var name = _ref2[0];
+    var Illustration = _ref2[1];
+    it("".concat(name, " renders"), function () {
+      render( /*#__PURE__*/React.createElement(Illustration, null));
+    });
+  };
+
+  for (var _i2 = 0, _Object$entries = Object.entries(illustrations); _i2 < _Object$entries.length; _i2++) {
+    var _ref2;
+
+    _loop();
+  }
+});

package/dist/index.d.ts

@@ -0,0 +1,26 @@
+export * from './Bee';
+export * from './Bell';
+export * from './BinaryBlocks';
+export * from './Browser';
+export * from './BrowserLock';
+export * from './BrowserPuzzle';
+export * from './ChatBox';
+export * from './Confetti';
+export * from './EmailAt';
+export * from './Envelope';
+export * from './Heart';
+export * from './Hills';
+export * from './HomeOffice';
+export * from './Keyhole';
+export * from './Maze';
+export * from './Megaphone';
+export * from './New';
+export * from './NumberBlocks';
+export * from './Onboarding';
+export * from './Plant';
+export * from './PortfolioProject';
+export * from './PracticeProject';
+export * from './Python';
+export * from './Sun';
+export * from './Target';
+export * from './types';

package/dist/index.js

@@ -0,0 +1,26 @@
+export * from './Bee';
+export * from './Bell';
+export * from './BinaryBlocks';
+export * from './Browser';
+export * from './BrowserLock';
+export * from './BrowserPuzzle';
+export * from './ChatBox';
+export * from './Confetti';
+export * from './EmailAt';
+export * from './Envelope';
+export * from './Heart';
+export * from './Hills';
+export * from './HomeOffice';
+export * from './Keyhole';
+export * from './Maze';
+export * from './Megaphone';
+export * from './New';
+export * from './NumberBlocks';
+export * from './Onboarding';
+export * from './Plant';
+export * from './PortfolioProject';
+export * from './PracticeProject';
+export * from './Python';
+export * from './Sun';
+export * from './Target';
+export * from './types';

package/dist/types.d.ts

@@ -0,0 +1,12 @@
+export declare type IllustrationProps = {
+    'aria-hidden'?: boolean;
+    className?: string;
+    /**
+     * How high the root SVG should be, if not calculated by width or CSS.
+     */
+    height?: number | string;
+    /**
+     * How wide the root SVG should be, if not calculated by height or CSS.
+     */
+    width?: number | string;
+};

package/package.json

@@ -4,7 +4,7 @@
     "url": "https://github.com/Codecademy/gamut/issues"
   },
   "dependencies": {
-    "@codecademy/gamut-styles": "12.1.2-alpha.a809e8.0",
+    "@codecademy/gamut-styles": "12.1.2-alpha.da878e.0",
     "classnames": "^2.2.5"
   },
   "description": "Illustrations library for Codecademy",
@@ -41,6 +41,6 @@
     "dist/**/[A-Z]**/[A-Z]*.js",
     "dist/**/[A-Z]**/index.js"
   ],
-  "version": "0.21.1-alpha.a809e8.0",
-  "gitHead": "7be5114e0f5a72b7d5835c0312490f467646a903"
+  "version": "0.21.1-alpha.da878e.0",
+  "gitHead": "2e07cbb5deaa89c8834b831c5de5a624394788e1"
 }