@codecademy/gamut-illustrations 1.0.0-alpha.f43515.0 → 67.0.0-alpha.7455bb.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 (90) 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/BlueprintWhite.d.ts +3 -0
  17. package/dist/BlueprintWhite.js +101 -0
  18. package/dist/BookAndNotepad.d.ts +3 -0
  19. package/dist/BookAndNotepad.js +96 -0
  20. package/dist/Browser.d.ts +1 -1
  21. package/dist/Browser.js +69 -61
  22. package/dist/BrowserLock.d.ts +1 -1
  23. package/dist/BrowserLock.js +36 -31
  24. package/dist/BrowserPuzzle.d.ts +1 -1
  25. package/dist/BrowserPuzzle.js +61 -54
  26. package/dist/ChatBox.d.ts +1 -1
  27. package/dist/ChatBox.js +36 -31
  28. package/dist/CodeCelebration.d.ts +3 -0
  29. package/dist/CodeCelebration.js +158 -0
  30. package/dist/Coffee.d.ts +3 -0
  31. package/dist/Coffee.js +63 -0
  32. package/dist/Confetti.d.ts +1 -1
  33. package/dist/Confetti.js +87 -79
  34. package/dist/EmailAt.d.ts +1 -1
  35. package/dist/EmailAt.js +30 -25
  36. package/dist/Envelope.d.ts +1 -1
  37. package/dist/Envelope.js +30 -25
  38. package/dist/ErrorWindow.d.ts +3 -0
  39. package/dist/ErrorWindow.js +128 -0
  40. package/dist/Heart.d.ts +1 -1
  41. package/dist/Heart.js +24 -19
  42. package/dist/Hills.d.ts +1 -1
  43. package/dist/Hills.js +45 -38
  44. package/dist/HomeOffice.d.ts +1 -1
  45. package/dist/HomeOffice.js +110 -99
  46. package/dist/Keyhole.d.ts +1 -1
  47. package/dist/Keyhole.js +24 -19
  48. package/dist/MagnifyingGlass.d.ts +3 -0
  49. package/dist/MagnifyingGlass.js +67 -0
  50. package/dist/Maze.d.ts +1 -1
  51. package/dist/Maze.js +61 -58
  52. package/dist/Megaphone.d.ts +1 -1
  53. package/dist/Megaphone.js +42 -37
  54. package/dist/MobilePhone.d.ts +3 -0
  55. package/dist/MobilePhone.js +96 -0
  56. package/dist/New.d.ts +1 -1
  57. package/dist/New.js +54 -49
  58. package/dist/NumberBlocks.d.ts +1 -1
  59. package/dist/NumberBlocks.js +273 -252
  60. package/dist/Onboarding.d.ts +1 -1
  61. package/dist/Onboarding.js +314 -253
  62. package/dist/Plant.d.ts +1 -1
  63. package/dist/Plant.js +62 -55
  64. package/dist/PortfolioProject.d.ts +1 -1
  65. package/dist/PortfolioProject.js +29 -26
  66. package/dist/PracticeProject.d.ts +1 -1
  67. package/dist/PracticeProject.js +37 -34
  68. package/dist/Puzzle.d.ts +3 -0
  69. package/dist/Puzzle.js +159 -0
  70. package/dist/Python.d.ts +1 -1
  71. package/dist/Python.js +16 -11
  72. package/dist/Sun.d.ts +1 -1
  73. package/dist/Sun.js +111 -103
  74. package/dist/Syllabus.d.ts +3 -0
  75. package/dist/Syllabus.js +352 -0
  76. package/dist/Target.d.ts +1 -1
  77. package/dist/Target.js +37 -32
  78. package/dist/TinyBlocks.d.ts +3 -0
  79. package/dist/TinyBlocks.js +22 -0
  80. package/dist/Warning.d.ts +3 -0
  81. package/dist/Warning.js +101 -0
  82. package/dist/index.d.ts +15 -0
  83. package/dist/index.js +16 -1
  84. package/dist/types.js +1 -0
  85. package/package.json +9 -11
  86. package/CHANGELOG.md +0 -1271
  87. package/babel.config.js +0 -15
  88. package/dist/__tests__/gamut-illustrations.test.js +0 -32
  89. package/jest.config.js +0 -1
  90. 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
