@codecademy/gamut-illustrations 1.0.0-alpha.7bcb95.0 → 1.0.0-alpha.b02418.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (82) hide show
  1. package/LICENSE +1 -1
  2. package/dist/Announcement.d.ts +3 -0
  3. package/dist/Announcement.js +157 -0
  4. package/dist/Bee.d.ts +1 -1
  5. package/dist/Bee.js +124 -112
  6. package/dist/Bell.d.ts +1 -1
  7. package/dist/Bell.js +36 -31
  8. package/dist/BinaryBlocks.d.ts +1 -1
  9. package/dist/BinaryBlocks.js +126 -116
  10. package/dist/BinaryStairs.d.ts +3 -0
  11. package/dist/BinaryStairs.js +81 -0
  12. package/dist/Blocks.d.ts +3 -0
  13. package/dist/Blocks.js +247 -0
  14. package/dist/Blueprint.d.ts +3 -0
  15. package/dist/Blueprint.js +94 -0
  16. package/dist/Browser.d.ts +1 -1
  17. package/dist/Browser.js +69 -61
  18. package/dist/BrowserLock.d.ts +1 -1
  19. package/dist/BrowserLock.js +36 -31
  20. package/dist/BrowserPuzzle.d.ts +1 -1
  21. package/dist/BrowserPuzzle.js +61 -54
  22. package/dist/ChatBox.d.ts +1 -1
  23. package/dist/ChatBox.js +36 -31
  24. package/dist/CodeCelebration.d.ts +3 -0
  25. package/dist/CodeCelebration.js +158 -0
  26. package/dist/Coffee.d.ts +3 -0
  27. package/dist/Coffee.js +63 -0
  28. package/dist/Confetti.d.ts +1 -1
  29. package/dist/Confetti.js +87 -79
  30. package/dist/EmailAt.d.ts +1 -1
  31. package/dist/EmailAt.js +30 -25
  32. package/dist/Envelope.d.ts +1 -1
  33. package/dist/Envelope.js +30 -25
  34. package/dist/Heart.d.ts +1 -1
  35. package/dist/Heart.js +24 -19
  36. package/dist/Hills.d.ts +1 -1
  37. package/dist/Hills.js +45 -38
  38. package/dist/HomeOffice.d.ts +1 -1
  39. package/dist/HomeOffice.js +110 -99
  40. package/dist/Keyhole.d.ts +1 -1
  41. package/dist/Keyhole.js +24 -19
  42. package/dist/MagnifyingGlass.d.ts +3 -0
  43. package/dist/MagnifyingGlass.js +67 -0
  44. package/dist/Maze.d.ts +1 -1
  45. package/dist/Maze.js +61 -58
  46. package/dist/Megaphone.d.ts +1 -1
  47. package/dist/Megaphone.js +42 -37
  48. package/dist/MobilePhone.d.ts +3 -0
  49. package/dist/MobilePhone.js +96 -0
  50. package/dist/New.d.ts +1 -1
  51. package/dist/New.js +54 -49
  52. package/dist/NumberBlocks.d.ts +1 -1
  53. package/dist/NumberBlocks.js +273 -252
  54. package/dist/Onboarding.d.ts +1 -1
  55. package/dist/Onboarding.js +314 -253
  56. package/dist/Plant.d.ts +1 -1
  57. package/dist/Plant.js +62 -55
  58. package/dist/PortfolioProject.d.ts +1 -1
  59. package/dist/PortfolioProject.js +29 -26
  60. package/dist/PracticeProject.d.ts +1 -1
  61. package/dist/PracticeProject.js +37 -34
  62. package/dist/Puzzle.d.ts +3 -0
  63. package/dist/Puzzle.js +159 -0
  64. package/dist/Python.d.ts +1 -1
  65. package/dist/Python.js +16 -11
  66. package/dist/Sun.d.ts +1 -1
  67. package/dist/Sun.js +111 -103
  68. package/dist/Syllabus.d.ts +3 -0
  69. package/dist/Syllabus.js +352 -0
  70. package/dist/Target.d.ts +1 -1
  71. package/dist/Target.js +37 -32
  72. package/dist/TinyBlocks.d.ts +3 -0
  73. package/dist/TinyBlocks.js +22 -0
  74. package/dist/index.d.ts +11 -0
  75. package/dist/index.js +11 -0
  76. package/dist/types.js +1 -0
  77. package/package.json +9 -11
  78. package/CHANGELOG.md +0 -1271
  79. package/babel.config.js +0 -15
  80. package/dist/__tests__/gamut-illustrations.test.js +0 -32
  81. package/jest.config.js +0 -1
  82. package/tsconfig.json +0 -7
