@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.
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
@@ -1,40 +1,45 @@
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 BrowserLock = function BrowserLock(_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
  fill: "none",
11
13
  height: height,
12
14
  viewBox: "0 0 287 244",
13
15
  width: width,
14
- xmlns: "http://www.w3.org/2000/svg"
15
- }, /*#__PURE__*/React.createElement("title", null, "Browser Lock Illustration"), /*#__PURE__*/React.createElement("path", {
16
- fill: "#10162F",
17
- stroke: "#10162F",
18
- strokeMiterlimit: "10",
19
- strokeWidth: "2",
20
- d: "M275.481 12.345H1V242.58h274.481V12.345z"
21
- }), /*#__PURE__*/React.createElement("path", {
22
- d: "M285.973 1H11.493v230.234h274.48V1z",
23
- fill: "#fff",
24
- stroke: "#10162F",
25
- strokeMiterlimit: "10",
26
- strokeWidth: "2"
27
- }), /*#__PURE__*/React.createElement("path", {
28
- fill: "#10162F",
29
- d: "M35.393 28.126a3.477 3.477 0 11-.015-6.955 3.477 3.477 0 01.015 6.955z"
30
- }), /*#__PURE__*/React.createElement("path", {
31
- fill: "#10162F",
32
- d: "M35.393 23.48a1.174 1.174 0 11-.189 2.342 1.174 1.174 0 01.19-2.341zm0-4.606a5.781 5.781 0 10-.015 11.562 5.781 5.781 0 00.015-11.562zM53.552 28.126a3.477 3.477 0 11-.016-6.955 3.477 3.477 0 01.016 6.955z"
33
- }), /*#__PURE__*/React.createElement("path", {
34
- fill: "#10162F",
35
- d: "M53.552 23.48a1.174 1.174 0 11-.19 2.342 1.174 1.174 0 01.19-2.341zm0-4.606a5.781 5.781 0 10-.015 11.562 5.781 5.781 0 00.015-11.562zM73.36 28.126a3.478 3.478 0 11-.015-6.956 3.478 3.478 0 01.015 6.956z"
36
- }), /*#__PURE__*/React.createElement("path", {
37
- fill: "#10162F",
38
- d: "M73.36 23.48a1.174 1.174 0 11-.19 2.342 1.174 1.174 0 01.19-2.341zm0-4.606a5.781 5.781 0 10-.015 11.562 5.781 5.781 0 00.015-11.562zM190.969 92.796a41.783 41.783 0 00-21.359-36.45 41.773 41.773 0 00-57.256 16.748 41.772 41.772 0 001.652 42.214 41.774 41.774 0 0016.216 14.702l-11.24 50.075h60.455l-11.256-50.067a41.756 41.756 0 0022.788-37.222z"
39
- }));
16
+ xmlns: "http://www.w3.org/2000/svg",
17
+ children: [/*#__PURE__*/_jsx("title", {
18
+ children: "Browser Lock Illustration"
19
+ }), /*#__PURE__*/_jsx("path", {
20
+ fill: "#10162F",
21
+ stroke: "#10162F",
22
+ strokeMiterlimit: "10",
23
+ strokeWidth: "2",
24
+ d: "M275.481 12.345H1V242.58h274.481V12.345z"
25
+ }), /*#__PURE__*/_jsx("path", {
26
+ d: "M285.973 1H11.493v230.234h274.48V1z",
27
+ fill: "#fff",
28
+ stroke: "#10162F",
29
+ strokeMiterlimit: "10",
30
+ strokeWidth: "2"
31
+ }), /*#__PURE__*/_jsx("path", {
32
+ fill: "#10162F",
33
+ d: "M35.393 28.126a3.477 3.477 0 11-.015-6.955 3.477 3.477 0 01.015 6.955z"
34
+ }), /*#__PURE__*/_jsx("path", {
35
+ fill: "#10162F",
36
+ d: "M35.393 23.48a1.174 1.174 0 11-.189 2.342 1.174 1.174 0 01.19-2.341zm0-4.606a5.781 5.781 0 10-.015 11.562 5.781 5.781 0 00.015-11.562zM53.552 28.126a3.477 3.477 0 11-.016-6.955 3.477 3.477 0 01.016 6.955z"
37
+ }), /*#__PURE__*/_jsx("path", {
38
+ fill: "#10162F",
39
+ d: "M53.552 23.48a1.174 1.174 0 11-.19 2.342 1.174 1.174 0 01.19-2.341zm0-4.606a5.781 5.781 0 10-.015 11.562 5.781 5.781 0 00.015-11.562zM73.36 28.126a3.478 3.478 0 11-.015-6.956 3.478 3.478 0 01.015 6.956z"
40
+ }), /*#__PURE__*/_jsx("path", {
41
+ fill: "#10162F",
42
+ d: "M73.36 23.48a1.174 1.174 0 11-.19 2.342 1.174 1.174 0 01.19-2.341zm0-4.606a5.781 5.781 0 10-.015 11.562 5.781 5.781 0 00.015-11.562zM190.969 92.796a41.783 41.783 0 00-21.359-36.45 41.773 41.773 0 00-57.256 16.748 41.772 41.772 0 001.652 42.214 41.774 41.774 0 0016.216 14.702l-11.24 50.075h60.455l-11.256-50.067a41.756 41.756 0 0022.788-37.222z"
43
+ })]
44
+ });
40
45
  };