+ };
@@ -0,0 +1,3 @@
1
+ import * as React from 'react';
2
+ import { IllustrationProps } from './types';
3
+ export declare const Warning: React.FC<IllustrationProps>;
@@ -0,0 +1,101 @@
1
+ import * as React from 'react';
2
+ import { jsx as _jsx } from "react/jsx-runtime";
3
+ import { jsxs as _jsxs } from "react/jsx-runtime";
4
+ export var Warning = function Warning(_ref) {
5
+ var ariaHidden = _ref['aria-hidden'],
6
+ className = _ref.className,
7
+ height = _ref.height,
8
+ width = _ref.width;
9
+ return /*#__PURE__*/_jsxs("svg", {
10
+ "aria-hidden": ariaHidden,
11
+ className: className,
12
+ height: height,
13
+ width: width,
14
+ viewBox: "0 0 300 168",
15
+ fill: "none",
16
+ xmlns: "http://www.w3.org/2000/svg",
17
+ children: [/*#__PURE__*/_jsxs("g", {
18
+ clipPath: "url(#clip0_1192_39433)",
19
+ children: [/*#__PURE__*/_jsx("path", {
20
+ d: "M100.551 156.308C140.62 156.308 173.103 123.854 173.103 83.8199C173.103 43.7857 140.62 11.3315 100.551 11.3315C60.4824 11.3315 28 43.7857 28 83.8199C28 123.854 60.4824 156.308 100.551 156.308Z",
21
+ fill: "#1D2340",
22
+ stroke: "#141C3A",
23
+ strokeWidth: "0.663264"
24
+ }), /*#__PURE__*/_jsx("path", {
25
+ d: "M100.552 132.269C127.332 132.269 149.042 110.578 149.042 83.82C149.042 57.0624 127.332 35.3711 100.552 35.3711C73.7707 35.3711 52.0605 57.0624 52.0605 83.82C52.0605 110.578 73.7707 132.269 100.552 132.269Z",
26
+ fill: "white",
27
+ stroke: "#141C3A",
28
+ strokeWidth: "0.663264"
29
+ }), /*#__PURE__*/_jsx("path", {
30
+ d: "M100.551 110.079C115.066 110.079 126.833 98.3223 126.833 83.8201C126.833 69.3179 115.066 57.5615 100.551 57.5615C86.0366 57.5615 74.27 69.3179 74.27 83.8201C74.27 98.3223 86.0366 110.079 100.551 110.079Z",
31
+ fill: "#E91C11",
32
+ stroke: "#141C3A",
33
+ strokeWidth: "0.663264"
34
+ }), /*#__PURE__*/_jsx("path", {
35
+ d: "M100.551 95.285C106.889 95.285 112.026 90.1519 112.026 83.82C112.026 77.488 106.889 72.355 100.551 72.355C94.2137 72.355 89.0762 77.488 89.0762 83.82C89.0762 90.1519 94.2137 95.285 100.551 95.285Z",
36
+ fill: "#FFD300",
37
+ stroke: "#141C3A",
38
+ strokeWidth: "0.663264"
39
+ }), /*#__PURE__*/_jsx("path", {
40
+ fillRule: "evenodd",
41
+ clipRule: "evenodd",
42
+ d: "M111.889 68.635L118.736 88.4949L102.724 82.8943L111.889 68.635Z",
43
+ fill: "#141C3A",
44
+ stroke: "#141C3A",
45
+ strokeWidth: "0.663264"
46
+ }), /*#__PURE__*/_jsx("path", {
47
+ d: "M116.042 78.4165L212.499 45.2325",
48
+ stroke: "#141C3A",
49
+ strokeWidth: "0.663264",
50
+ strokeLinecap: "square"
51
+ }), /*#__PURE__*/_jsx("path", {
52
+ d: "M204.512 47.6357L208.872 38.7007",
53
+ stroke: "#141C3A",
54
+ strokeWidth: "0.663264",
55
+ strokeLinecap: "square"
56
+ }), /*#__PURE__*/_jsx("path", {
57
+ d: "M198.649 49.5884L203.008 40.6534",
58
+ stroke: "#141C3A",
59
+ strokeWidth: "0.663264",
60
+ strokeLinecap: "square"
61
+ }), /*#__PURE__*/_jsx("path", {
62
+ d: "M192.786 51.541L197.145 42.606",
63
+ stroke: "#141C3A",
64
+ strokeWidth: "0.663264",
65
+ strokeLinecap: "square"
66
+ }), /*#__PURE__*/_jsx("path", {
67
+ d: "M204.663 47.8223L213.606 52.1825",
68
+ stroke: "#141C3A",
69
+ strokeWidth: "0.663264",
70
+ strokeLinecap: "square"
71
+ }), /*#__PURE__*/_jsx("path", {
72
+ d: "M198.8 50.2629L207.743 54.6232",
73
+ stroke: "#141C3A",
74
+ strokeWidth: "0.663264",
75
+ strokeLinecap: "square"
76
+ }), /*#__PURE__*/_jsx("path", {
77
+ d: "M192.938 52.2158L201.88 56.576",
78
+ stroke: "#141C3A",
79
+ strokeWidth: "0.663264",
80
+ strokeLinecap: "square"
81
+ }), /*#__PURE__*/_jsx("path", {
82
+ d: "M220.02 44.0231C238.096 51.5746 256.68 32.8106 248.213 21.0109C243.502 14.4452 233.409 15.5012 234.923 24.6314C236.803 35.9701 258.201 38.2025 264.512 19.7506C265.499 16.8632 266.524 14.7798 266.396 11.6867",
83
+ stroke: "#10162F",
84
+ strokeWidth: "0.663264",
85
+ strokeLinecap: "square",
86
+ strokeLinejoin: "round",
87
+ strokeDasharray: "1.33 1.99"
88
+ })]
89
+ }), /*#__PURE__*/_jsx("defs", {
90
+ children: /*#__PURE__*/_jsx("clipPath", {
91
+ id: "clip0_1192_39433",
92
+ children: /*#__PURE__*/_jsx("rect", {
93
+ width: "243.086",
94
+ height: "145.918",
95
+ fill: "white",
96
+ transform: "translate(28 11)"
97
+ })
98
+ })
99
+ })]
100
+ });
101
+ };
package/dist/index.d.ts CHANGED
@@ -1,26 +1,41 @@
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';
8
+ export * from './BlueprintWhite';
9
+ export * from './BookAndNotepad';
4
10
  export * from './Browser';
