@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/Confetti.js CHANGED
@@ -1,10 +1,12 @@
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 Confetti = function Confetti(_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,
@@ -12,78 +14,84 @@ export var Confetti = function Confetti(_ref) {
12
14
  viewBox: "0 0 80 60",
13
15
  fill: "none",
14
16
  xmlns: "http://www.w3.org/2000/svg",
15
- xmlnsXlink: "http://www.w3.org/1999/xlink"
16
- }, /*#__PURE__*/React.createElement("title", null, "Confetti Illustration"), /*#__PURE__*/React.createElement("rect", {
17
- width: "80",
18
- height: "60",
19
- fill: "white"
20
- }), /*#__PURE__*/React.createElement("path", {
21
- d: "M51.9001 43.4534L21.9763 52.8439L10 56.6023L23.2835 14.2055",
22
- fill: "white"
23
- }), /*#__PURE__*/React.createElement("path", {
24
- d: "M51.9001 43.4534L21.9763 52.8439L10 56.6023L23.2835 14.2055",
25
- stroke: "#10162F",
26
- strokeMiterlimit: "10"
27
- }), /*#__PURE__*/React.createElement("path", {
28
- d: "M53.697 42.5305C56.8019 39.4256 52.687 30.2767 44.5061 22.0958C36.3253 13.915 27.1764 9.80009 24.0715 12.905C20.9666 16.0099 25.0815 25.1588 33.2623 33.3396C41.4432 41.5205 50.5921 45.6354 53.697 42.5305Z",
29
- fill: "white",
30
- stroke: "#10162F",
31
- strokeMiterlimit: "10"
32
- }), /*#__PURE__*/React.createElement("path", {
33
- d: "M19.88 25.0681L23.2834 14.2056",
34
- stroke: "#10162F",
35
- strokeMiterlimit: "10"
36
- }), /*#__PURE__*/React.createElement("path", {
37
- d: "M36.18 48.3864L21.9764 52.8438C15.2615 46.129 16.213 36.7732 16.213 36.7732L19.8803 25.0682C19.8803 25.0682 22.1487 34.3552 36.18 48.3864Z",
38
- fill: "white",
39
- stroke: "#10162F",
40
- strokeMiterlimit: "10"
41
- }), /*#__PURE__*/React.createElement("path", {
42
- d: "M36.2246 48.3086L22.021 52.7659C15.3061 46.0511 16.2576 36.6953 16.2576 36.6953L19.9248 24.9903C19.9248 24.9903 22.1933 34.2773 36.2246 48.3086Z",
43
- fill: "url(#pattern0)",
44
- stroke: "#10162F",
45
- strokeMiterlimit: "10"
46
- }), /*#__PURE__*/React.createElement("path", {
47
- d: "M21.9341 53.0172L21.8689 52.952C18.3727 49.4559 16.9799 45.2404 16.4271 42.3193C15.8284 39.1558 16.0591 36.7819 16.0618 36.7588L16.068 36.7284L19.8984 24.5026L20.0283 25.0327C20.034 25.0558 20.6219 27.3926 22.9109 31.4084C25.024 35.1154 29.0599 41.0516 36.288 48.2795L36.4656 48.4571L36.2259 48.5324L21.9341 53.0172ZM16.3629 36.8034C16.3446 37.0076 16.1599 39.2793 16.7281 42.2726C17.2703 45.1302 18.6288 49.246 22.0192 52.6714L35.8952 48.3169C28.7464 41.1372 24.7412 35.2376 22.6363 31.5413C20.9323 28.5494 20.1639 26.4764 19.8763 25.5892L16.3629 36.8034Z",
48
- fill: "#10162F"
49
- }), /*#__PURE__*/React.createElement("path", {
50
- d: "M32.389 26.4508C32.389 26.4508 42.0196 13.9349 38.219 3",
51
- stroke: "#10162F",
52
- strokeMiterlimit: "10"
53
- }), /*#__PURE__*/React.createElement("path", {
54
- d: "M37.2533 27.5039C37.2533 27.5039 42.9696 18.6008 50.3582 15.1393",
55
- stroke: "#10162F",
56
- strokeMiterlimit: "10"
57
- }), /*#__PURE__*/React.createElement("path", {
58
- d: "M39.8839 30.8061C39.8839 30.8061 48.1706 23.4395 61.9813 25.7283",
59
- stroke: "#10162F",
60
- strokeMiterlimit: "10"
61
- }), /*#__PURE__*/React.createElement("path", {
62
- d: "M67.6147 30.1238C68.932 30.1238 69.9999 29.0559 69.9999 27.7386C69.9999 26.4212 68.932 25.3533 67.6147 25.3533C66.2974 25.3533 65.2295 26.4212 65.2295 27.7386C65.2295 29.0559 66.2974 30.1238 67.6147 30.1238Z",
63
- fill: "white",
64
- stroke: "#10162F",
65
- strokeMiterlimit: "10"
66
- }), /*#__PURE__*/React.createElement("path", {
67
- d: "M58.4767 7.94479L57.5287 10.7402L59.2943 13.106L56.3426 13.0682L54.638 15.4783L53.7618 12.6595L50.943 11.7833L53.3531 10.0787L53.3153 7.12715L55.6811 8.8927L58.4767 7.94479Z",
68
- fill: "white",
69
- stroke: "#10162F",
70
- strokeMiterlimit: "10"
71
- }), /*#__PURE__*/React.createElement("path", {
72
- d: "M47.2601 33.3889C47.2601 33.3889 52.2097 31.0675 58.8413 33.1386",
73
- stroke: "#10162F",
74
- strokeMiterlimit: "10"
75
- }), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("pattern", {
76
- id: "pattern0",
77
- patternContentUnits: "objectBoundingBox",
78
- width: "3.19786",
79
- height: "2.30418"
80
- }, /*#__PURE__*/React.createElement("use", {
81
- xlinkHref: "#image0",
82
- transform: "scale(0.0499666 0.0360028)"
83
- })), /*#__PURE__*/React.createElement("image", {
84
- id: "image0",
85
- width: "64",
86
- height: "64",
87
- xlinkHref: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACkSURBVHgB7dcxEsIwDAVR6f53Boo/FNBkPEkYrN3Xye3+xlVVz/pEu/XmEqgsr3AJVJZXuAQqyytcApXlFS6ByvIKl0BleYVLoLK8wiVQWV5BK/8oheWh+vuBVh67BMsXVB/cuPKYJVj+4B6rF29c+bFLsPziPUafvHHlxyzB8ifvbfXFN678tkuw/MX3NvrmG1d+myVY/ub7b/WPb1z5sb/CJS8ZOf4BH9R+4AAAAABJRU5ErkJggg=="
88
- })));
17
+ xmlnsXlink: "http://www.w3.org/1999/xlink",
18
+ children: [/*#__PURE__*/_jsx("title", {
19
+ children: "Confetti Illustration"
20
+ }), /*#__PURE__*/_jsx("rect", {
21
+ width: "80",
22
+ height: "60",
23
+ fill: "white"
24
+ }), /*#__PURE__*/_jsx("path", {
25
+ d: "M51.9001 43.4534L21.9763 52.8439L10 56.6023L23.2835 14.2055",
26
+ fill: "white"
27
+ }), /*#__PURE__*/_jsx("path", {
28
+ d: "M51.9001 43.4534L21.9763 52.8439L10 56.6023L23.2835 14.2055",
29
+ stroke: "#10162F",
30
+ strokeMiterlimit: "10"
31
+ }), /*#__PURE__*/_jsx("path", {
32
+ d: "M53.697 42.5305C56.8019 39.4256 52.687 30.2767 44.5061 22.0958C36.3253 13.915 27.1764 9.80009 24.0715 12.905C20.9666 16.0099 25.0815 25.1588 33.2623 33.3396C41.4432 41.5205 50.5921 45.6354 53.697 42.5305Z",
33
+ fill: "white",
34
+ stroke: "#10162F",
35
+ strokeMiterlimit: "10"
36
+ }), /*#__PURE__*/_jsx("path", {
37
+ d: "M19.88 25.0681L23.2834 14.2056",
38
+ stroke: "#10162F",
39
+ strokeMiterlimit: "10"
40
+ }), /*#__PURE__*/_jsx("path", {
41
+ d: "M36.18 48.3864L21.9764 52.8438C15.2615 46.129 16.213 36.7732 16.213 36.7732L19.8803 25.0682C19.8803 25.0682 22.1487 34.3552 36.18 48.3864Z",
42
+ fill: "white",
43
+ stroke: "#10162F",
44
+ strokeMiterlimit: "10"
45
+ }), /*#__PURE__*/_jsx("path", {
46
+ d: "M36.2246 48.3086L22.021 52.7659C15.3061 46.0511 16.2576 36.6953 16.2576 36.6953L19.9248 24.9903C19.9248 24.9903 22.1933 34.2773 36.2246 48.3086Z",
47
+ fill: "url(#pattern0)",
48
+ stroke: "#10162F",
49
+ strokeMiterlimit: "10"
50
+ }), /*#__PURE__*/_jsx("path", {
51
+ d: "M21.9341 53.0172L21.8689 52.952C18.3727 49.4559 16.9799 45.2404 16.4271 42.3193C15.8284 39.1558 16.0591 36.7819 16.0618 36.7588L16.068 36.7284L19.8984 24.5026L20.0283 25.0327C20.034 25.0558 20.6219 27.3926 22.9109 31.4084C25.024 35.1154 29.0599 41.0516 36.288 48.2795L36.4656 48.4571L36.2259 48.5324L21.9341 53.0172ZM16.3629 36.8034C16.3446 37.0076 16.1599 39.2793 16.7281 42.2726C17.2703 45.1302 18.6288 49.246 22.0192 52.6714L35.8952 48.3169C28.7464 41.1372 24.7412 35.2376 22.6363 31.5413C20.9323 28.5494 20.1639 26.4764 19.8763 25.5892L16.3629 36.8034Z",
52
+ fill: "#10162F"
53
+ }), /*#__PURE__*/_jsx("path", {
54
+ d: "M32.389 26.4508C32.389 26.4508 42.0196 13.9349 38.219 3",
55
+ stroke: "#10162F",
56
+ strokeMiterlimit: "10"
57
+ }), /*#__PURE__*/_jsx("path", {
58
+ d: "M37.2533 27.5039C37.2533 27.5039 42.9696 18.6008 50.3582 15.1393",
59
+ stroke: "#10162F",
60
+ strokeMiterlimit: "10"
61
+ }), /*#__PURE__*/_jsx("path", {
62
+ d: "M39.8839 30.8061C39.8839 30.8061 48.1706 23.4395 61.9813 25.7283",
63
+ stroke: "#10162F",
64
+ strokeMiterlimit: "10"
65
+ }), /*#__PURE__*/_jsx("path", {
66
+ d: "M67.6147 30.1238C68.932 30.1238 69.9999 29.0559 69.9999 27.7386C69.9999 26.4212 68.932 25.3533 67.6147 25.3533C66.2974 25.3533 65.2295 26.4212 65.2295 27.7386C65.2295 29.0559 66.2974 30.1238 67.6147 30.1238Z",
67
+ fill: "white",
68
+ stroke: "#10162F",
69
+ strokeMiterlimit: "10"
70
+ }), /*#__PURE__*/_jsx("path", {
71
+ d: "M58.4767 7.94479L57.5287 10.7402L59.2943 13.106L56.3426 13.0682L54.638 15.4783L53.7618 12.6595L50.943 11.7833L53.3531 10.0787L53.3153 7.12715L55.6811 8.8927L58.4767 7.94479Z",
72
+ fill: "white",
73
+ stroke: "#10162F",
74
+ strokeMiterlimit: "10"
75
+ }), /*#__PURE__*/_jsx("path", {
76
+ d: "M47.2601 33.3889C47.2601 33.3889 52.2097 31.0675 58.8413 33.1386",
77
+ stroke: "#10162F",
78
+ strokeMiterlimit: "10"
79
+ }), /*#__PURE__*/_jsxs("defs", {
80
+ children: [/*#__PURE__*/_jsx("pattern", {
81
+ id: "pattern0",
82
+ patternContentUnits: "objectBoundingBox",
83
+ width: "3.19786",
84
+ height: "2.30418",
85
+ children: /*#__PURE__*/_jsx("use", {
86
+ xlinkHref: "#image0",
87
+ transform: "scale(0.0499666 0.0360028)"
88
+ })
89
+ }), /*#__PURE__*/_jsx("image", {
90
+ id: "image0",
91
+ width: "64",
92
+ height: "64",
93
+ xlinkHref: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACkSURBVHgB7dcxEsIwDAVR6f53Boo/FNBkPEkYrN3Xye3+xlVVz/pEu/XmEqgsr3AJVJZXuAQqyytcApXlFS6ByvIKl0BleYVLoLK8wiVQWV5BK/8oheWh+vuBVh67BMsXVB/cuPKYJVj+4B6rF29c+bFLsPziPUafvHHlxyzB8ifvbfXFN678tkuw/MX3NvrmG1d+myVY/ub7b/WPb1z5sb/CJS8ZOf4BH9R+4AAAAABJRU5ErkJggg=="
94
+ })]
95
+ })]
96
+ });
89
97
  };