@@ -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 BrowserPuzzle: React.FC<IllustrationProps>;
@@ -1,63 +1,70 @@
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 BrowserPuzzle = function BrowserPuzzle(_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 91 80",
13
15
  fill: "none",
14
- xmlns: "http://www.w3.org/2000/svg"
15
- }, /*#__PURE__*/React.createElement("title", null, "Browser Puzzler Illustration"), /*#__PURE__*/React.createElement("mask", {
16
- id: "a",
17
- fill: "#fff"
18
- }, /*#__PURE__*/React.createElement("path", {
19
- fillRule: "evenodd",
20
- clipRule: "evenodd",
21
- d: "M0 0h36.77v10.24a7.95 7.95 0 110 14.302V36.77H26.44a7.95 7.95 0 10-15.778 0H0V0z"
22
- })), /*#__PURE__*/React.createElement("path", {
23
- fillRule: "evenodd",
24
- clipRule: "evenodd",
25
- d: "M0 0h36.77v10.24a7.95 7.95 0 110 14.302V36.77H26.44a7.95 7.95 0 10-15.778 0H0V0z",
26
- fill: "#F5FCFF"
27
- }), /*#__PURE__*/React.createElement("path", {
28
- 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",
29
- fill: "#000",
30
- mask: "url(#a)"
31
- }), /*#__PURE__*/React.createElement("circle", {
32
- cx: "3.308",
33
- cy: "3.805",
34
- r: ".824",
35
- fill: "#10162F"
36
- }), /*#__PURE__*/React.createElement("circle", {
37
- cx: "5.615",
38
- cy: "3.805",
39
- r: ".824",
40
- fill: "#10162F"
41
- }), /*#__PURE__*/React.createElement("circle", {
42
- cx: "7.92",
43
- cy: "3.805",
44
- r: ".824",
45
- fill: "#10162F"
46
- }), /*#__PURE__*/React.createElement("mask", {
47
- id: "b",
48
- fill: "#fff"
49
- }, /*#__PURE__*/React.createElement("path", {
50
- fillRule: "evenodd",
51
- clipRule: "evenodd",
52
- 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"
53
- })), /*#__PURE__*/React.createElement("path", {
54
- fillRule: "evenodd",
55
- clipRule: "evenodd",
56
- 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",
57
- fill: "#fff"
58
- }), /*#__PURE__*/React.createElement("path", {
59
- 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",
60
- fill: "#000",
61
- mask: "url(#b)"
62
- }));
16
+ xmlns: "http://www.w3.org/2000/svg",
17
+ children: [/*#__PURE__*/_jsx("title", {
18
+ children: "Browser Puzzler Illustration"
19
+ }), /*#__PURE__*/_jsx("mask", {
20
+ id: "a",
21
+ fill: "#fff",
22
+ children: /*#__PURE__*/_jsx("path", {
23
+ fillRule: "evenodd",
24
+ clipRule: "evenodd",
25
+ d: "M0 0h36.77v10.24a7.95 7.95 0 110 14.302V36.77H26.44a7.95 7.95 0 10-15.778 0H0V0z"
26
+ })
27
+ }), /*#__PURE__*/_jsx("path", {
28
+ fillRule: "evenodd",
29
+ clipRule: "evenodd",
30
+ d: "M0 0h36.77v10.24a7.95 7.95 0 110 14.302V36.77H26.44a7.95 7.95 0 10-15.778 0H0V0z",
31
+ fill: "#F5FCFF"
32
+ }), /*#__PURE__*/_jsx("path", {
33
+ 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",
34
+ fill: "#000",
35
+ mask: "url(#a)"
36
+ }), /*#__PURE__*/_jsx("circle", {
37
+ cx: "3.308",
38
+ cy: "3.805",
39
+ r: ".824",
40
+ fill: "#10162F"
41
+ }), /*#__PURE__*/_jsx("circle", {
42
+ cx: "5.615",
43
+ cy: "3.805",
44
+ r: ".824",
45
+ fill: "#10162F"
46
+ }), /*#__PURE__*/_jsx("circle", {
47
+ cx: "7.92",
48
+ cy: "3.805",
49
+ r: ".824",
50
+ fill: "#10162F"
51
+ }), /*#__PURE__*/_jsx("mask", {
52
+ id: "b",
53
+ fill: "#fff",
54
+ children: /*#__PURE__*/_jsx("path", {
55
+ fillRule: "evenodd",
56
+ clipRule: "evenodd",
57
+ 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"
58
+ })
59
+ }), /*#__PURE__*/_jsx("path", {
60
+ fillRule: "evenodd",
61
+ clipRule: "evenodd",
62
+ 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",
63
+ fill: "#fff"
64
+ }), /*#__PURE__*/_jsx("path", {
65
+ 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",
66
+ fill: "#000",
67
+ mask: "url(#b)"
68
+ })]
69
+ });
63
70
  };