5
11
  export * from './BrowserLock';
6
12
  export * from './BrowserPuzzle';
7
13
  export * from './ChatBox';
14
+ export * from './CodeCelebration';
15
+ export * from './Coffee';
8
16
  export * from './Confetti';
9
17
  export * from './EmailAt';
10
18
  export * from './Envelope';
19
+ export * from './ErrorWindow';
11
20
  export * from './Heart';
12
21
  export * from './Hills';
13
22
  export * from './HomeOffice';
14
23
  export * from './Keyhole';
24
+ export * from './MagnifyingGlass';
15
25
  export * from './Maze';
16
26
  export * from './Megaphone';
27
+ export * from './MobilePhone';
17
28
  export * from './New';
18
29
  export * from './NumberBlocks';
19
30
  export * from './Onboarding';
20
31
  export * from './Plant';
21
32
  export * from './PortfolioProject';
22
33
  export * from './PracticeProject';
34
+ export * from './Puzzle';
23
35
  export * from './Python';
24
36
  export * from './Sun';
37
+ export * from './Syllabus';
38
+ export * from './TinyBlocks';
25
39
  export * from './Target';
26
40
  export * from './types';
41
+ export * from './Warning';
package/dist/index.js CHANGED
@@ -1,26 +1,41 @@
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';
8
+ export * from './BlueprintWhite';
9
+ export * from './BookAndNotepad';
4
10
  export * from './Browser';
5
11
  export * from './BrowserLock';
6
12
  export * from './BrowserPuzzle';
7
13
  export * from './ChatBox';
14
+ export * from './CodeCelebration';
15
+ export * from './Coffee';
8
16
  export * from './Confetti';
9
17
  export * from './EmailAt';
10
18
  export * from './Envelope';
19
+ export * from './ErrorWindow';
11
20
  export * from './Heart';
12
21
  export * from './Hills';
13
22
  export * from './HomeOffice';
14
23
  export * from './Keyhole';
24
+ export * from './MagnifyingGlass';
15
25
  export * from './Maze';
16
26
  export * from './Megaphone';
27
+ export * from './MobilePhone';
17
28
  export * from './New';
18
29
  export * from './NumberBlocks';
19
30
  export * from './Onboarding';
20
31
  export * from './Plant';
21
32
  export * from './PortfolioProject';
22
33
  export * from './PracticeProject';
34
+ export * from './Puzzle';
23
35
  export * from './Python';
24
36
  export * from './Sun';
37
+ export * from './Syllabus';
38
+ export * from './TinyBlocks';
25
39
  export * from './Target';
26
- export * from './types';
40
+ export * from './types';
41
+ export * from './Warning';
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.f43515.0",
7
+ "@codecademy/gamut-styles": "67.0.0-alpha.7455bb.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.f43515.0",
45
- "gitHead": "f4e40f0923d85931dce988b511f95134138a223c"
42
+ "version": "67.0.0-alpha.7455bb.0",
43
+ "gitHead": "4d8aa12c1ee3d1fd30bb1055440cccaedaaf4eb2"
46
44
  }