@codecademy/gamut-illustrations 0.28.5 → 0.28.6-alpha.4d61d4.0

package/dist/Sun.js

@@ -1,10 +1,14 @@
+var _jsxFileName = "/home/circleci/repo/packages/gamut-illustrations/src/Sun.tsx",
+    _this = this;
+
 import React from 'react';
+import { jsxDEV as _jsxDEV } from "@emotion/react/jsx-dev-runtime";
 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", {
+  return _jsxDEV("svg", {
     "aria-hidden": ariaHidden,
     className: className,
     width: width,
@@ -12,102 +16,188 @@ export var Sun = function Sun(_ref) {
     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=="
-  })));
+    xmlnsXlink: "http://www.w3.org/1999/xlink",
+    children: [_jsxDEV("title", {
+      children: "Sun Illustration"
+    }, void 0, false, {
+      fileName: _jsxFileName,
+      lineNumber: 21,
+      columnNumber: 5
+    }, _this), _jsxDEV("rect", {
+      width: "80",
+      height: "60",
+      fill: "white"
+    }, void 0, false, {
+      fileName: _jsxFileName,
+      lineNumber: 22,
+      columnNumber: 5
+    }, _this), _jsxDEV("circle", {
+      cx: "40.0598",
+      cy: "30.2034",
+      r: "9.15061",
+      fill: "url(#pattern0)",
+      stroke: "#10162F",
+      strokeMiterlimit: "10"
+    }, void 0, false, {
+      fileName: _jsxFileName,
+      lineNumber: 23,
+      columnNumber: 5
+    }, _this), _jsxDEV("line", {
+      x1: "40.5002",
+      y1: "0.718262",
+      x2: "40.5002",
+      y2: "16.986",
+      stroke: "#10162F"
+    }, void 0, false, {
+      fileName: _jsxFileName,
+      lineNumber: 31,
+      columnNumber: 5
+    }, _this), _jsxDEV("line", {
+      x1: "40.5002",
+      y1: "43.0145",
+      x2: "40.5002",
+      y2: "59.2822",
+      stroke: "#10162F"
+    }, void 0, false, {
+      fileName: _jsxFileName,
+      lineNumber: 38,
+      columnNumber: 5
+    }, _this), _jsxDEV("line", {
+      x1: "69.2822",
+      y1: "30.5004",
+      x2: "53.0145",
+      y2: "30.5004",
+      stroke: "#10162F"
+    }, void 0, false, {
+      fileName: _jsxFileName,
+      lineNumber: 45,
+      columnNumber: 5
+    }, _this), _jsxDEV("line", {
+      x1: "26.9861",
+      y1: "30.5004",
+      x2: "10.7183",
+      y2: "30.5004",
+      stroke: "#10162F"
+    }, void 0, false, {
+      fileName: _jsxFileName,
+      lineNumber: 52,
+      columnNumber: 5
+    }, _this), _jsxDEV("line", {
+      x1: "25.7924",
+      y1: "4.39104",
+      x2: "33.9263",
+      y2: "18.4793",
+      stroke: "#10162F"
+    }, void 0, false, {
+      fileName: _jsxFileName,
+      lineNumber: 59,
+      columnNumber: 5
+    }, _this), _jsxDEV("line", {
+      x1: "46.9403",
+      y1: "41.0206",
+      x2: "55.0742",
+      y2: "55.1089",
+      stroke: "#10162F"
+    }, void 0, false, {
+      fileName: _jsxFileName,
+      lineNumber: 66,
+      columnNumber: 5
+    }, _this), _jsxDEV("line", {
+      x1: "65.6091",
+      y1: "15.7921",
+      x2: "51.5208",
+      y2: "23.926",
+      stroke: "#10162F"
+    }, void 0, false, {
+      fileName: _jsxFileName,
+      lineNumber: 73,
+      columnNumber: 5
+    }, _this), _jsxDEV("line", {
+      x1: "28.9795",
+      y1: "36.9402",
+      x2: "14.8912",
+      y2: "45.074",
+      stroke: "#10162F"
+    }, void 0, false, {
+      fileName: _jsxFileName,
+      lineNumber: 74,
+      columnNumber: 5
+    }, _this), _jsxDEV("line", {
+      x1: "14.8911",
+      y1: "14.9258",
+      x2: "28.9794",
+      y2: "23.0597",
+      stroke: "#10162F"
+    }, void 0, false, {
+      fileName: _jsxFileName,
+      lineNumber: 75,
+      columnNumber: 5
+    }, _this), _jsxDEV("line", {
+      x1: "51.5208",
+      y1: "36.0742",
+      x2: "65.609",
+      y2: "44.2081",
+      stroke: "#10162F"
+    }, void 0, false, {
+      fileName: _jsxFileName,
+      lineNumber: 82,
+      columnNumber: 5
+    }, _this), _jsxDEV("line", {
+      x1: "55.0741",
+      y1: "4.89114",
+      x2: "46.9402",
+      y2: "18.9794",
+      stroke: "#10162F"
+    }, void 0, false, {
+      fileName: _jsxFileName,
+      lineNumber: 83,
+      columnNumber: 5
+    }, _this), _jsxDEV("line", {
+      x1: "33.9259",
+      y1: "41.5207",
+      x2: "25.7921",
+      y2: "55.609",
+      stroke: "#10162F"
+    }, void 0, false, {
+      fileName: _jsxFileName,
+      lineNumber: 90,
+      columnNumber: 5
+    }, _this), _jsxDEV("defs", {
+      children: [_jsxDEV("pattern", {
+        id: "pattern0",
+        patternContentUnits: "objectBoundingBox",
+        width: "3.49703",
+        height: "3.49703",
+        children: _jsxDEV("use", {
+          xlinkHref: "#image0",
+          transform: "scale(0.0546411)"
+        }, void 0, false, {
+          fileName: _jsxFileName,
+          lineNumber: 98,
+          columnNumber: 9
+        }, _this)
+      }, void 0, false, {
+        fileName: _jsxFileName,
+        lineNumber: 92,
+        columnNumber: 7
+      }, _this), _jsxDEV("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=="
+      }, void 0, false, {
+        fileName: _jsxFileName,
+        lineNumber: 100,
+        columnNumber: 7
+      }, _this)]
+    }, void 0, true, {
+      fileName: _jsxFileName,
+      lineNumber: 91,
+      columnNumber: 5
+    }, _this)]
+  }, void 0, true, {
+    fileName: _jsxFileName,
+    lineNumber: 11,
+    columnNumber: 3
+  }, _this);
 };