package/dist/ChatBox.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 ChatBox: React.FC<IllustrationProps>;
package/dist/ChatBox.js CHANGED
@@ -1,40 +1,45 @@
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 ChatBox = function ChatBox(_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, "ChatBox 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: "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",
23
- stroke: "black",
24
- strokeWidth: "1.25",
25
- strokeLinecap: "round",
26
- strokeLinejoin: "round"
27
- }), /*#__PURE__*/React.createElement("path", {
28
- d: "M18.375 21.25H29.625",
29
- stroke: "black",
30
- strokeWidth: "1.25",
31
- strokeLinecap: "round",
32
- strokeLinejoin: "round"
33
- }), /*#__PURE__*/React.createElement("path", {
34
- d: "M18.375 25H27.125",
35
- stroke: "black",
36
- strokeWidth: "1.25",
37
- strokeLinecap: "round",
38
- strokeLinejoin: "round"
39
- }));
16
+ xmlns: "http://www.w3.org/2000/svg",
17
+ children: [/*#__PURE__*/_jsx("title", {
18
+ children: "ChatBox 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: "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",
27
+ stroke: "black",
28
+ strokeWidth: "1.25",
29
+ strokeLinecap: "round",
30
+ strokeLinejoin: "round"
31
+ }), /*#__PURE__*/_jsx("path", {
32
+ d: "M18.375 21.25H29.625",
33
+ stroke: "black",
34
+ strokeWidth: "1.25",
35
+ strokeLinecap: "round",
36
+ strokeLinejoin: "round"
37
+ }), /*#__PURE__*/_jsx("path", {
38
+ d: "M18.375 25H27.125",
39
+ stroke: "black",
40
+ strokeWidth: "1.25",
41
+ strokeLinecap: "round",
42
+ strokeLinejoin: "round"
43
+ })]
44
+ });
40
45
  };