package/dist/EmailAt.d.ts CHANGED
@@ -1,3 +1,3 @@
1
- import React from 'react';
1
+ import * as React from 'react';
2
2
  import { IllustrationProps } from './types';
3
3
  export declare const EmailAt: React.FC<IllustrationProps>;
package/dist/EmailAt.js CHANGED
@@ -1,34 +1,39 @@
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 EmailAt = function EmailAt(_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 48 48",
13
15
  fill: "none",
14
- xmlns: "http://www.w3.org/2000/svg"
15
- }, /*#__PURE__*/React.createElement("title", null, "Email At Icon"), /*#__PURE__*/React.createElement("circle", {
16
- cx: "24",
17
- cy: "24",
18
- r: "23.5",
19
- fill: "white",
20
- stroke: "#10162F"
21
- }), /*#__PURE__*/React.createElement("path", {
22
- d: "M28.375 24C28.375 24.8653 28.1184 25.7112 27.6377 26.4306C27.157 27.1501 26.4737 27.7108 25.6742 28.042C24.8748 28.3731 23.9951 28.4597 23.1465 28.2909C22.2978 28.1221 21.5183 27.7054 20.9064 27.0936C20.2946 26.4817 19.8779 25.7022 19.7091 24.8535C19.5403 24.0049 19.6269 23.1252 19.958 22.3258C20.2892 21.5263 20.8499 20.8431 21.5694 20.3623C22.2888 19.8816 23.1347 19.625 24 19.625C25.1603 19.625 26.2731 20.0859 27.0936 20.9064C27.9141 21.7269 28.375 22.8397 28.375 24Z",
23
- stroke: "#10162F",
24
- strokeWidth: "1.25",
25
- strokeLinecap: "round",
26
- strokeLinejoin: "round"
27
- }), /*#__PURE__*/React.createElement("path", {
28
- d: "M28.3751 24V25.875C28.3751 26.538 28.6384 27.1739 29.1073 27.6427C29.5761 28.1116 30.212 28.375 30.8751 28.375C31.5381 28.375 32.174 28.1116 32.6428 27.6427C33.1117 27.1739 33.3751 26.538 33.3751 25.875V24C33.375 21.8883 32.6619 19.8385 31.3514 18.1827C30.0408 16.5269 28.2096 15.3621 26.1544 14.8769C24.0992 14.3918 21.9404 14.6148 20.0278 15.5098C18.1152 16.4048 16.5607 17.9194 15.6164 19.8081C14.672 21.6969 14.393 23.8492 14.8246 25.9163C15.2562 27.9834 16.373 29.8442 17.9943 31.1973C19.6155 32.5504 21.646 33.3165 23.757 33.3714C25.868 33.4263 27.9357 32.7669 29.6251 31.5",
29
- stroke: "#10162F",
30
- strokeWidth: "1.25",
31
- strokeLinecap: "round",
32
- strokeLinejoin: "round"
33
- }));
16
+ xmlns: "http://www.w3.org/2000/svg",
17
+ children: [/*#__PURE__*/_jsx("title", {
18
+ children: "Email At 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: "M28.375 24C28.375 24.8653 28.1184 25.7112 27.6377 26.4306C27.157 27.1501 26.4737 27.7108 25.6742 28.042C24.8748 28.3731 23.9951 28.4597 23.1465 28.2909C22.2978 28.1221 21.5183 27.7054 20.9064 27.0936C20.2946 26.4817 19.8779 25.7022 19.7091 24.8535C19.5403 24.0049 19.6269 23.1252 19.958 22.3258C20.2892 21.5263 20.8499 20.8431 21.5694 20.3623C22.2888 19.8816 23.1347 19.625 24 19.625C25.1603 19.625 26.2731 20.0859 27.0936 20.9064C27.9141 21.7269 28.375 22.8397 28.375 24Z",
27
+ stroke: "#10162F",
28
+ strokeWidth: "1.25",
29
+ strokeLinecap: "round",
30
+ strokeLinejoin: "round"
31
+ }), /*#__PURE__*/_jsx("path", {
32
+ d: "M28.3751 24V25.875C28.3751 26.538 28.6384 27.1739 29.1073 27.6427C29.5761 28.1116 30.212 28.375 30.8751 28.375C31.5381 28.375 32.174 28.1116 32.6428 27.6427C33.1117 27.1739 33.3751 26.538 33.3751 25.875V24C33.375 21.8883 32.6619 19.8385 31.3514 18.1827C30.0408 16.5269 28.2096 15.3621 26.1544 14.8769C24.0992 14.3918 21.9404 14.6148 20.0278 15.5098C18.1152 16.4048 16.5607 17.9194 15.6164 19.8081C14.672 21.6969 14.393 23.8492 14.8246 25.9163C15.2562 27.9834 16.373 29.8442 17.9943 31.1973C19.6155 32.5504 21.646 33.3165 23.757 33.3714C25.868 33.4263 27.9357 32.7669 29.6251 31.5",
33
+ stroke: "#10162F",
34
+ strokeWidth: "1.25",
35
+ strokeLinecap: "round",
36
+ strokeLinejoin: "round"
37
+ })]
38
+ });
34
39
  };