package/dist/Target.js CHANGED
@@ -1,41 +1,46 @@
1
- import React from 'react';
1
+ import * as React from 'react';
2
+ import { jsx as _jsx } from "react/jsx-runtime";
3
+ import { jsxs as _jsxs } from "react/jsx-runtime";
2
4
  export var Target = function Target(_ref) {
3
5
  var ariaHidden = _ref['aria-hidden'],
4
- className = _ref.className,
5
- height = _ref.height,
6
- width = _ref.width;
7
- return /*#__PURE__*/React.createElement("svg", {
6
+ className = _ref.className,
7
+ height = _ref.height,
8
+ width = _ref.width;
9
+ return /*#__PURE__*/_jsxs("svg", {
8
10
  "aria-hidden": ariaHidden,
9
11
  className: className,
10
12
  width: width,
11
13
  height: height,
12
14
  viewBox: "0 0 135 97",
13
15
  fill: "none",
14
- xmlns: "http://www.w3.org/2000/svg"
15
- }, /*#__PURE__*/React.createElement("title", null, "Target"), /*#__PURE__*/React.createElement("path", {
16
- d: "M6.93 24.844L48 1.133l41.07 23.711v47.423L48 95.978 6.93 72.267V24.844z",
17
- fill: "#FFF0E5",
18
- stroke: "#10162F",
19
- strokeLinejoin: "round"
20
- }), /*#__PURE__*/React.createElement("path", {
21
- d: "M24.537 35.009L48 21.462 71.463 35.01v27.093L48 75.65 24.537 62.102V35.01z",
22
- fill: "#FFF0E5",
23
- stroke: "#10162F",
24
- strokeLinejoin: "round"
25
- }), /*#__PURE__*/React.createElement("path", {
26
- d: "M40.11 44.891l7.325-4.229 7.325 4.23v8.457l-7.325 4.23-7.325-4.23v-8.458z",
27
- fill: "#FFF0E5",
28
- stroke: "#10162F",
29
- strokeLinejoin: "round"
30
- }), /*#__PURE__*/React.createElement("path", {
31
- fillRule: "evenodd",
32
- clipRule: "evenodd",
33
- d: "M56.792 37.243l5.09 14.758-11.902-4.163 6.812-10.595z",
34
- fill: "#FFF0E5",
35
- stroke: "#10162F"
36
- }), /*#__PURE__*/React.createElement("path", {
37
- 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",
38
- stroke: "#10162F",
39
- strokeLinecap: "square"
40
- }));
16
+ xmlns: "http://www.w3.org/2000/svg",
17
+ children: [/*#__PURE__*/_jsx("title", {
18
+ children: "Target"
19
+ }), /*#__PURE__*/_jsx("path", {
20
+ d: "M6.93 24.844L48 1.133l41.07 23.711v47.423L48 95.978 6.93 72.267V24.844z",
21
+ fill: "#FFF0E5",
22
+ stroke: "#10162F",
23
+ strokeLinejoin: "round"
24
+ }), /*#__PURE__*/_jsx("path", {
25
+ d: "M24.537 35.009L48 21.462 71.463 35.01v27.093L48 75.65 24.537 62.102V35.01z",
26
+ fill: "#FFF0E5",
27
+ stroke: "#10162F",
28
+ strokeLinejoin: "round"
29
+ }), /*#__PURE__*/_jsx("path", {
30
+ d: "M40.11 44.891l7.325-4.229 7.325 4.23v8.457l-7.325 4.23-7.325-4.23v-8.458z",
31
+ fill: "#FFF0E5",
32
+ stroke: "#10162F",
33
+ strokeLinejoin: "round"
34
+ }), /*#__PURE__*/_jsx("path", {
35
+ fillRule: "evenodd",
36
+ clipRule: "evenodd",
37
+ d: "M56.792 37.243l5.09 14.758-11.902-4.163 6.812-10.595z",
38
+ fill: "#FFF0E5",
39
+ stroke: "#10162F"
40
+ }), /*#__PURE__*/_jsx("path", {
41
+ 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",
42
+ stroke: "#10162F",
43
+ strokeLinecap: "square"
44
+ })]
45
+ });
41
46
  };
