@codecademy/gamut-illustrations 67.0.0-alpha.7455bb.0 → 67.0.0-alpha.ccfdc5.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/dist/BookAndNotepad.js +14 -14
- package/dist/Interest.d.ts +3 -0
- package/dist/Interest.js +382 -0
- package/dist/Knowledge.d.ts +3 -0
- package/dist/Knowledge.js +308 -0
- package/dist/LightBulbAndGears.d.ts +3 -0
- package/dist/LightBulbAndGears.js +356 -0
- package/dist/PracticeTarget.d.ts +3 -0
- package/dist/PracticeTarget.js +78 -0
- package/dist/Purpose.d.ts +3 -0
- package/dist/Purpose.js +136 -0
- package/dist/index.d.ts +5 -0
- package/dist/index.js +5 -0
- package/package.json +3 -3
|
@@ -0,0 +1,78 @@
|
|
|
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 PracticeTarget = function PracticeTarget(_ref) {
|
|
5
|
+
var ariaHidden = _ref['aria-hidden'],
|
|
6
|
+
className = _ref.className,
|
|
7
|
+
_ref$height = _ref.height,
|
|
8
|
+
height = _ref$height === void 0 ? '174' : _ref$height,
|
|
9
|
+
_ref$width = _ref.width,
|
|
10
|
+
width = _ref$width === void 0 ? '126' : _ref$width;
|
|
11
|
+
return /*#__PURE__*/_jsxs("svg", {
|
|
12
|
+
"aria-hidden": ariaHidden,
|
|
13
|
+
className: className,
|
|
14
|
+
width: width,
|
|
15
|
+
height: height,
|
|
16
|
+
viewBox: "0 0 174 126",
|
|
17
|
+
fill: "none",
|
|
18
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
19
|
+
children: [/*#__PURE__*/_jsx("path", {
|
|
20
|
+
d: "M62.8753 124.338C96.6873 124.338 124.097 96.9514 124.097 63.1688C124.097 29.3862 96.6873 2 62.8753 2C29.0633 2 1.65332 29.3862 1.65332 63.1688C1.65332 96.9514 29.0633 124.338 62.8753 124.338Z",
|
|
21
|
+
fill: "#FF8C00",
|
|
22
|
+
stroke: "white",
|
|
23
|
+
strokeWidth: "2.00554"
|
|
24
|
+
}), /*#__PURE__*/_jsx("path", {
|
|
25
|
+
d: "M62.6379 99.8739C82.9978 99.8739 99.5028 83.3689 99.5028 63.009C99.5028 42.649 82.9978 26.144 62.6379 26.144C42.2779 26.144 25.7729 42.649 25.7729 63.009C25.7729 83.3689 42.2779 99.8739 62.6379 99.8739Z",
|
|
26
|
+
fill: "#10162F",
|
|
27
|
+
stroke: "white",
|
|
28
|
+
strokeWidth: "2.00554"
|
|
29
|
+
}), /*#__PURE__*/_jsx("path", {
|
|
30
|
+
d: "M62.8768 77.6438C70.8781 77.6438 77.3645 71.1631 77.3645 63.1687C77.3645 55.1744 70.8781 48.6937 62.8768 48.6937C54.8755 48.6937 48.3892 55.1744 48.3892 63.1687C48.3892 71.1631 54.8755 77.6438 62.8768 77.6438Z",
|
|
31
|
+
fill: "#FF8C00",
|
|
32
|
+
stroke: "white",
|
|
33
|
+
strokeWidth: "2.00554"
|
|
34
|
+
}), /*#__PURE__*/_jsx("path", {
|
|
35
|
+
fillRule: "evenodd",
|
|
36
|
+
clipRule: "evenodd",
|
|
37
|
+
d: "M77.1933 43.9952L85.8372 69.0691L65.6219 61.9982L77.1933 43.9952Z",
|
|
38
|
+
fill: "#141C3A",
|
|
39
|
+
stroke: "white",
|
|
40
|
+
strokeWidth: "2.00554"
|
|
41
|
+
}), /*#__PURE__*/_jsx("path", {
|
|
42
|
+
d: "M82.4316 56.3464L160.41 30.9524",
|
|
43
|
+
stroke: "white",
|
|
44
|
+
strokeWidth: "2.00554",
|
|
45
|
+
strokeLinecap: "square"
|
|
46
|
+
}), /*#__PURE__*/_jsx("path", {
|
|
47
|
+
d: "M160.473 30.3074L165.977 19.0265",
|
|
48
|
+
stroke: "white",
|
|
49
|
+
strokeWidth: "2.00554",
|
|
50
|
+
strokeLinecap: "square"
|
|
51
|
+
}), /*#__PURE__*/_jsx("path", {
|
|
52
|
+
d: "M153.07 32.7728L158.574 21.492",
|
|
53
|
+
stroke: "white",
|
|
54
|
+
strokeWidth: "2.00554",
|
|
55
|
+
strokeLinecap: "square"
|
|
56
|
+
}), /*#__PURE__*/_jsx("path", {
|
|
57
|
+
d: "M145.668 35.2379L151.172 23.957",
|
|
58
|
+
stroke: "white",
|
|
59
|
+
strokeWidth: "2.00554",
|
|
60
|
+
strokeLinecap: "square"
|
|
61
|
+
}), /*#__PURE__*/_jsx("path", {
|
|
62
|
+
d: "M160.664 30.5429L171.954 36.0479",
|
|
63
|
+
stroke: "white",
|
|
64
|
+
strokeWidth: "2.00554",
|
|
65
|
+
strokeLinecap: "square"
|
|
66
|
+
}), /*#__PURE__*/_jsx("path", {
|
|
67
|
+
d: "M153.261 33.6241L164.552 39.1291",
|
|
68
|
+
stroke: "white",
|
|
69
|
+
strokeWidth: "2.00554",
|
|
70
|
+
strokeLinecap: "square"
|
|
71
|
+
}), /*#__PURE__*/_jsx("path", {
|
|
72
|
+
d: "M145.855 36.0897L157.146 41.5946",
|
|
73
|
+
stroke: "white",
|
|
74
|
+
strokeWidth: "2.00554",
|
|
75
|
+
strokeLinecap: "square"
|
|
76
|
+
})]
|
|
77
|
+
});
|
|
78
|
+
};
|
package/dist/Purpose.js
ADDED
|
@@ -0,0 +1,136 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
+
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
4
|
+
export var Purpose = function Purpose(_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
|
+
width: width,
|
|
13
|
+
height: height,
|
|
14
|
+
viewBox: "0 0 399 311",
|
|
15
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
16
|
+
xmlnsXlink: "http://www.w3.org/1999/xlink",
|
|
17
|
+
fill: "none",
|
|
18
|
+
children: [/*#__PURE__*/_jsx("title", {
|
|
19
|
+
children: "Purpose Illustration"
|
|
20
|
+
}), /*#__PURE__*/_jsx("path", {
|
|
21
|
+
fill: "#10162F",
|
|
22
|
+
stroke: "#10162F",
|
|
23
|
+
strokeWidth: "1.5",
|
|
24
|
+
d: "M251.148 156.872c0 21.359-6.422 40.666-16.768 54.616-10.346 13.951-24.579 22.505-40.234 22.505-15.733 0-38.239-8.66-56.832-22.707-18.596-14.05-33.064-33.324-33.064-54.414 0-21.091 14.468-40.364 33.064-54.415 18.593-14.047 41.099-22.707 56.832-22.707 15.655 0 29.888 8.555 40.234 22.505s16.768 33.258 16.768 54.617Z"
|
|
25
|
+
}), /*#__PURE__*/_jsx("path", {
|
|
26
|
+
fill: "#FFF0E5",
|
|
27
|
+
stroke: "#10162F",
|
|
28
|
+
strokeWidth: "1.5",
|
|
29
|
+
d: "M251.15 156.872c0 21.359-6.422 40.666-16.768 54.616-10.346 13.951-24.579 22.505-40.234 22.505-15.655 0-29.888-8.554-40.234-22.505-10.346-13.95-16.768-33.257-16.768-54.616s6.422-40.667 16.768-54.617c10.346-13.95 24.579-22.505 40.234-22.505 15.655 0 29.888 8.555 40.234 22.505s16.768 33.258 16.768 54.617Z"
|
|
30
|
+
}), /*#__PURE__*/_jsx("path", {
|
|
31
|
+
stroke: "#10162F",
|
|
32
|
+
strokeOpacity: ".12",
|
|
33
|
+
strokeWidth: "1.5",
|
|
34
|
+
d: "M240.812 156.869c0 19.01-5.233 36.188-13.655 48.591-8.425 12.408-19.986 19.973-32.66 19.973-12.674 0-24.235-7.565-32.66-19.973-8.422-12.403-13.655-29.581-13.655-48.591s5.233-36.188 13.655-48.591c8.425-12.408 19.986-19.973 32.66-19.973 12.674 0 24.235 7.565 32.66 19.973 8.422 12.403 13.655 29.581 13.655 48.591Z"
|
|
35
|
+
}), /*#__PURE__*/_jsx("path", {
|
|
36
|
+
stroke: "#10162F",
|
|
37
|
+
strokeWidth: "1.5",
|
|
38
|
+
d: "m250.658 116.238-14.531 3.894M247.153 111.671l-7.521 13.028M249.905 121.943l-13.027-7.521"
|
|
39
|
+
}), /*#__PURE__*/_jsx("path", {
|
|
40
|
+
fill: "#E91C11",
|
|
41
|
+
stroke: "#10162F",
|
|
42
|
+
strokeWidth: "1.5",
|
|
43
|
+
d: "M231.029 156.874c0 16.446-4.183 31.3-10.907 42.019-6.731 10.729-15.933 17.218-25.975 17.218-10.041 0-19.244-6.489-25.974-17.218-6.724-10.719-10.907-25.573-10.907-42.019 0-16.446 4.183-31.3 10.907-42.019 6.73-10.729 15.933-17.218 25.974-17.218 10.042 0 19.244 6.489 25.975 17.218 6.724 10.719 10.907 25.573 10.907 42.019Z"
|
|
44
|
+
}), /*#__PURE__*/_jsx("path", {
|
|
45
|
+
fill: "#fff",
|
|
46
|
+
stroke: "#10162F",
|
|
47
|
+
strokeWidth: "1.5",
|
|
48
|
+
d: "M215.384 156.868c0 10.699-2.439 20.348-6.343 27.296-3.917 6.972-9.211 11.076-14.89 11.076s-10.973-4.104-14.891-11.076c-3.904-6.948-6.342-16.597-6.342-27.296 0-10.699 2.438-20.348 6.342-27.296 3.918-6.972 9.212-11.076 14.891-11.076s10.973 4.104 14.89 11.076c3.904 6.948 6.343 16.597 6.343 27.296Z"
|
|
49
|
+
}), /*#__PURE__*/_jsx("path", {
|
|
50
|
+
fill: "#10162F",
|
|
51
|
+
stroke: "#10162F",
|
|
52
|
+
strokeWidth: "1.5",
|
|
53
|
+
d: "M202.304 156.876c0 4.144-.981 7.86-2.529 10.514-1.559 2.672-3.602 4.139-5.706 4.139-2.104 0-4.147-1.467-5.705-4.139-1.548-2.654-2.53-6.37-2.53-10.514 0-4.145.982-7.86 2.53-10.514 1.558-2.672 3.601-4.139 5.705-4.139s4.147 1.467 5.706 4.139c1.548 2.654 2.529 6.369 2.529 10.514Z"
|
|
54
|
+
}), /*#__PURE__*/_jsx("path", {
|
|
55
|
+
fill: "#FFD300",
|
|
56
|
+
stroke: "#10162F",
|
|
57
|
+
strokeWidth: "1.5",
|
|
58
|
+
d: "M286.881 180.079 275.51 164.32c-.954-1.323-.009-3.171 1.622-3.171h26.079a2 2 0 0 1 1.622.83l6.305 8.738c3.818 5.291.037 12.681-6.487 12.681h-11.282a8 8 0 0 1-6.488-3.319Z"
|
|
59
|
+
}), /*#__PURE__*/_jsx("path", {
|
|
60
|
+
fill: "#10162F",
|
|
61
|
+
d: "M185.084 156.139a4.421 4.421 0 0 1 4.295-4.419l110.429-3.164c4.655-.133 8.502 3.604 8.502 8.261 0 4.697-3.91 8.45-8.603 8.258l-110.383-4.518a4.421 4.421 0 0 1-4.24-4.418Z"
|
|
62
|
+
}), /*#__PURE__*/_jsx("circle", {
|
|
63
|
+
cx: "131.779",
|
|
64
|
+
cy: "210.779",
|
|
65
|
+
r: "12.029",
|
|
66
|
+
fill: "#FFD300",
|
|
67
|
+
stroke: "#10162F",
|
|
68
|
+
strokeWidth: "1.5"
|
|
69
|
+
}), /*#__PURE__*/_jsx("path", {
|
|
70
|
+
stroke: "#10162F",
|
|
71
|
+
strokeWidth: "1.5",
|
|
72
|
+
d: "m126.889 211.649 2.869 2.868 6.814-6.813"
|
|
73
|
+
}), /*#__PURE__*/_jsx("path", {
|
|
74
|
+
fill: "#E2D6CF",
|
|
75
|
+
d: "M262.631 224.414a.557.557 0 0 1 1.046 0 17.298 17.298 0 0 0 10.217 10.217.557.557 0 0 1 0 1.046 17.298 17.298 0 0 0-10.217 10.217.557.557 0 0 1-1.046 0 17.298 17.298 0 0 0-10.217-10.217.557.557 0 0 1 0-1.046 17.298 17.298 0 0 0 10.217-10.217ZM87.63 65.414a.558.558 0 0 1 1.047 0A17.293 17.293 0 0 0 98.894 75.63a.558.558 0 0 1 0 1.046 17.293 17.293 0 0 0-10.217 10.217.558.558 0 0 1-1.046 0 17.293 17.293 0 0 0-10.217-10.217.558.558 0 0 1 0-1.046A17.293 17.293 0 0 0 87.63 65.414Z"
|
|
76
|
+
}), /*#__PURE__*/_jsx("mask", {
|
|
77
|
+
id: "b",
|
|
78
|
+
width: "27",
|
|
79
|
+
height: "43",
|
|
80
|
+
x: "180",
|
|
81
|
+
y: "136",
|
|
82
|
+
maskUnits: "userSpaceOnUse",
|
|
83
|
+
style: {
|
|
84
|
+
maskType: 'alpha'
|
|
85
|
+
},
|
|
86
|
+
children: /*#__PURE__*/_jsx("path", {
|
|
87
|
+
fill: "url(#a)",
|
|
88
|
+
d: "M180 136.176h27v42h-27z"
|
|
89
|
+
})
|
|
90
|
+
}), /*#__PURE__*/_jsx("g", {
|
|
91
|
+
mask: "url(#b)",
|
|
92
|
+
children: /*#__PURE__*/_jsx("rect", {
|
|
93
|
+
width: "27",
|
|
94
|
+
height: "42",
|
|
95
|
+
x: "180",
|
|
96
|
+
y: "136.176",
|
|
97
|
+
fill: "#10162F",
|
|
98
|
+
fillOpacity: ".63",
|
|
99
|
+
rx: "13.5"
|
|
100
|
+
})
|
|
101
|
+
}), /*#__PURE__*/_jsx("path", {
|
|
102
|
+
stroke: "#FFF0E5",
|
|
103
|
+
strokeWidth: "1.5",
|
|
104
|
+
d: "m274.934 164.572-88.996-4.279M275.789 148.315l-89.851 3.423"
|
|
105
|
+
}), /*#__PURE__*/_jsx("path", {
|
|
106
|
+
stroke: "#10162F",
|
|
107
|
+
strokeWidth: "1.5",
|
|
108
|
+
d: "M194.497 171.423c-5.199 0-9.413-6.513-9.413-14.547 0-8.035 4.214-14.548 9.413-14.548"
|
|
109
|
+
}), /*#__PURE__*/_jsx("path", {
|
|
110
|
+
fill: "#FFD300",
|
|
111
|
+
stroke: "#10162F",
|
|
112
|
+
strokeWidth: "1.5",
|
|
113
|
+
d: "m287.46 137.834-11.846 15.842c-.986 1.319-.045 3.198 1.602 3.198h27.145c.63 0 1.224-.297 1.601-.802l6.473-8.656c3.945-5.275.18-12.791-6.407-12.791h-12.161a8 8 0 0 0-6.407 3.209Z"
|
|
114
|
+
}), /*#__PURE__*/_jsx("path", {
|
|
115
|
+
stroke: "#10162F",
|
|
116
|
+
strokeWidth: "1.5",
|
|
117
|
+
d: "m280.496 157.733 7.274-9.413M287.77 157.733l7.274-9.413M295.471 157.733l7.273-9.413M280.496 160.294l7.274 9.413M287.77 160.294l7.274 9.413M295.471 160.294l7.273 9.413"
|
|
118
|
+
}), /*#__PURE__*/_jsxs("defs", {
|
|
119
|
+
children: [/*#__PURE__*/_jsx("pattern", {
|
|
120
|
+
id: "a",
|
|
121
|
+
width: ".148",
|
|
122
|
+
height: ".095",
|
|
123
|
+
patternContentUnits: "objectBoundingBox",
|
|
124
|
+
children: /*#__PURE__*/_jsx("use", {
|
|
125
|
+
xlinkHref: "#c",
|
|
126
|
+
transform: "scale(.03704 .0238)"
|
|
127
|
+
})
|
|
128
|
+
}), /*#__PURE__*/_jsx("image", {
|
|
129
|
+
xlinkHref: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAeSURBVHgBjcoxEQAAAAFAEUxq6J+OBO78/KAcXOYsc5ICqdLdEKMAAAAASUVORK5CYII=",
|
|
130
|
+
id: "c",
|
|
131
|
+
width: "4",
|
|
132
|
+
height: "4"
|
|
133
|
+
})]
|
|
134
|
+
})]
|
|
135
|
+
});
|
|
136
|
+
};
|
package/dist/index.d.ts
CHANGED
|
@@ -17,10 +17,14 @@ export * from './Confetti';
|
|
|
17
17
|
export * from './EmailAt';
|
|
18
18
|
export * from './Envelope';
|
|
19
19
|
export * from './ErrorWindow';
|
|
20
|
+
export * from './Purpose';
|
|
20
21
|
export * from './Heart';
|
|
21
22
|
export * from './Hills';
|
|
22
23
|
export * from './HomeOffice';
|
|
24
|
+
export * from './Interest';
|
|
23
25
|
export * from './Keyhole';
|
|
26
|
+
export * from './Knowledge';
|
|
27
|
+
export * from './LightBulbAndGears';
|
|
24
28
|
export * from './MagnifyingGlass';
|
|
25
29
|
export * from './Maze';
|
|
26
30
|
export * from './Megaphone';
|
|
@@ -31,6 +35,7 @@ export * from './Onboarding';
|
|
|
31
35
|
export * from './Plant';
|
|
32
36
|
export * from './PortfolioProject';
|
|
33
37
|
export * from './PracticeProject';
|
|
38
|
+
export * from './PracticeTarget';
|
|
34
39
|
export * from './Puzzle';
|
|
35
40
|
export * from './Python';
|
|
36
41
|
export * from './Sun';
|
package/dist/index.js
CHANGED
|
@@ -17,10 +17,14 @@ export * from './Confetti';
|
|
|
17
17
|
export * from './EmailAt';
|
|
18
18
|
export * from './Envelope';
|
|
19
19
|
export * from './ErrorWindow';
|
|
20
|
+
export * from './Purpose';
|
|
20
21
|
export * from './Heart';
|
|
21
22
|
export * from './Hills';
|
|
22
23
|
export * from './HomeOffice';
|
|
24
|
+
export * from './Interest';
|
|
23
25
|
export * from './Keyhole';
|
|
26
|
+
export * from './Knowledge';
|
|
27
|
+
export * from './LightBulbAndGears';
|
|
24
28
|
export * from './MagnifyingGlass';
|
|
25
29
|
export * from './Maze';
|
|
26
30
|
export * from './Megaphone';
|
|
@@ -31,6 +35,7 @@ export * from './Onboarding';
|
|
|
31
35
|
export * from './Plant';
|
|
32
36
|
export * from './PortfolioProject';
|
|
33
37
|
export * from './PracticeProject';
|
|
38
|
+
export * from './PracticeTarget';
|
|
34
39
|
export * from './Puzzle';
|
|
35
40
|
export * from './Python';
|
|
36
41
|
export * from './Sun';
|
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": "67.0.0-alpha.
|
|
7
|
+
"@codecademy/gamut-styles": "67.0.0-alpha.ccfdc5.0",
|
|
8
8
|
"classnames": "^2.2.5"
|
|
9
9
|
},
|
|
10
10
|
"description": "Illustrations library for Codecademy",
|
|
@@ -39,6 +39,6 @@
|
|
|
39
39
|
"dist/**/[A-Z]**/[A-Z]*.js",
|
|
40
40
|
"dist/**/[A-Z]**/index.js"
|
|
41
41
|
],
|
|
42
|
-
"version": "67.0.0-alpha.
|
|
43
|
-
"gitHead": "
|
|
42
|
+
"version": "67.0.0-alpha.ccfdc5.0",
|
|
43
|
+
"gitHead": "201c56ccfe5460d73f27c61417e5dfa5cd5191e1"
|
|
44
44
|
}
|