@@ -1,3 +1,3 @@
1
- import React from 'react';
1
+ import * as React from 'react';
2
2
  import { IllustrationProps } from './types';
3
3
  export declare const Envelope: React.FC<IllustrationProps>;
package/dist/Envelope.js CHANGED
@@ -1,34 +1,39 @@
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 Envelope = function Envelope(_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 48 48",
13
15
  fill: "none",
14
- xmlns: "http://www.w3.org/2000/svg"
15
- }, /*#__PURE__*/React.createElement("title", null, "Envelope Icon"), /*#__PURE__*/React.createElement("circle", {
16
- cx: "24",
17
- cy: "24",
18
- r: "23.5",
19
- fill: "white",
20
- stroke: "black"
21
- }), /*#__PURE__*/React.createElement("path", {
22
- d: "M15.25 17.9585H32.75V30.4585H15.25V17.9585Z",
23
- stroke: "black",
24
- strokeWidth: "1.25",
25
- strokeLinecap: "round",
26
- strokeLinejoin: "round"
27
- }), /*#__PURE__*/React.createElement("path", {
28
- d: "M32.4682 18.417L25.6815 23.637C25.1996 24.0077 24.6087 24.2087 24.0007 24.2087C23.3927 24.2087 22.8018 24.0077 22.3199 23.637L15.5332 18.417",
29
- stroke: "black",
30
- strokeWidth: "1.25",
31
- strokeLinecap: "round",
32
- strokeLinejoin: "round"
33
- }));
16
+ xmlns: "http://www.w3.org/2000/svg",
17
+ children: [/*#__PURE__*/_jsx("title", {
18
+ children: "Envelope Icon"
19
+ }), /*#__PURE__*/_jsx("circle", {
20
+ cx: "24",
21
+ cy: "24",
22
+ r: "23.5",
23
+ fill: "white",
24
+ stroke: "black"
25
+ }), /*#__PURE__*/_jsx("path", {
26
+ d: "M15.25 17.9585H32.75V30.4585H15.25V17.9585Z",
27
+ stroke: "black",
28
+ strokeWidth: "1.25",
29
+ strokeLinecap: "round",
30
+ strokeLinejoin: "round"
31
+ }), /*#__PURE__*/_jsx("path", {
32
+ d: "M32.4682 18.417L25.6815 23.637C25.1996 24.0077 24.6087 24.2087 24.0007 24.2087C23.3927 24.2087 22.8018 24.0077 22.3199 23.637L15.5332 18.417",
33
+ stroke: "black",
34
+ strokeWidth: "1.25",
35
+ strokeLinecap: "round",
36
+ strokeLinejoin: "round"
37
+ })]
38
+ });
34
39
  };