@@ -0,0 +1,3 @@
1
+ import * as React from 'react';
2
+ import { IllustrationProps } from './types';
3
+ export declare const TinyBlocks: React.FC<IllustrationProps>;
@@ -0,0 +1,22 @@
1
+ import * as React from 'react';
2
+ import { jsx as _jsx } from "react/jsx-runtime";
3
+ export var TinyBlocks = function TinyBlocks(_ref) {
4
+ var ariaHidden = _ref['aria-hidden'],
5
+ className = _ref.className,
6
+ height = _ref.height,
7
+ width = _ref.width;
8
+ return /*#__PURE__*/_jsx("svg", {
9
+ "aria-hidden": ariaHidden,
10
+ className: className,
11
+ height: height,
12
+ width: width,
13
+ viewBox: "0 0 26 26",
14
+ fill: "none",
15
+ xmlns: "http://www.w3.org/2000/svg",
16
+ children: /*#__PURE__*/_jsx("path", {
17
+ fill: "#66C4FF",
18
+ stroke: "#10162F",
19
+ d: "M25 1h-8v8h8zM25 9h-8v8h8zM25 17h-8v8h8zM17 9H9v8h8zM17 17H9v8h8zM9 17H1v8h8z"
20
+ })
21
+ });
22
+ };
package/dist/index.d.ts CHANGED
@@ -1,10 +1,16 @@
1
+ export * from './Announcement';
1
2
  export * from './Bee';
2
3
  export * from './Bell';
3
4
  export * from './BinaryBlocks';
5
+ export * from './BinaryStairs';
6
+ export * from './Blocks';
7
+ export * from './Blueprint';
4
8
  export * from './Browser';
5
9
  export * from './BrowserLock';
6
10
  export * from './BrowserPuzzle';
7
11
  export * from './ChatBox';
12
+ export * from './CodeCelebration';
13
+ export * from './Coffee';
8
14
  export * from './Confetti';
9
15
  export * from './EmailAt';
10
16
  export * from './Envelope';
@@ -12,15 +18,20 @@ export * from './Heart';
12
18
  export * from './Hills';
13
19
  export * from './HomeOffice';
14
20
  export * from './Keyhole';
21
+ export * from './MagnifyingGlass';
15
22
  export * from './Maze';
16
23
  export * from './Megaphone';
24
+ export * from './MobilePhone';
17
25
  export * from './New';
18
26
  export * from './NumberBlocks';
19
27
  export * from './Onboarding';
20
28
  export * from './Plant';
21
29
  export * from './PortfolioProject';
22
30
  export * from './PracticeProject';
31
+ export * from './Puzzle';
23
32
  export * from './Python';
24
33
  export * from './Sun';
34
+ export * from './Syllabus';
35
+ export * from './TinyBlocks';
25
36
  export * from './Target';
26
37
  export * from './types';
package/dist/index.js CHANGED
@@ -1,10 +1,16 @@
1
+ export * from './Announcement';
1
2
  export * from './Bee';
