@codecademy/gamut-illustrations 1.0.0-alpha.97744b.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.
- package/LICENSE +1 -1
- package/dist/Announcement.d.ts +3 -0
- package/dist/Announcement.js +157 -0
- package/dist/Bee.d.ts +1 -1
- package/dist/Bee.js +124 -112
- package/dist/Bell.d.ts +1 -1
- package/dist/Bell.js +36 -31
- package/dist/BinaryBlocks.d.ts +1 -1
- package/dist/BinaryBlocks.js +126 -116
- package/dist/BinaryStairs.d.ts +3 -0
- package/dist/BinaryStairs.js +81 -0
- package/dist/Blocks.d.ts +3 -0
- package/dist/Blocks.js +247 -0
- package/dist/Blueprint.d.ts +3 -0
- package/dist/Blueprint.js +94 -0
- package/dist/Browser.d.ts +1 -1
- package/dist/Browser.js +69 -61
- package/dist/BrowserLock.d.ts +1 -1
- package/dist/BrowserLock.js +36 -31
- package/dist/BrowserPuzzle.d.ts +1 -1
- package/dist/BrowserPuzzle.js +61 -54
- package/dist/ChatBox.d.ts +1 -1
- package/dist/ChatBox.js +36 -31
- package/dist/CodeCelebration.d.ts +3 -0
- package/dist/CodeCelebration.js +158 -0
- package/dist/Coffee.d.ts +3 -0
- package/dist/Coffee.js +63 -0
- package/dist/Confetti.d.ts +1 -1
- package/dist/Confetti.js +87 -79
- package/dist/EmailAt.d.ts +1 -1
- package/dist/EmailAt.js +30 -25
- package/dist/Envelope.d.ts +1 -1
- package/dist/Envelope.js +30 -25
- package/dist/Heart.d.ts +1 -1
- package/dist/Heart.js +24 -19
- package/dist/Hills.d.ts +1 -1
- package/dist/Hills.js +45 -38
- package/dist/HomeOffice.d.ts +1 -1
- package/dist/HomeOffice.js +110 -99
- package/dist/Keyhole.d.ts +1 -1
- package/dist/Keyhole.js +24 -19
- package/dist/MagnifyingGlass.d.ts +3 -0
- package/dist/MagnifyingGlass.js +67 -0
- package/dist/Maze.d.ts +1 -1
- package/dist/Maze.js +61 -58
- package/dist/Megaphone.d.ts +1 -1
- package/dist/Megaphone.js +42 -37
- package/dist/MobilePhone.d.ts +3 -0
- package/dist/MobilePhone.js +96 -0
- package/dist/New.d.ts +1 -1
- package/dist/New.js +54 -49
- package/dist/NumberBlocks.d.ts +1 -1
- package/dist/NumberBlocks.js +273 -252
- package/dist/Onboarding.d.ts +1 -1
- package/dist/Onboarding.js +314 -253
- package/dist/Plant.d.ts +1 -1
- package/dist/Plant.js +62 -55
- package/dist/PortfolioProject.d.ts +1 -1
- package/dist/PortfolioProject.js +29 -26
- package/dist/PracticeProject.d.ts +1 -1
- package/dist/PracticeProject.js +37 -34
- package/dist/Puzzle.d.ts +3 -0
- package/dist/Puzzle.js +159 -0
- package/dist/Python.d.ts +1 -1
- package/dist/Python.js +16 -11
- package/dist/Sun.d.ts +1 -1
- package/dist/Sun.js +111 -103
- package/dist/Syllabus.d.ts +3 -0
- package/dist/Syllabus.js +352 -0
- package/dist/Target.d.ts +1 -1
- package/dist/Target.js +37 -32
- package/dist/TinyBlocks.d.ts +3 -0
- package/dist/TinyBlocks.js +22 -0
- package/dist/index.d.ts +11 -0
- package/dist/index.js +11 -0
- package/dist/types.js +1 -0
- package/package.json +9 -11
- package/CHANGELOG.md +0 -1271
- package/babel.config.js +0 -15
- package/dist/__tests__/gamut-illustrations.test.js +0 -32
- package/jest.config.js +0 -1
- package/tsconfig.json +0 -7
|
@@ -0,0 +1,96 @@
|
|
|
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 MobilePhone = function MobilePhone(_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
|
+
width: width,
|
|
11
|
+
height: height,
|
|
12
|
+
fill: "none",
|
|
13
|
+
viewBox: "0 0 108 203",
|
|
14
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
15
|
+
"aria-hidden": ariaHidden,
|
|
16
|
+
"class-name": className,
|
|
17
|
+
children: [/*#__PURE__*/_jsxs("g", {
|
|
18
|
+
clipPath: "url(#a)",
|
|
19
|
+
children: [/*#__PURE__*/_jsx("rect", {
|
|
20
|
+
x: "1",
|
|
21
|
+
y: "1",
|
|
22
|
+
width: "105.101",
|
|
23
|
+
height: "200.031",
|
|
24
|
+
rx: "15",
|
|
25
|
+
fill: "#fff",
|
|
26
|
+
stroke: "#10162F",
|
|
27
|
+
strokeWidth: "2"
|
|
28
|
+
}), /*#__PURE__*/_jsx("path", {
|
|
29
|
+
fill: "#fff",
|
|
30
|
+
d: "M9.519 24.123h88.062v153.783H9.519z"
|
|
31
|
+
}), /*#__PURE__*/_jsx("path", {
|
|
32
|
+
fill: "url(#b)",
|
|
33
|
+
d: "M9.519 24.123h88.062v153.783H9.519z"
|
|
34
|
+
}), /*#__PURE__*/_jsx("path", {
|
|
35
|
+
stroke: "#10162F",
|
|
36
|
+
strokeWidth: "2",
|
|
37
|
+
d: "M9.519 24.123h88.062v153.783H9.519z"
|
|
38
|
+
}), /*#__PURE__*/_jsx("circle", {
|
|
39
|
+
cx: "52.942",
|
|
40
|
+
cy: "13.996",
|
|
41
|
+
r: "3.043",
|
|
42
|
+
fill: "#10162F"
|
|
43
|
+
}), /*#__PURE__*/_jsx("path", {
|
|
44
|
+
stroke: "#10162F",
|
|
45
|
+
strokeWidth: "2",
|
|
46
|
+
d: "M38.946 188.859h29.209"
|
|
47
|
+
}), /*#__PURE__*/_jsx("mask", {
|
|
48
|
+
id: "c",
|
|
49
|
+
"mask-type": "alpha",
|
|
50
|
+
maskUnits: "userSpaceOnUse",
|
|
51
|
+
x: "10",
|
|
52
|
+
y: "23",
|
|
53
|
+
width: "87",
|
|
54
|
+
height: "154",
|
|
55
|
+
children: /*#__PURE__*/_jsx("path", {
|
|
56
|
+
fill: "#10162F",
|
|
57
|
+
stroke: "#10162F",
|
|
58
|
+
strokeWidth: "2",
|
|
59
|
+
d: "M11.954 24.123h83.194v151.349H11.954z"
|
|
60
|
+
})
|
|
61
|
+
}), /*#__PURE__*/_jsx("g", {
|
|
62
|
+
mask: "url(#c)",
|
|
63
|
+
children: /*#__PURE__*/_jsx("path", {
|
|
64
|
+
d: "m121.422 44.47-18.731 152.824-123.51-93.89L121.422 44.47Z",
|
|
65
|
+
fill: "#F5FFE3"
|
|
66
|
+
})
|
|
67
|
+
}), /*#__PURE__*/_jsx("path", {
|
|
68
|
+
fill: "#3A10E5",
|
|
69
|
+
stroke: "#10162F",
|
|
70
|
+
d: "M18.756 34.576h25.775v8.736H18.756z"
|
|
71
|
+
})]
|
|
72
|
+
}), /*#__PURE__*/_jsxs("defs", {
|
|
73
|
+
children: [/*#__PURE__*/_jsx("clipPath", {
|
|
74
|
+
id: "a",
|
|
75
|
+
children: /*#__PURE__*/_jsx("path", {
|
|
76
|
+
fill: "#fff",
|
|
77
|
+
d: "M0 0h107.101v202.031H0z"
|
|
78
|
+
})
|
|
79
|
+
}), /*#__PURE__*/_jsx("pattern", {
|
|
80
|
+
id: "b",
|
|
81
|
+
patternContentUnits: "objectBoundingBox",
|
|
82
|
+
width: ".711",
|
|
83
|
+
height: ".411",
|
|
84
|
+
children: /*#__PURE__*/_jsx("use", {
|
|
85
|
+
xlinkHref: "#d",
|
|
86
|
+
transform: "scale(.0111 .00642)"
|
|
87
|
+
})
|
|
88
|
+
}), /*#__PURE__*/_jsx("image", {
|
|
89
|
+
id: "d",
|
|
90
|
+
width: "64",
|
|
91
|
+
height: "64",
|
|
92
|
+
xlinkHref: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADbSURBVHgB7dhLDoJAEEXRlhUwMu5C9783wXQqZQyJH6SbUPXumRCY3pcaUMbzdS4v1N7hWIIqysOwBFWUh2EJqigPwxJUUR6GJaiiPAxLUEV5GJagivIwLEEV5WEElzAVFMrLGi+3U30Ozw9q5af5XhR5eTdQXsSyvMIN+FxeZQnvyruMN4Dy1bfyGW/AuvJZl/BreZfhBlC+Wls+ww3YVj7LEv4t7yLeAMpXW8tHvAFty0ddQqvyLsINoHzVunyEG9C3fJQl9CrvjngDKF/1Ln/EG7BvedW/w0sP1usKCOMHPlcAAAAASUVORK5CYII="
|
|
93
|
+
})]
|
|
94
|
+
})]
|
|
95
|
+
});
|
|
96
|
+
};
|
package/dist/New.d.ts
CHANGED
package/dist/New.js
CHANGED
|
@@ -1,58 +1,63 @@
|
|
|
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 New = function New(_ref) {
|
|
3
5
|
var ariaHidden = _ref['aria-hidden'],
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
return /*#__PURE__*/
|
|
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
|
height: height,
|
|
11
13
|
width: width,
|
|
12
14
|
viewBox: "0 0 48 48",
|
|
13
15
|
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
|
-
|
|
16
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
17
|
+
children: [/*#__PURE__*/_jsx("title", {
|
|
18
|
+
children: "New Icon"
|
|
19
|
+
}), /*#__PURE__*/_jsx("circle", {
|
|
20
|
+
cx: "24",
|
|
21
|
+
cy: "24",
|
|
22
|
+
r: "23.5",
|
|
23
|
+
fill: "white",
|
|
24
|
+
stroke: "#10162F"
|
|
25
|
+
}), /*#__PURE__*/_jsx("path", {
|
|
26
|
+
d: "M16.875 27.5V21.25L19.375 27.5V21.25",
|
|
27
|
+
stroke: "#10162F",
|
|
28
|
+
strokeWidth: "1.25",
|
|
29
|
+
strokeLinecap: "round",
|
|
30
|
+
strokeLinejoin: "round"
|
|
31
|
+
}), /*#__PURE__*/_jsx("path", {
|
|
32
|
+
d: "M24.375 27.5H23.125C22.7935 27.5 22.4755 27.3683 22.2411 27.1339C22.0067 26.8995 21.875 26.5815 21.875 26.25V22.5C21.875 22.1685 22.0067 21.8505 22.2411 21.6161C22.4755 21.3817 22.7935 21.25 23.125 21.25H24.375",
|
|
33
|
+
stroke: "#10162F",
|
|
34
|
+
strokeWidth: "1.25",
|
|
35
|
+
strokeLinecap: "round",
|
|
36
|
+
strokeLinejoin: "round"
|
|
37
|
+
}), /*#__PURE__*/_jsx("path", {
|
|
38
|
+
d: "M21.875 25H24.375",
|
|
39
|
+
stroke: "#10162F",
|
|
40
|
+
strokeWidth: "1.25",
|
|
41
|
+
strokeLinecap: "round",
|
|
42
|
+
strokeLinejoin: "round"
|
|
43
|
+
}), /*#__PURE__*/_jsx("path", {
|
|
44
|
+
d: "M26.875 21.25V22.9308C26.8748 23.8849 27.0569 24.8302 27.4117 25.7158L28.125 27.5L29.375 23.125L30.625 27.5L31.3383 25.7158C31.6927 24.8301 31.8749 23.8849 31.875 22.9308V21.25",
|
|
45
|
+
stroke: "#10162F",
|
|
46
|
+
strokeWidth: "1.25",
|
|
47
|
+
strokeLinecap: "round",
|
|
48
|
+
strokeLinejoin: "round"
|
|
49
|
+
}), /*#__PURE__*/_jsx("path", {
|
|
50
|
+
d: "M33.75 30V32.5C33.75 32.8315 33.6183 33.1495 33.3839 33.3839C33.1495 33.6183 32.8315 33.75 32.5 33.75H16.25C15.9185 33.75 15.6005 33.6183 15.3661 33.3839C15.1317 33.1495 15 32.8315 15 32.5V30",
|
|
51
|
+
stroke: "#10162F",
|
|
52
|
+
strokeWidth: "1.25",
|
|
53
|
+
strokeLinecap: "round",
|
|
54
|
+
strokeLinejoin: "round"
|
|
55
|
+
}), /*#__PURE__*/_jsx("path", {
|
|
56
|
+
d: "M15 18.75V16.25C15 15.9185 15.1317 15.6005 15.3661 15.3661C15.6005 15.1317 15.9185 15 16.25 15H32.5C32.8315 15 33.1495 15.1317 33.3839 15.3661C33.6183 15.6005 33.75 15.9185 33.75 16.25V18.75",
|
|
57
|
+
stroke: "#10162F",
|
|
58
|
+
strokeWidth: "1.25",
|
|
59
|
+
strokeLinecap: "round",
|
|
60
|
+
strokeLinejoin: "round"
|
|
61
|
+
})]
|
|
62
|
+
});
|
|
58
63
|
};
|
package/dist/NumberBlocks.d.ts
CHANGED