package/dist/Heart.d.ts CHANGED
@@ -1,3 +1,3 @@
1
- import React from 'react';
1
+ import * as React from 'react';
2
2
  import { IllustrationProps } from './types';
3
3
  export declare const Heart: React.FC<IllustrationProps>;
package/dist/Heart.js CHANGED
@@ -1,28 +1,33 @@
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 Heart = function Heart(_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 48 48",
13
15
  fill: "none",
14
- xmlns: "http://www.w3.org/2000/svg"
15
- }, /*#__PURE__*/React.createElement("title", null, "Heart Icon"), /*#__PURE__*/React.createElement("circle", {
16
- cx: "24",
17
- cy: "24",
18
- r: "23.5",
19
- fill: "white",
20
- stroke: "black"
21
- }), /*#__PURE__*/React.createElement("path", {
22
- d: "M24.0007 33.2032L16.0107 24.8698C15.3085 24.1682 14.845 23.2632 14.686 22.2833C14.527 21.3034 14.6806 20.2984 15.1249 19.4107V19.4107C15.4599 18.7408 15.9494 18.1601 16.5529 17.7164C17.1563 17.2727 17.8566 16.9788 18.5959 16.8589C19.3353 16.7389 20.0926 16.7964 20.8054 17.0265C21.5181 17.2566 22.1661 17.6527 22.6957 18.1823L24.0007 19.4865L25.3057 18.1823C25.8354 17.6527 26.4833 17.2566 27.1961 17.0265C27.9089 16.7964 28.6662 16.7389 29.4055 16.8589C30.1449 16.9788 30.8451 17.2727 31.4486 17.7164C32.0521 18.1601 32.5415 18.7408 32.8766 19.4107C33.3203 20.298 33.4736 21.3025 33.3147 22.2818C33.1559 23.2612 32.693 24.1657 31.9916 24.8673L24.0007 33.2032Z",
23
- stroke: "#10162F",
24
- strokeWidth: "1.25",
25
- strokeLinecap: "round",
26
- strokeLinejoin: "round"
27
- }));
16
+ xmlns: "http://www.w3.org/2000/svg",
17
+ children: [/*#__PURE__*/_jsx("title", {
18
+ children: "Heart Icon"
19
+ }), /*#__PURE__*/_jsx("circle", {
20
+ cx: "24",
21
+ cy: "24",
22
+ r: "23.5",
23
+ fill: "white",
24
+ stroke: "black"
25
+ }), /*#__PURE__*/_jsx("path", {
26
+ d: "M24.0007 33.2032L16.0107 24.8698C15.3085 24.1682 14.845 23.2632 14.686 22.2833C14.527 21.3034 14.6806 20.2984 15.1249 19.4107V19.4107C15.4599 18.7408 15.9494 18.1601 16.5529 17.7164C17.1563 17.2727 17.8566 16.9788 18.5959 16.8589C19.3353 16.7389 20.0926 16.7964 20.8054 17.0265C21.5181 17.2566 22.1661 17.6527 22.6957 18.1823L24.0007 19.4865L25.3057 18.1823C25.8354 17.6527 26.4833 17.2566 27.1961 17.0265C27.9089 16.7964 28.6662 16.7389 29.4055 16.8589C30.1449 16.9788 30.8451 17.2727 31.4486 17.7164C32.0521 18.1601 32.5415 18.7408 32.8766 19.4107C33.3203 20.298 33.4736 21.3025 33.3147 22.2818C33.1559 23.2612 32.693 24.1657 31.9916 24.8673L24.0007 33.2032Z",
27
+ stroke: "#10162F",
28
+ strokeWidth: "1.25",
29
+ strokeLinecap: "round",
30
+ strokeLinejoin: "round"
31
+ })]
32
+ });
28
33
  };