2
3
  export * from './Bell';
3
4
  export * from './BinaryBlocks';
5
+ export * from './BinaryStairs';
6
+ export * from './Blocks';
7
+ export * from './Blueprint';
4
8
  export * from './Browser';
5
9
  export * from './BrowserLock';
6
10
  export * from './BrowserPuzzle';
7
11
  export * from './ChatBox';
12
+ export * from './CodeCelebration';
13
+ export * from './Coffee';
8
14
  export * from './Confetti';
9
15
  export * from './EmailAt';
10
16
  export * from './Envelope';
@@ -12,15 +18,20 @@ export * from './Heart';
12
18
  export * from './Hills';
13
19
  export * from './HomeOffice';
14
20
  export * from './Keyhole';
21
+ export * from './MagnifyingGlass';
15
22
  export * from './Maze';
16
23
  export * from './Megaphone';
24
+ export * from './MobilePhone';
17
25
  export * from './New';
18
26
  export * from './NumberBlocks';
19
27
  export * from './Onboarding';
20
28
  export * from './Plant';
21
29
  export * from './PortfolioProject';
22
30
  export * from './PracticeProject';
31
+ export * from './Puzzle';
23
32
  export * from './Python';
24
33
  export * from './Sun';
34
+ export * from './Syllabus';
35
+ export * from './TinyBlocks';
25
36
  export * from './Target';
26
37
  export * from './types';
package/dist/types.js CHANGED
@@ -0,0 +1 @@
1
+ export {};
package/package.json CHANGED
@@ -4,7 +4,7 @@
4
4
  "url": "https://github.com/Codecademy/gamut/issues"
5
5
  },
6
6
  "dependencies": {
7
- "@codecademy/gamut-styles": "13.0.0-alpha.7bcb95.0",
7
+ "@codecademy/gamut-styles": "15.0.0-alpha.b02418.0",
8
8
  "classnames": "^2.2.5"
9
9
  },
10
10
  "description": "Illustrations library for Codecademy",
@@ -15,12 +15,15 @@
15
15
  "name": "@codecademy/gamut-illustrations",
16
16
  "module": "./dist/index.js",
17
17
  "main": "./dist/index.js",
18
+ "files": [
19
+ "dist"
20
+ ],
18
21
  "license": "MIT",
19
22
  "peerDependencies": {
20
23
  "@emotion/react": "^11.4.0",
21
24
  "@emotion/styled": "^11.3.0",
22
- "react": ">=17.0.2",
23
- "react-dom": ">=17.0.2"
25
+ "react": "^17.0.2 || ^18.2.0",
26
+ "react-dom": "^17.0.2 || ^18.2.0"
24
27
  },
25
28
  "publishConfig": {
26
29
  "access": "public"
@@ -30,17 +33,12 @@
30
33
  "url": "git+ssh://git@github.com/Codecademy/gamut.git"
31
34
  },
32
35
  "scripts": {
33
- "verify": "tsc --noEmit",
34
- "build:compile": "babel ./src --out-dir ./dist --copy-files --extensions \".ts,.tsx\"",
35
- "build:clean": "rm -rf dist",
36
- "build:types": "tsc --emitDeclarationOnly",
37
- "build": "yarn build:clean && yarn build:compile && yarn build:types",
38
- "lernaBuildTask": "yarn build"
36
+ "build": "nx build @codecademy/gamut-illustrations"
39
37
  },
40
38
  "sideEffects": [
41
39
  "dist/**/[A-Z]**/[A-Z]*.js",
42
40
  "dist/**/[A-Z]**/index.js"
43
41
  ],
44
- "version": "1.0.0-alpha.7bcb95.0",
45
- "gitHead": "94848574efee4a2f81bd169059ecec345e0869f7"
42
+ "version": "1.0.0-alpha.b02418.0",
43
+ "gitHead": "8bfc78e7acec35b89d3d8e117580c0296ead07f6"
46
44
  }