@codecademy/gamut-illustrations 0.32.9 → 0.32.10-alpha.9fa786.0

package/dist/Announcement.js

@@ -3,9 +3,9 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export var Announcement = function Announcement(_ref) {
   var ariaHidden = _ref['aria-hidden'],
-      className = _ref.className,
-      height = _ref.height,
-      width = _ref.width;
+    className = _ref.className,
+    height = _ref.height,
+    width = _ref.width;
   return /*#__PURE__*/_jsxs("svg", {
     "aria-hidden": ariaHidden,
     className: className,

package/dist/Bee.js

@@ -3,9 +3,9 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export var Bee = function Bee(_ref) {
   var ariaHidden = _ref['aria-hidden'],
-      className = _ref.className,
-      height = _ref.height,
-      width = _ref.width;
+    className = _ref.className,
+    height = _ref.height,
+    width = _ref.width;
   return /*#__PURE__*/_jsxs("svg", {
     "aria-hidden": ariaHidden,
     className: className,

package/dist/Bell.js

@@ -3,9 +3,9 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export var Bell = function Bell(_ref) {
   var ariaHidden = _ref['aria-hidden'],
-      className = _ref.className,
-      height = _ref.height,
-      width = _ref.width;
+    className = _ref.className,
+    height = _ref.height,
+    width = _ref.width;
   return /*#__PURE__*/_jsxs("svg", {
     "aria-hidden": ariaHidden,
     className: className,

package/dist/BinaryBlocks.js

@@ -3,9 +3,9 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export var BinaryBlocks = function BinaryBlocks(_ref) {
   var ariaHidden = _ref['aria-hidden'],
-      className = _ref.className,
-      height = _ref.height,
-      width = _ref.width;
+    className = _ref.className,
+    height = _ref.height,
+    width = _ref.width;
   return /*#__PURE__*/_jsxs("svg", {
     "aria-hidden": ariaHidden,
     className: className,

package/dist/BinaryStairs.js

@@ -3,9 +3,9 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export var BinaryStairs = function BinaryStairs(_ref) {
   var ariaHidden = _ref['aria-hidden'],
-      className = _ref.className,
-      height = _ref.height,
-      width = _ref.width;
+    className = _ref.className,
+    height = _ref.height,
+    width = _ref.width;
   return /*#__PURE__*/_jsxs("svg", {
     "aria-hidden": ariaHidden,
     className: className,

package/dist/Blocks.js

@@ -3,9 +3,9 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export var Blocks = function Blocks(_ref) {
   var ariaHidden = _ref['aria-hidden'],
-      className = _ref.className,
-      height = _ref.height,
-      width = _ref.width;
+    className = _ref.className,
+    height = _ref.height,
+    width = _ref.width;
   return /*#__PURE__*/_jsxs("svg", {
     "aria-hidden": ariaHidden,
     className: className,

package/dist/Blueprint.js

@@ -3,9 +3,9 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export var Blueprint = function Blueprint(_ref) {
   var ariaHidden = _ref['aria-hidden'],
-      className = _ref.className,
-      height = _ref.height,
-      width = _ref.width;
+    className = _ref.className,
+    height = _ref.height,
+    width = _ref.width;
   return /*#__PURE__*/_jsxs("svg", {
     "aria-hidden": ariaHidden,
     className: className,

package/dist/Browser.js

@@ -3,9 +3,9 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export var Browser = function Browser(_ref) {
   var ariaHidden = _ref['aria-hidden'],
-      className = _ref.className,
-      height = _ref.height,
-      width = _ref.width;
+    className = _ref.className,
+    height = _ref.height,
+    width = _ref.width;
   return /*#__PURE__*/_jsxs("svg", {
     "aria-hidden": ariaHidden,
     className: className,

package/dist/BrowserLock.js

@@ -3,9 +3,9 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export var BrowserLock = function BrowserLock(_ref) {
   var ariaHidden = _ref['aria-hidden'],
-      className = _ref.className,
-      height = _ref.height,
-      width = _ref.width;
+    className = _ref.className,
+    height = _ref.height,
+    width = _ref.width;
   return /*#__PURE__*/_jsxs("svg", {
     "aria-hidden": ariaHidden,
     className: className,

package/dist/BrowserPuzzle.js

@@ -3,9 +3,9 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export var BrowserPuzzle = function BrowserPuzzle(_ref) {
   var ariaHidden = _ref['aria-hidden'],
-      className = _ref.className,
-      height = _ref.height,
-      width = _ref.width;
+    className = _ref.className,
+    height = _ref.height,
+    width = _ref.width;
   return /*#__PURE__*/_jsxs("svg", {
     "aria-hidden": ariaHidden,
     className: className,

package/dist/ChatBox.js

@@ -3,9 +3,9 @@ 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;
+    className = _ref.className,
+    height = _ref.height,
+    width = _ref.width;
   return /*#__PURE__*/_jsxs("svg", {
     "aria-hidden": ariaHidden,
     className: className,

package/dist/CodeCelebration.js

@@ -3,9 +3,9 @@ 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;
+    className = _ref.className,
+    height = _ref.height,
+    width = _ref.width;
   return /*#__PURE__*/_jsxs("svg", {
     "aria-hidden": ariaHidden,
     className: className,

package/dist/Coffee.js

@@ -3,9 +3,9 @@ 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;
+    className = _ref.className,
+    height = _ref.height,
+    width = _ref.width;
   return /*#__PURE__*/_jsxs("svg", {
     "aria-hidden": ariaHidden,
     className: className,

package/dist/Confetti.js

@@ -3,9 +3,9 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export var Confetti = function Confetti(_ref) {
   var ariaHidden = _ref['aria-hidden'],
-      className = _ref.className,
-      height = _ref.height,
-      width = _ref.width;
+    className = _ref.className,
+    height = _ref.height,
+    width = _ref.width;
   return /*#__PURE__*/_jsxs("svg", {
     "aria-hidden": ariaHidden,
     className: className,

package/dist/EmailAt.js

@@ -3,9 +3,9 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export var EmailAt = function EmailAt(_ref) {
   var ariaHidden = _ref['aria-hidden'],
-      className = _ref.className,
-      height = _ref.height,
-      width = _ref.width;
+    className = _ref.className,
+    height = _ref.height,
+    width = _ref.width;
   return /*#__PURE__*/_jsxs("svg", {
     "aria-hidden": ariaHidden,
     className: className,

package/dist/Envelope.js

@@ -3,9 +3,9 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export var Envelope = function Envelope(_ref) {
   var ariaHidden = _ref['aria-hidden'],
-      className = _ref.className,
-      height = _ref.height,
-      width = _ref.width;
+    className = _ref.className,
+    height = _ref.height,
+    width = _ref.width;
   return /*#__PURE__*/_jsxs("svg", {
     "aria-hidden": ariaHidden,
     className: className,

package/dist/Heart.js

@@ -3,9 +3,9 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export var Heart = function Heart(_ref) {
   var ariaHidden = _ref['aria-hidden'],
-      className = _ref.className,
-      height = _ref.height,
-      width = _ref.width;
+    className = _ref.className,
+    height = _ref.height,
+    width = _ref.width;
   return /*#__PURE__*/_jsxs("svg", {
     "aria-hidden": ariaHidden,
     className: className,

package/dist/Hills.js

@@ -3,9 +3,9 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export var Hills = function Hills(_ref) {
   var ariaHidden = _ref['aria-hidden'],
-      className = _ref.className,
-      height = _ref.height,
-      width = _ref.width;
+    className = _ref.className,
+    height = _ref.height,
+    width = _ref.width;
   return /*#__PURE__*/_jsxs("svg", {
     "aria-hidden": ariaHidden,
     className: className,

package/dist/HomeOffice.js

@@ -3,9 +3,9 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export var HomeOffice = function HomeOffice(_ref) {
   var className = _ref.className,
-      height = _ref.height,
-      width = _ref.width,
-      ariaHidden = _ref['aria-hidden'];
+    height = _ref.height,
+    width = _ref.width,
+    ariaHidden = _ref['aria-hidden'];
   return /*#__PURE__*/_jsxs("svg", {
     "aria-hidden": ariaHidden,
     width: width,

package/dist/Keyhole.js

@@ -3,9 +3,9 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export var Keyhole = function Keyhole(_ref) {
   var ariaHidden = _ref['aria-hidden'],
-      className = _ref.className,
-      height = _ref.height,
-      width = _ref.width;
+    className = _ref.className,
+    height = _ref.height,
+    width = _ref.width;
   return /*#__PURE__*/_jsxs("svg", {
     "aria-hidden": ariaHidden,
     className: className,

package/dist/MagnifyingGlass.js

@@ -3,9 +3,9 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export var MagnifyingGlass = function MagnifyingGlass(_ref) {
   var ariaHidden = _ref['aria-hidden'],
-      className = _ref.className,
-      height = _ref.height,
-      width = _ref.width;
+    className = _ref.className,
+    height = _ref.height,
+    width = _ref.width;
   return /*#__PURE__*/_jsxs("svg", {
     "aria-hidden": ariaHidden,
     className: className,

package/dist/Maze.js

@@ -3,9 +3,9 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export var Maze = function Maze(_ref) {
   var ariaHidden = _ref['aria-hidden'],
-      className = _ref.className,
-      height = _ref.height,
-      width = _ref.width;
+    className = _ref.className,
+    height = _ref.height,
+    width = _ref.width;
   return /*#__PURE__*/_jsxs("svg", {
     "aria-hidden": ariaHidden,
     className: className,

package/dist/Megaphone.js

@@ -3,9 +3,9 @@ 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;
+    className = _ref.className,
+    height = _ref.height,
+    width = _ref.width;
   return /*#__PURE__*/_jsxs("svg", {
     "aria-hidden": ariaHidden,
     className: className,

package/dist/MobilePhone.js

@@ -3,9 +3,9 @@ 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;
+    className = _ref.className,
+    height = _ref.height,
+    width = _ref.width;
   return /*#__PURE__*/_jsxs("svg", {
     width: width,
     height: height,

package/dist/New.js

@@ -3,9 +3,9 @@ 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;
+    className = _ref.className,
+    height = _ref.height,
+    width = _ref.width;
   return /*#__PURE__*/_jsxs("svg", {
     "aria-hidden": ariaHidden,
     className: className,

package/dist/NumberBlocks.js

@@ -3,9 +3,9 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export var NumberBlocks = function NumberBlocks(_ref) {
   var ariaHidden = _ref['aria-hidden'],
-      className = _ref.className,
-      height = _ref.height,
-      width = _ref.width;
+    className = _ref.className,
+    height = _ref.height,
+    width = _ref.width;
   return /*#__PURE__*/_jsxs("svg", {
     "aria-hidden": ariaHidden,
     className: className,

package/dist/Onboarding.js

@@ -1,9 +1,6 @@
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 import * as React from 'react';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
@@ -23,7 +20,8 @@ export var Onboarding = function Onboarding(props) {
   }, props), {}, {
     children: [/*#__PURE__*/_jsx("defs", {
       children: /*#__PURE__*/_jsx("style", {
-        type: "text/css" // eslint-disable-next-line react/no-danger
+        type: "text/css"
+        // eslint-disable-next-line react/no-danger
         ,
         dangerouslySetInnerHTML: {
           __html: '.st0{fill:none;}.st1{fill:#1557FF;}.st2{fill:#10172E;stroke:#10172E;stroke-miterlimit:10;}.st3{fill:#10172E;}.st4{fill:url(#New_Pattern_2);}.st5{fill:none;stroke:#10172E;stroke-miterlimit:10;}.st6{fill:#F5FCFF;stroke:#10172E;stroke-miterlimit:10;}.st7{fill:#1557FF;stroke:#10172E;stroke-miterlimit:10;}.st8{fill:#65C4FF;stroke:#10172E;stroke-miterlimit:10;}.st9{fill:#FFFFFF;stroke:#10172E;stroke-miterlimit:10;}.st10{stroke:#10172E;stroke-miterlimit:10;}.st11{fill:#65C4FF;}.st12{fill:#89D2FF;}.st13{fill:#ADE0FF;}.st14{fill:#D1EEFF;}.st15{fill:#F5FCFF;}'

package/dist/Plant.js

@@ -3,9 +3,9 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export var Plant = function Plant(_ref) {
   var ariaHidden = _ref['aria-hidden'],
-      className = _ref.className,
-      height = _ref.height,
-      width = _ref.width;
+    className = _ref.className,
+    height = _ref.height,
+    width = _ref.width;
   return /*#__PURE__*/_jsxs("svg", {
     "aria-hidden": ariaHidden,
     className: className,

package/dist/PortfolioProject.js

@@ -3,9 +3,9 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export var PortfolioProject = function PortfolioProject(_ref) {
   var ariaHidden = _ref['aria-hidden'],
-      className = _ref.className,
-      height = _ref.height,
-      width = _ref.width;
+    className = _ref.className,
+    height = _ref.height,
+    width = _ref.width;
   return /*#__PURE__*/_jsxs("svg", {
     "aria-hidden": ariaHidden,
     className: className,

package/dist/PracticeProject.js

@@ -3,9 +3,9 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export var PracticeProject = function PracticeProject(_ref) {
   var ariaHidden = _ref['aria-hidden'],
-      className = _ref.className,
-      height = _ref.height,
-      width = _ref.width;
+    className = _ref.className,
+    height = _ref.height,
+    width = _ref.width;
   return /*#__PURE__*/_jsxs("svg", {
     "aria-hidden": ariaHidden,
     className: className,

package/dist/Puzzle.js

@@ -3,9 +3,9 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export var Puzzle = function Puzzle(_ref) {
   var ariaHidden = _ref['aria-hidden'],
-      className = _ref.className,
-      height = _ref.height,
-      width = _ref.width;
+    className = _ref.className,
+    height = _ref.height,
+    width = _ref.width;
   return /*#__PURE__*/_jsxs("svg", {
     "aria-hidden": ariaHidden,
     className: className,

package/dist/Python.js

@@ -3,9 +3,9 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export var Python = function Python(_ref) {
   var ariaHidden = _ref['aria-hidden'],
-      className = _ref.className,
-      height = _ref.height,
-      width = _ref.width;
+    className = _ref.className,
+    height = _ref.height,
+    width = _ref.width;
   return /*#__PURE__*/_jsxs("svg", {
     "aria-hidden": ariaHidden,
     className: className,

package/dist/Sun.js

@@ -3,9 +3,9 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export var Sun = function Sun(_ref) {
   var ariaHidden = _ref['aria-hidden'],
-      className = _ref.className,
-      height = _ref.height,
-      width = _ref.width;
+    className = _ref.className,
+    height = _ref.height,
+    width = _ref.width;
   return /*#__PURE__*/_jsxs("svg", {
     "aria-hidden": ariaHidden,
     className: className,

package/dist/Syllabus.js

@@ -3,9 +3,9 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export var Syllabus = function Syllabus(_ref) {
   var ariaHidden = _ref['aria-hidden'],
-      className = _ref.className,
-      height = _ref.height,
-      width = _ref.width;
+    className = _ref.className,
+    height = _ref.height,
+    width = _ref.width;
   return /*#__PURE__*/_jsxs("svg", {
     width: width,
     height: height,

package/dist/Target.js

@@ -3,9 +3,9 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export var Target = function Target(_ref) {
   var ariaHidden = _ref['aria-hidden'],
-      className = _ref.className,
-      height = _ref.height,
-      width = _ref.width;
+    className = _ref.className,
+    height = _ref.height,
+    width = _ref.width;
   return /*#__PURE__*/_jsxs("svg", {
     "aria-hidden": ariaHidden,
     className: className,

package/dist/TinyBlocks.js

@@ -2,9 +2,9 @@ import * as React from 'react';
 import { jsx as _jsx } from "react/jsx-runtime";
 export var TinyBlocks = function TinyBlocks(_ref) {
   var ariaHidden = _ref['aria-hidden'],
-      className = _ref.className,
-      height = _ref.height,
-      width = _ref.width;
+    className = _ref.className,
+    height = _ref.height,
+    width = _ref.width;
   return /*#__PURE__*/_jsx("svg", {
     "aria-hidden": ariaHidden,
     className: className,

package/package.json

@@ -4,7 +4,7 @@
     "url": "https://github.com/Codecademy/gamut/issues"
   },
   "dependencies": {
-    "@codecademy/gamut-styles": "14.2.5",
+    "@codecademy/gamut-styles": "14.2.6-alpha.9fa786.0",
     "classnames": "^2.2.5"
   },
   "description": "Illustrations library for Codecademy",
@@ -22,8 +22,8 @@
   "peerDependencies": {
     "@emotion/react": "^11.4.0",
     "@emotion/styled": "^11.3.0",
-    "react": ">=17.0.2",
-    "react-dom": ">=17.0.2"
+    "react": "^17.0.2 || ^18.2.0",
+    "react-dom": "^17.0.2 || ^18.2.0"
   },
   "publishConfig": {
     "access": "public"
@@ -39,6 +39,6 @@
     "dist/**/[A-Z]**/[A-Z]*.js",
     "dist/**/[A-Z]**/index.js"
   ],
-  "version": "0.32.9",
-  "gitHead": "fe70bd1ec980feef3ecc2bbe5dd4c0b7e8453da6"
+  "version": "0.32.10-alpha.9fa786.0",
+  "gitHead": "bcee3f6691770960bcc8020a319325458666d8c2"
 }