package/dist/Hills.d.ts CHANGED
@@ -1,3 +1,3 @@
1
- import React from 'react';
1
+ import * as React from 'react';
2
2
  import { IllustrationProps } from './types';
3
3
  export declare const Hills: React.FC<IllustrationProps>;
package/dist/Hills.js CHANGED
@@ -1,47 +1,54 @@
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 Hills = function Hills(_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
  height: height,
11
13
  width: width,
12
14
  viewBox: "0 0 101 138",
13
15
  fill: "none",
14
- xmlns: "http://www.w3.org/2000/svg"
15
- }, /*#__PURE__*/React.createElement("title", null, "Hills Illustration"), /*#__PURE__*/React.createElement("mask", {
16
- id: "mask0",
17
- "mask-type": "alpha",
18
- maskUnits: "userSpaceOnUse",
19
- x: "1",
20
- y: "1",
21
- width: "100",
22
- height: "136"
23
- }, /*#__PURE__*/React.createElement("path", {
24
- d: "M2.18262 135.524C2.18262 134.12 2.24105 48.562 2.35466 47.184C3.3909 34.8717 8.96465 23.406 17.9667 15.0689C26.9687 6.73168 38.739 2.13423 50.9352 2.19145C63.1313 2.24866 74.8591 6.95634 83.7845 15.3776C92.71 23.7989 98.1787 35.3163 99.1024 47.6378C99.1932 48.8678 99.2387 134.275 99.2387 135.524H2.18262Z",
25
- fill: "white",
26
- stroke: "#10162F",
27
- strokeWidth: "2",
28
- strokeMiterlimit: "10"
29
- })), /*#__PURE__*/React.createElement("g", {
30
- mask: "url(#mask0)"
31
- }, /*#__PURE__*/React.createElement("path", {
32
- d: "M121.861 288.57C182.183 288.57 231.084 239.385 231.084 178.713C231.084 118.042 182.183 68.8572 121.861 68.8572C89.5017 68.8572 60.4288 83.0113 40.4287 105.5",
33
- stroke: "#10162F"
34
- }), /*#__PURE__*/React.createElement("path", {
35
- d: "M75.2861 64.2294C90.7932 64.2294 103.364 51.4928 103.364 35.7813C103.364 20.0699 90.7932 7.33325 75.2861 7.33325C59.779 7.33325 47.208 20.0699 47.208 35.7813C47.208 51.4928 59.779 64.2294 75.2861 64.2294Z",
36
- stroke: "#10162F",
37
- strokeMiterlimit: "10"
38
- }), /*#__PURE__*/React.createElement("path", {
39
- d: "M15.9787 206.634C45.2898 206.634 69.0512 182.56 69.0512 152.862C69.0512 123.165 45.2898 99.0907 15.9787 99.0907C-13.3324 99.0907 -37.0938 123.165 -37.0938 152.862C-37.0938 182.56 -13.3324 206.634 15.9787 206.634Z",
40
- stroke: "#10162F",
41
- strokeMiterlimit: "10"
42
- })), /*#__PURE__*/React.createElement("path", {
43
- d: "M1 136.714C1 135.285 1.05985 48.1991 1.17624 46.7965C2.23775 34.2643 7.94745 22.594 17.169 14.1079C26.3906 5.62185 38.448 0.942302 50.9416 1.00054C63.4352 1.05877 75.449 5.85052 84.5922 14.4222C93.7353 22.9938 99.3374 34.7169 100.284 47.2584C100.377 48.5104 100.423 135.442 100.423 136.714H1Z",
44
- stroke: "#10162F",
45
- strokeMiterlimit: "10"
46
- }));
16
+ xmlns: "http://www.w3.org/2000/svg",
17
+ children: [/*#__PURE__*/_jsx("title", {
18
+ children: "Hills Illustration"
19
+ }), /*#__PURE__*/_jsx("mask", {
20
+ id: "mask0",
21
+ "mask-type": "alpha",
22
+ maskUnits: "userSpaceOnUse",
23
+ x: "1",
24
+ y: "1",
25
+ width: "100",
26
+ height: "136",
27
+ children: /*#__PURE__*/_jsx("path", {
28
+ d: "M2.18262 135.524C2.18262 134.12 2.24105 48.562 2.35466 47.184C3.3909 34.8717 8.96465 23.406 17.9667 15.0689C26.9687 6.73168 38.739 2.13423 50.9352 2.19145C63.1313 2.24866 74.8591 6.95634 83.7845 15.3776C92.71 23.7989 98.1787 35.3163 99.1024 47.6378C99.1932 48.8678 99.2387 134.275 99.2387 135.524H2.18262Z",
29
+ fill: "white",
30
+ stroke: "#10162F",
31
+ strokeWidth: "2",
32
+ strokeMiterlimit: "10"
33
+ })
34
+ }), /*#__PURE__*/_jsxs("g", {
35
+ mask: "url(#mask0)",
36
+ children: [/*#__PURE__*/_jsx("path", {
37
+ d: "M121.861 288.57C182.183 288.57 231.084 239.385 231.084 178.713C231.084 118.042 182.183 68.8572 121.861 68.8572C89.5017 68.8572 60.4288 83.0113 40.4287 105.5",
38
+ stroke: "#10162F"
39
+ }), /*#__PURE__*/_jsx("path", {
40
+ d: "M75.2861 64.2294C90.7932 64.2294 103.364 51.4928 103.364 35.7813C103.364 20.0699 90.7932 7.33325 75.2861 7.33325C59.779 7.33325 47.208 20.0699 47.208 35.7813C47.208 51.4928 59.779 64.2294 75.2861 64.2294Z",
41
+ stroke: "#10162F",
42
+ strokeMiterlimit: "10"
43
+ }), /*#__PURE__*/_jsx("path", {
44
+ d: "M15.9787 206.634C45.2898 206.634 69.0512 182.56 69.0512 152.862C69.0512 123.165 45.2898 99.0907 15.9787 99.0907C-13.3324 99.0907 -37.0938 123.165 -37.0938 152.862C-37.0938 182.56 -13.3324 206.634 15.9787 206.634Z",
45
+ stroke: "#10162F",
46
+ strokeMiterlimit: "10"
47
+ })]
48
+ }), /*#__PURE__*/_jsx("path", {
49
+ d: "M1 136.714C1 135.285 1.05985 48.1991 1.17624 46.7965C2.23775 34.2643 7.94745 22.594 17.169 14.1079C26.3906 5.62185 38.448 0.942302 50.9416 1.00054C63.4352 1.05877 75.449 5.85052 84.5922 14.4222C93.7353 22.9938 99.3374 34.7169 100.284 47.2584C100.377 48.5104 100.423 135.442 100.423 136.714H1Z",
50
+ stroke: "#10162F",
51
+ strokeMiterlimit: "10"
52
+ })]
53
+ });
47
54
  };
@@ -1,3 +1,3 @@
1
- import React from 'react';
1
+ import * as React from 'react';
2
2
  import { IllustrationProps } from './types';
3
3
  export declare const HomeOffice: React.FC<IllustrationProps>;