@codecademy/gamut-illustrations 0.28.5 → 0.28.6-alpha.4d61d4.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.
- package/CHANGELOG.md +8 -0
- package/babel.config.js +12 -4
- package/dist/Bee.js +226 -108
- package/dist/Bell.js +58 -27
- package/dist/BinaryBlocks.js +248 -112
- package/dist/BinaryStairs.js +130 -60
- package/dist/Blocks.js +540 -229
- package/dist/Blueprint.js +159 -76
- package/dist/Browser.js +139 -57
- package/dist/BrowserLock.js +66 -27
- package/dist/BrowserPuzzle.js +111 -50
- package/dist/ChatBox.js +58 -27
- package/dist/CodeCelebration.js +266 -136
- package/dist/Confetti.js +165 -75
- package/dist/EmailAt.js +48 -21
- package/dist/Envelope.js +48 -21
- package/dist/Heart.js +38 -15
- package/dist/Hills.js +79 -34
- package/dist/HomeOffice.js +200 -95
- package/dist/Keyhole.js +42 -15
- package/dist/MagnifyingGlass.js +105 -48
- package/dist/Maze.js +107 -54
- package/dist/Megaphone.js +68 -33
- package/dist/MobilePhone.js +161 -73
- package/dist/New.js +88 -45
- package/dist/NumberBlocks.js +499 -248
- package/dist/Onboarding.js +684 -251
- package/dist/Plant.js +116 -51
- package/dist/PortfolioProject.js +47 -22
- package/dist/PracticeProject.js +59 -30
- package/dist/Puzzle.js +248 -141
- package/dist/Python.js +26 -7
- package/dist/Sun.js +189 -99
- package/dist/Target.js +63 -28
- package/dist/types.js +1 -0
- package/package.json +3 -3
- package/project.json +9 -1
- package/tsconfig.json +5 -2
- package/dist/__tests__/gamut-illustrations.test.js +0 -32
- package/jest.config.js +0 -1
package/dist/BrowserPuzzle.js
CHANGED
|
@@ -1,63 +1,124 @@
|
|
|
1
|
+
var _jsxFileName = "/home/circleci/repo/packages/gamut-illustrations/src/BrowserPuzzle.tsx",
|
|
2
|
+
_this = this;
|
|
3
|
+
|
|
1
4
|
import React from 'react';
|
|
5
|
+
import { jsxDEV as _jsxDEV } from "@emotion/react/jsx-dev-runtime";
|
|
2
6
|
export var BrowserPuzzle = function BrowserPuzzle(_ref) {
|
|
3
7
|
var ariaHidden = _ref['aria-hidden'],
|
|
4
8
|
className = _ref.className,
|
|
5
9
|
height = _ref.height,
|
|
6
10
|
width = _ref.width;
|
|
7
|
-
return
|
|
11
|
+
return _jsxDEV("svg", {
|
|
8
12
|
"aria-hidden": ariaHidden,
|
|
9
13
|
className: className,
|
|
10
14
|
height: height,
|
|
11
15
|
width: width,
|
|
12
16
|
viewBox: "0 0 91 80",
|
|
13
17
|
fill: "none",
|
|
14
|
-
xmlns: "http://www.w3.org/2000/svg"
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
18
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
19
|
+
children: [_jsxDEV("title", {
|
|
20
|
+
children: "Browser Puzzler Illustration"
|
|
21
|
+
}, void 0, false, {
|
|
22
|
+
fileName: _jsxFileName,
|
|
23
|
+
lineNumber: 20,
|
|
24
|
+
columnNumber: 5
|
|
25
|
+
}, _this), _jsxDEV("mask", {
|
|
26
|
+
id: "a",
|
|
27
|
+
fill: "#fff",
|
|
28
|
+
children: _jsxDEV("path", {
|
|
29
|
+
fillRule: "evenodd",
|
|
30
|
+
clipRule: "evenodd",
|
|
31
|
+
d: "M0 0h36.77v10.24a7.95 7.95 0 110 14.302V36.77H26.44a7.95 7.95 0 10-15.778 0H0V0z"
|
|
32
|
+
}, void 0, false, {
|
|
33
|
+
fileName: _jsxFileName,
|
|
34
|
+
lineNumber: 22,
|
|
35
|
+
columnNumber: 7
|
|
36
|
+
}, _this)
|
|
37
|
+
}, void 0, false, {
|
|
38
|
+
fileName: _jsxFileName,
|
|
39
|
+
lineNumber: 21,
|
|
40
|
+
columnNumber: 5
|
|
41
|
+
}, _this), _jsxDEV("path", {
|
|
42
|
+
fillRule: "evenodd",
|
|
43
|
+
clipRule: "evenodd",
|
|
44
|
+
d: "M0 0h36.77v10.24a7.95 7.95 0 110 14.302V36.77H26.44a7.95 7.95 0 10-15.778 0H0V0z",
|
|
45
|
+
fill: "#F5FCFF"
|
|
46
|
+
}, void 0, false, {
|
|
47
|
+
fileName: _jsxFileName,
|
|
48
|
+
lineNumber: 28,
|
|
49
|
+
columnNumber: 5
|
|
50
|
+
}, _this), _jsxDEV("path", {
|
|
51
|
+
d: "M36.77 0h1v-1h-1v1zM0 0v-1h-1v1h1zm36.77 10.24h-1v1.6l1.438-.701-.438-.899zm0 14.302l.438-.899-1.438-.7v1.6h1zm0 12.228v1h1v-1h-1zm-10.33 0l-.993-.123-.14 1.123h1.133v-1zm-15.778 0v1h1.132l-.14-1.124-.992.124zM0 36.77h-1v1h1v-1zM36.77-1H0v2h36.77v-2zm1 11.24V0h-2v10.24h2zm-.562.899a6.918 6.918 0 013.04-.698v-2a8.918 8.918 0 00-3.916.9l.876 1.798zm3.04-.698a6.95 6.95 0 016.95 6.95h2a8.95 8.95 0 00-8.95-8.95v2zm6.95 6.95a6.95 6.95 0 01-6.95 6.95v2a8.95 8.95 0 008.95-8.95h-2zm-6.95 6.95a6.92 6.92 0 01-3.04-.698l-.876 1.798c1.184.577 2.514.9 3.916.9v-2zm-2.478 12.43V24.541h-2V36.77h2zm-11.33 1h10.33v-2H26.44v2zm-.939-1.995c0 .295-.018.586-.054.87l1.985.248c.046-.367.07-.74.07-1.117h-2zm-6.95-6.95a6.95 6.95 0 016.95 6.95h2a8.95 8.95 0 00-8.95-8.95v2zm-6.95 6.95a6.95 6.95 0 016.95-6.95v-2a8.95 8.95 0 00-8.95 8.95h2zm.053.87a7.024 7.024 0 01-.053-.87h-2c0 .378.023.751.069 1.118l1.984-.248zM0 37.77h10.662v-2H0v2zM-1 0v36.77h2V0h-2z",
|
|
52
|
+
fill: "#000",
|
|
53
|
+
mask: "url(#a)"
|
|
54
|
+
}, void 0, false, {
|
|
55
|
+
fileName: _jsxFileName,
|
|
56
|
+
lineNumber: 34,
|
|
57
|
+
columnNumber: 5
|
|
58
|
+
}, _this), _jsxDEV("circle", {
|
|
59
|
+
cx: "3.308",
|
|
60
|
+
cy: "3.805",
|
|
61
|
+
r: ".824",
|
|
62
|
+
fill: "#10162F"
|
|
63
|
+
}, void 0, false, {
|
|
64
|
+
fileName: _jsxFileName,
|
|
65
|
+
lineNumber: 39,
|
|
66
|
+
columnNumber: 5
|
|
67
|
+
}, _this), _jsxDEV("circle", {
|
|
68
|
+
cx: "5.615",
|
|
69
|
+
cy: "3.805",
|
|
70
|
+
r: ".824",
|
|
71
|
+
fill: "#10162F"
|
|
72
|
+
}, void 0, false, {
|
|
73
|
+
fileName: _jsxFileName,
|
|
74
|
+
lineNumber: 40,
|
|
75
|
+
columnNumber: 5
|
|
76
|
+
}, _this), _jsxDEV("circle", {
|
|
77
|
+
cx: "7.92",
|
|
78
|
+
cy: "3.805",
|
|
79
|
+
r: ".824",
|
|
80
|
+
fill: "#10162F"
|
|
81
|
+
}, void 0, false, {
|
|
82
|
+
fileName: _jsxFileName,
|
|
83
|
+
lineNumber: 41,
|
|
84
|
+
columnNumber: 5
|
|
85
|
+
}, _this), _jsxDEV("mask", {
|
|
86
|
+
id: "b",
|
|
87
|
+
fill: "#fff",
|
|
88
|
+
children: _jsxDEV("path", {
|
|
89
|
+
fillRule: "evenodd",
|
|
90
|
+
clipRule: "evenodd",
|
|
91
|
+
d: "M90.435 13.416h-36.77v9.44a7.95 7.95 0 110 15.901V49.69H31.827a7.95 7.95 0 10-15.622 0H5.466V80h84.969V13.416z"
|
|
92
|
+
}, void 0, false, {
|
|
93
|
+
fileName: _jsxFileName,
|
|
94
|
+
lineNumber: 43,
|
|
95
|
+
columnNumber: 7
|
|
96
|
+
}, _this)
|
|
97
|
+
}, void 0, false, {
|
|
98
|
+
fileName: _jsxFileName,
|
|
99
|
+
lineNumber: 42,
|
|
100
|
+
columnNumber: 5
|
|
101
|
+
}, _this), _jsxDEV("path", {
|
|
102
|
+
fillRule: "evenodd",
|
|
103
|
+
clipRule: "evenodd",
|
|
104
|
+
d: "M90.435 13.416h-36.77v9.44a7.95 7.95 0 110 15.901V49.69H31.827a7.95 7.95 0 10-15.622 0H5.466V80h84.969V13.416z",
|
|
105
|
+
fill: "#fff"
|
|
106
|
+
}, void 0, false, {
|
|
107
|
+
fileName: _jsxFileName,
|
|
108
|
+
lineNumber: 49,
|
|
109
|
+
columnNumber: 5
|
|
110
|
+
}, _this), _jsxDEV("path", {
|
|
111
|
+
d: "M53.664 13.416v-1h-1v1h1zm36.77 0h1v-1h-1v1zm-36.77 9.44h-1v1h1v-1zm0 15.901v-1h-1v1h1zm0 10.933v1h1v-1h-1zm-21.837 0l-.982-.187-.225 1.187h1.207v-1zm-15.621 0v1h1.207l-.225-1.187-.982.187zm-10.74 0v-1h-1v1h1zm0 30.31h-1v1h1v-1zm84.969 0v1h1v-1h-1zm0-30.31h1v-1h-1v1zm0 0h-1v1h1v-1zm-36.77-35.274h36.77v-2h-36.77v2zm1 8.44v-9.44h-2v9.44h2zm-1-1v2-2zm8.95 8.951a8.95 8.95 0 00-8.95-8.95v2a6.95 6.95 0 016.95 6.95h2zm-8.95 8.95a8.95 8.95 0 008.95-8.95h-2a6.95 6.95 0 01-6.95 6.95v2zm0 0v-2 2zm1 9.933V38.757h-2V49.69h2zm-22.837 1h21.836v-2H31.827v2zm-.861-2.491c0 .446-.042.882-.122 1.304l1.965.373a8.992 8.992 0 00.157-1.677h-2zm-6.95-6.95a6.95 6.95 0 016.95 6.95h2a8.95 8.95 0 00-8.95-8.95v2zm-6.95 6.95a6.95 6.95 0 016.95-6.95v-2a8.95 8.95 0 00-8.95 8.95h2zm.121 1.304a6.993 6.993 0 01-.122-1.304h-2a9 9 0 00.157 1.677l1.965-.373zM5.466 50.69h10.74v-2H5.466v2zm1 29.31V49.69h-2V80h2zm83.969-1H5.465v2h84.97v-2zm-1-29.31V80h2V49.69h-2zm1 1v-2 2zm-1-37.274v36.273h2V13.416h-2z",
|
|
112
|
+
fill: "#000",
|
|
113
|
+
mask: "url(#b)"
|
|
114
|
+
}, void 0, false, {
|
|
115
|
+
fileName: _jsxFileName,
|
|
116
|
+
lineNumber: 55,
|
|
117
|
+
columnNumber: 5
|
|
118
|
+
}, _this)]
|
|
119
|
+
}, void 0, true, {
|
|
120
|
+
fileName: _jsxFileName,
|
|
121
|
+
lineNumber: 11,
|
|
122
|
+
columnNumber: 3
|
|
123
|
+
}, _this);
|
|
63
124
|
};
|
package/dist/ChatBox.js
CHANGED
|
@@ -1,40 +1,71 @@
|
|
|
1
|
+
var _jsxFileName = "/home/circleci/repo/packages/gamut-illustrations/src/ChatBox.tsx",
|
|
2
|
+
_this = this;
|
|
3
|
+
|
|
1
4
|
import React from 'react';
|
|
5
|
+
import { jsxDEV as _jsxDEV } from "@emotion/react/jsx-dev-runtime";
|
|
2
6
|
export var ChatBox = function ChatBox(_ref) {
|
|
3
7
|
var ariaHidden = _ref['aria-hidden'],
|
|
4
8
|
className = _ref.className,
|
|
5
9
|
height = _ref.height,
|
|
6
10
|
width = _ref.width;
|
|
7
|
-
return
|
|
11
|
+
return _jsxDEV("svg", {
|
|
8
12
|
"aria-hidden": ariaHidden,
|
|
9
13
|
className: className,
|
|
10
14
|
width: width,
|
|
11
15
|
height: height,
|
|
12
16
|
viewBox: "0 0 48 48",
|
|
13
17
|
fill: "none",
|
|
14
|
-
xmlns: "http://www.w3.org/2000/svg"
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
18
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
19
|
+
children: [_jsxDEV("title", {
|
|
20
|
+
children: "ChatBox Icon"
|
|
21
|
+
}, void 0, false, {
|
|
22
|
+
fileName: _jsxFileName,
|
|
23
|
+
lineNumber: 20,
|
|
24
|
+
columnNumber: 5
|
|
25
|
+
}, _this), _jsxDEV("circle", {
|
|
26
|
+
cx: "24",
|
|
27
|
+
cy: "24",
|
|
28
|
+
r: "23.5",
|
|
29
|
+
fill: "white",
|
|
30
|
+
stroke: "black"
|
|
31
|
+
}, void 0, false, {
|
|
32
|
+
fileName: _jsxFileName,
|
|
33
|
+
lineNumber: 21,
|
|
34
|
+
columnNumber: 5
|
|
35
|
+
}, _this), _jsxDEV("path", {
|
|
36
|
+
d: "M32.125 30.625H23.375L18.375 34.375V30.625H15.875C15.5435 30.625 15.2255 30.4933 14.9911 30.2589C14.7567 30.0245 14.625 29.7065 14.625 29.375V16.875C14.625 16.5435 14.7567 16.2255 14.9911 15.9911C15.2255 15.7567 15.5435 15.625 15.875 15.625H32.125C32.4565 15.625 32.7745 15.7567 33.0089 15.9911C33.2433 16.2255 33.375 16.5435 33.375 16.875V29.375C33.375 29.7065 33.2433 30.0245 33.0089 30.2589C32.7745 30.4933 32.4565 30.625 32.125 30.625Z",
|
|
37
|
+
stroke: "black",
|
|
38
|
+
strokeWidth: "1.25",
|
|
39
|
+
strokeLinecap: "round",
|
|
40
|
+
strokeLinejoin: "round"
|
|
41
|
+
}, void 0, false, {
|
|
42
|
+
fileName: _jsxFileName,
|
|
43
|
+
lineNumber: 22,
|
|
44
|
+
columnNumber: 5
|
|
45
|
+
}, _this), _jsxDEV("path", {
|
|
46
|
+
d: "M18.375 21.25H29.625",
|
|
47
|
+
stroke: "black",
|
|
48
|
+
strokeWidth: "1.25",
|
|
49
|
+
strokeLinecap: "round",
|
|
50
|
+
strokeLinejoin: "round"
|
|
51
|
+
}, void 0, false, {
|
|
52
|
+
fileName: _jsxFileName,
|
|
53
|
+
lineNumber: 29,
|
|
54
|
+
columnNumber: 5
|
|
55
|
+
}, _this), _jsxDEV("path", {
|
|
56
|
+
d: "M18.375 25H27.125",
|
|
57
|
+
stroke: "black",
|
|
58
|
+
strokeWidth: "1.25",
|
|
59
|
+
strokeLinecap: "round",
|
|
60
|
+
strokeLinejoin: "round"
|
|
61
|
+
}, void 0, false, {
|
|
62
|
+
fileName: _jsxFileName,
|
|
63
|
+
lineNumber: 36,
|
|
64
|
+
columnNumber: 5
|
|
65
|
+
}, _this)]
|
|
66
|
+
}, void 0, true, {
|
|
67
|
+
fileName: _jsxFileName,
|
|
68
|
+
lineNumber: 11,
|
|
69
|
+
columnNumber: 3
|
|
70
|
+
}, _this);
|
|
40
71
|
};
|