package/dist/Target.js

@@ -1,41 +1,76 @@
+var _jsxFileName = "/home/circleci/repo/packages/gamut-illustrations/src/Target.tsx",
+    _this = this;
+
 import React from 'react';
+import { jsxDEV as _jsxDEV } from "@emotion/react/jsx-dev-runtime";
 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", {
+  return _jsxDEV("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"
-  }));
+    xmlns: "http://www.w3.org/2000/svg",
+    children: [_jsxDEV("title", {
+      children: "Target"
+    }, void 0, false, {
+      fileName: _jsxFileName,
+      lineNumber: 20,
+      columnNumber: 5
+    }, _this), _jsxDEV("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"
+    }, void 0, false, {
+      fileName: _jsxFileName,
+      lineNumber: 21,
+      columnNumber: 5
+    }, _this), _jsxDEV("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"
+    }, void 0, false, {
+      fileName: _jsxFileName,
+      lineNumber: 27,
+      columnNumber: 5
+    }, _this), _jsxDEV("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"
+    }, void 0, false, {
+      fileName: _jsxFileName,
+      lineNumber: 33,
+      columnNumber: 5
+    }, _this), _jsxDEV("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"
+    }, void 0, false, {
+      fileName: _jsxFileName,
+      lineNumber: 39,
+      columnNumber: 5
+    }, _this), _jsxDEV("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"
+    }, void 0, false, {
+      fileName: _jsxFileName,
+      lineNumber: 46,
+      columnNumber: 5
+    }, _this)]
+  }, void 0, true, {
+    fileName: _jsxFileName,
+    lineNumber: 11,
+    columnNumber: 3
+  }, _this);
 };

package/dist/types.js

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

package/package.json

@@ -4,7 +4,7 @@
     "url": "https://github.com/Codecademy/gamut/issues"
   },
   "dependencies": {
-    "@codecademy/gamut-styles": "^14.0.2",
+    "@codecademy/gamut-styles": "14.0.3-alpha.4d61d4.0",
     "classnames": "^2.2.5"
   },
   "description": "Illustrations library for Codecademy",
@@ -36,6 +36,6 @@
     "dist/**/[A-Z]**/[A-Z]*.js",
     "dist/**/[A-Z]**/index.js"
   ],
-  "version": "0.28.5",
-  "gitHead": "eb5934e99931cdf6a967fd964bc1e3cb27e128aa"
+  "version": "0.28.6-alpha.4d61d4.0",
+  "gitHead": "6060cbb9e9243cdf361242feb2ca71f5212f6470"
 }

package/project.json

@@ -11,11 +11,19 @@
         "outputPath": "./dist",
         "commands": [
           "rm -rf ./dist",
-          "babel ./src --out-dir ./dist --copy-files --extensions \".ts,.tsx\"",
+          "babel ./src --out-dir ./dist --extensions \".ts,.tsx\"",
           "tsc --emitDeclarationOnly"
         ],
         "parallel": false
       }
+    },
+    "test": {
+      "executor": "@nrwl/jest:jest",
+      "outputs": ["coverage/packages/gamut-illustrations"],
+      "options": {
+        "jestConfig": "packages/gamut-illustrations/jest.config.ts",
+        "passWithNoTests": true
+      }
     }
   },
   "tags": []

package/tsconfig.json

@@ -1,7 +1,10 @@
 {
-  "extends": "../../tsconfig.json",
+  "extends": "../../tsconfig.base.json",
   "include": ["../../typings/*.d.ts", "./src/**/*.ts", "./src/**/*.tsx"],
   "compilerOptions": {
-    "outDir": "./dist"
+    "declaration": true,
+    "jsx": "react",
+    "outDir": "./dist",
+    "rootDir": "./src"
   }
 }

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

@@ -1,32 +0,0 @@
-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/jest.config.js

@@ -1 +0,0 @@
-module.exports = require('../../jest.config.base')('gamut-illustrations');