@@ -0,0 +1,3 @@
1
+ import * as React from 'react';
2
+ import { IllustrationProps } from './types';
3
+ export declare const CodeCelebration: React.FC<IllustrationProps>;
@@ -0,0 +1,158 @@
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 CodeCelebration = function CodeCelebration(_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 241 183",
15
+ fill: "none",
16
+ xmlns: "http://www.w3.org/2000/svg",
17
+ xmlnsXlink: "http://www.w3.org/1999/xlink",
18
+ children: [/*#__PURE__*/_jsx("path", {
19
+ fillRule: "evenodd",
20
+ clipRule: "evenodd",
21
+ d: "M.002 170.689c.623-17.538 18.504-29.928 31.897-25.482 8.468 2.812 14.715 8.22 23.975 1.764 6.155-4.292 7.537-12.705 11.787-21.538 12.64-26.264 60.609-26.241 75.095-10.124v55.38H.002Z",
22
+ fill: "#10162F"
23
+ }), /*#__PURE__*/_jsx("rect", {
24
+ x: "9.099",
25
+ y: "93.697",
26
+ width: "80.36",
27
+ height: "80.36",
28
+ rx: "40.18",
29
+ transform: "rotate(-90 9.099 93.697)",
30
+ fill: "#FFD300",
31
+ stroke: "#10162F",
32
+ strokeWidth: "1.103"
33
+ }), /*#__PURE__*/_jsx("path", {
34
+ fill: "#fff",
35
+ d: "M240.075 15.916v129.98H71.49V15.915z"
36
+ }), /*#__PURE__*/_jsx("path", {
37
+ transform: "rotate(90 240.075 15.916)",
38
+ fill: "url(#a)",
39
+ d: "M240.075 15.916h129.979v168.585H240.075z"
40
+ }), /*#__PURE__*/_jsx("path", {
41
+ stroke: "#10162F",
42
+ strokeWidth: "1.103",
43
+ d: "M240.075 15.916v129.98H71.49V15.915z"
44
+ }), /*#__PURE__*/_jsx("path", {
45
+ d: "M240.146 138.02v16.602H71.489V138.02h168.657Z",
46
+ fill: "#66C4FF",
47
+ stroke: "#10162F",
48
+ strokeWidth: "1.103"
49
+ }), /*#__PURE__*/_jsx("path", {
50
+ d: "M168.171 153.995v16.856h-24.934v-16.856h24.934Z",
51
+ fill: "#66C4FF",
52
+ stroke: "#10162F",
53
+ strokeWidth: "1.103"
54
+ }), /*#__PURE__*/_jsx("path", {
55
+ d: "M208.965 170.98v11.294H.002V170.98h208.963Z",
56
+ fill: "url(#b)"
57
+ }), /*#__PURE__*/_jsx("path", {
58
+ d: "M174.562 24.567c0-2.736-.35-8.414-.381-11.15-.1-8.727 7.331-15.877 15.216-10.633 8.75 6.587-4.931 29.64 7.671 29.64 3.189 0 4.773-2.321 5.473-4.752 1.969-6.836-1.499-14.575 1.05-21.307 2.322-6.131 8.715-5.477 11.997-1.916 2.516 2.73 2.721 7.483 3.102 11.923.381 4.44.381 5.576.381 8.364",
59
+ stroke: "#FFD300",
60
+ strokeWidth: "1.103",
61
+ strokeLinecap: "square",
62
+ strokeLinejoin: "round"
63
+ }), /*#__PURE__*/_jsx("path", {
64
+ d: "m184.271 100.403-49.009 15.38-19.616 6.155L137.402 52.5",
65
+ fill: "#66C4FF"
66
+ }), /*#__PURE__*/_jsx("path", {
67
+ d: "m184.271 100.403-49.009 15.38-19.616 6.155L137.402 52.5",
68
+ stroke: "#10162F",
69
+ strokeWidth: "1.103",
70
+ strokeMiterlimit: "10"
71
+ }), /*#__PURE__*/_jsx("path", {
72
+ d: "M187.215 98.892c5.085-5.085-1.654-20.07-15.053-33.468-13.398-13.4-28.383-20.139-33.468-15.054-5.085 5.086 1.654 20.07 15.053 33.469 13.399 13.399 28.383 20.138 33.468 15.053Z",
73
+ fill: "#fff",
74
+ stroke: "#10162F",
75
+ strokeWidth: "1.103",
76
+ strokeMiterlimit: "10"
77
+ }), /*#__PURE__*/_jsx("path", {
78
+ d: "m131.828 70.292 5.574-17.79",
79
+ stroke: "#10162F",
80
+ strokeWidth: "1.103",
81
+ strokeMiterlimit: "10"
82
+ }), /*#__PURE__*/_jsx("path", {
83
+ d: "m158.524 108.482-23.262 7.3c-10.998-10.998-9.44-26.32-9.44-26.32l6.006-19.172s3.716 15.21 26.696 38.192Z",
84
+ fill: "#fff",
85
+ stroke: "#10162F",
86
+ strokeWidth: "1.103",
87
+ strokeMiterlimit: "10"
88
+ }), /*#__PURE__*/_jsx("path", {
89
+ d: "m158.597 108.354-23.263 7.301c-10.998-10.998-9.44-26.321-9.44-26.321l6.007-19.17s3.715 15.21 26.696 38.19Z",
90
+ fill: "url(#c)",
91
+ stroke: "#10162F",
92
+ strokeWidth: "1.103",
93
+ strokeMiterlimit: "10"
94
+ }), /*#__PURE__*/_jsx("path", {
95
+ d: "m135.191 116.066-.107-.107c-5.726-5.726-8.007-12.63-8.912-17.415-.981-5.18-.603-9.069-.599-9.107l.01-.05 6.274-20.023.213.868c.009.038.972 3.865 4.721 10.442 3.461 6.072 10.071 15.794 21.909 27.632l.291.291-.392.123-23.408 7.346Zm-9.125-26.556c-.03.335-.332 4.055.599 8.958.888 4.68 3.112 11.421 8.665 17.031l22.727-7.132c-11.709-11.759-18.268-21.421-21.716-27.475-2.791-4.9-4.049-8.295-4.52-9.748l-5.755 18.366Z",
96
+ fill: "#10162F"
97
+ }), /*#__PURE__*/_jsx("path", {
98
+ d: "M152.314 72.556s15.774-20.5 9.549-38.409M160.283 74.28s9.363-14.582 21.464-20.251M164.592 79.69s13.572-12.066 36.191-8.317",
99
+ stroke: "#10162F",
100
+ strokeWidth: "1.103",
101
+ strokeMiterlimit: "10"
102
+ }), /*#__PURE__*/_jsx("path", {
103
+ d: "M210.008 78.572a3.907 3.907 0 1 0 0-7.814 3.907 3.907 0 0 0 0 7.814ZM195.042 42.246l-1.553 4.578 2.892 3.875-4.834-.062-2.792 3.948-1.435-4.617-4.617-1.435 3.947-2.792-.061-4.834 3.874 2.892 4.579-1.553Z",
104
+ fill: "#66C4FF",
105
+ stroke: "#10162F",
106
+ strokeWidth: "1.103",
107
+ strokeMiterlimit: "10"
108
+ }), /*#__PURE__*/_jsx("path", {
109
+ d: "M176.672 83.918s8.106-3.802 18.968-.41",
110
+ stroke: "#10162F",
111
+ strokeWidth: "1.103",
112
+ strokeMiterlimit: "10"
113
+ }), /*#__PURE__*/_jsx("path", {
114
+ d: "m194.256 125.599-5.229-5.228 3.696-3.865-14.67-4.55 4.549 15.135 4.445-4.649 5.184 5.183 2.025-2.026Z",
115
+ fill: "#FFD300",
116
+ stroke: "#10162F",
117
+ strokeWidth: "1.103",
118
+ strokeMiterlimit: "10"
119
+ }), /*#__PURE__*/_jsx("path", {
120
+ fill: "#FFD300",
121
+ d: "m102.945 20.677-7.892-7.892-7.892 7.892 7.892 7.892zM124.49 22.72l-5.58-9.667-9.666 5.581 5.58 9.666zM142.135 26.248V15.107h-11.373v11.14z"
122
+ }), /*#__PURE__*/_jsxs("defs", {
123
+ children: [/*#__PURE__*/_jsx("pattern", {
124
+ id: "a",
125
+ patternContentUnits: "objectBoundingBox",
126
+ width: ".269",
127
+ height: ".208",
128
+ children: /*#__PURE__*/_jsx("use", {
129
+ xlinkHref: "#d",
130
+ transform: "scale(.0042 .00325)"
131
+ })
132
+ }), /*#__PURE__*/_jsx("pattern", {
133
+ id: "b",
134
+ patternContentUnits: "objectBoundingBox",
135
+ width: "3.126",
136
+ height: ".169",
137
+ children: /*#__PURE__*/_jsx("use", {
138
+ xlinkHref: "#d",
139
+ transform: "scale(.04885 .00264)"
140
+ })
141
+ }), /*#__PURE__*/_jsx("pattern", {
142
+ id: "c",
143
+ patternContentUnits: "objectBoundingBox",
144
+ width: "1.077",
145
+ height: ".776",
146
+ children: /*#__PURE__*/_jsx("use", {
147
+ xlinkHref: "#d",
148
+ transform: "scale(.01683 .01213)"
149
+ })
150
+ }), /*#__PURE__*/_jsx("image", {
151
+ id: "d",
152
+ width: "64",
153
+ height: "64",
154
+ xlinkHref: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACkSURBVHgB7dcxEsIwDAVR6f53Boo/FNBkPEkYrN3Xye3+xlVVz/pEu/XmEqgsr3AJVJZXuAQqyytcApXlFS6ByvIKl0BleYVLoLK8wiVQWV5BK/8oheWh+vuBVh67BMsXVB/cuPKYJVj+4B6rF29c+bFLsPziPUafvHHlxyzB8ifvbfXFN678tkuw/MX3NvrmG1d+myVY/ub7b/WPb1z5sb/CJS8ZOf4BH9R+4AAAAABJRU5ErkJggg=="
155
+ })]
156
+ })]
157
+ });
158
+ };
@@ -0,0 +1,3 @@
1
+ import * as React from 'react';
2
+ import { IllustrationProps } from './types';
3
+ export declare const Coffee: React.FC<IllustrationProps>;
package/dist/Coffee.js ADDED
@@ -0,0 +1,63 @@
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 Coffee = function Coffee(_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 48 73",
15
+ fill: "none",
16
+ xmlns: "http://www.w3.org/2000/svg",
17
+ xmlnsXlink: "http://www.w3.org/1999/xlink",
18
+ children: [/*#__PURE__*/_jsx("title", {
19
+ children: "Coffee Illustration"
20
+ }), /*#__PURE__*/_jsx("path", {
21
+ d: "M1 28.124h36v37.05c0 1.578-.777 3.091-2.16 4.207-1.385 1.116-3.261 1.743-5.218 1.743H8.378c-1.957 0-3.834-.627-5.217-1.743C1.777 68.265 1 66.751 1 65.174v-37.05ZM37 51.15h4.055c.65-.002 1.273-.252 1.732-.696a2.331 2.331 0 0 0 .716-1.675V45.22c0-.628-.257-1.23-.716-1.675a2.495 2.495 0 0 0-1.732-.695H37V39h4.79c.684 0 1.362.13 1.994.383a5.223 5.223 0 0 1 1.69 1.091 5.026 5.026 0 0 1 1.13 1.635c.262.612.397 1.267.396 1.929v5.924c0 .662-.134 1.317-.396 1.929a5.026 5.026 0 0 1-1.13 1.635 5.22 5.22 0 0 1-1.69 1.091A5.363 5.363 0 0 1 41.79 55H37v-3.85Z",
22
+ fill: "#fff",
23
+ stroke: "#10162F",
24
+ strokeWidth: "1.5"
25
+ }), /*#__PURE__*/_jsx("path", {
26
+ d: "M22.311 11.876H7.557v15.702h14.754V11.876Z",
27
+ fill: "url(#a)"
28
+ }), /*#__PURE__*/_jsx("path", {
29
+ d: "M33.754 0H19v14.05h14.754V0Z",
30
+ fill: "url(#b)"
31
+ }), /*#__PURE__*/_jsx("path", {
32
+ d: "M1 62v2.47a7.61 7.61 0 0 0 2.16 5.324A7.303 7.303 0 0 0 8.379 72h21.244a7.303 7.303 0 0 0 5.217-2.206A7.61 7.61 0 0 0 37 64.47V62H1Z",
33
+ fill: "#fff",
34
+ stroke: "#10162F",
35
+ strokeWidth: "1.5"
36
+ }), /*#__PURE__*/_jsxs("defs", {
37
+ children: [/*#__PURE__*/_jsx("pattern", {
38
+ id: "a",
39
+ patternContentUnits: "objectBoundingBox",
40
+ width: ".542",
41
+ height: ".509",
42
+ children: /*#__PURE__*/_jsx("use", {
43
+ xlinkHref: "#c",
44
+ transform: "scale(.06778 .06368)"
45
+ })
46
+ }), /*#__PURE__*/_jsx("pattern", {
47
+ id: "b",
48
+ patternContentUnits: "objectBoundingBox",
49
+ width: ".542",
50
+ height: ".569",
51
+ children: /*#__PURE__*/_jsx("use", {
52
+ xlinkHref: "#c",
53
+ transform: "scale(.06778 .07118)"
54
+ })
55
+ }), /*#__PURE__*/_jsx("image", {
56
+ id: "c",
57
+ width: "8",
58
+ height: "8",
59
+ xlinkHref: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAeSURBVHgBzc4xAQAAAAEwEVxq6J+OGCzBQDk4MzgV8D0CqU26KA8AAAAASUVORK5CYII="
60
+ })]
61
+ })]
62
+ });
63
+ };
@@ -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 Confetti: React.FC<IllustrationProps>;