@codecademy/gamut-illustrations 1.0.0-alpha.f43515.0 → 67.0.0-alpha.7455bb.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 (90) 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/BlueprintWhite.d.ts +3 -0
  17. package/dist/BlueprintWhite.js +101 -0
  18. package/dist/BookAndNotepad.d.ts +3 -0
  19. package/dist/BookAndNotepad.js +96 -0
  20. package/dist/Browser.d.ts +1 -1
  21. package/dist/Browser.js +69 -61
  22. package/dist/BrowserLock.d.ts +1 -1
  23. package/dist/BrowserLock.js +36 -31
  24. package/dist/BrowserPuzzle.d.ts +1 -1
  25. package/dist/BrowserPuzzle.js +61 -54
  26. package/dist/ChatBox.d.ts +1 -1
  27. package/dist/ChatBox.js +36 -31
  28. package/dist/CodeCelebration.d.ts +3 -0
  29. package/dist/CodeCelebration.js +158 -0
  30. package/dist/Coffee.d.ts +3 -0
  31. package/dist/Coffee.js +63 -0
  32. package/dist/Confetti.d.ts +1 -1
  33. package/dist/Confetti.js +87 -79
  34. package/dist/EmailAt.d.ts +1 -1
  35. package/dist/EmailAt.js +30 -25
  36. package/dist/Envelope.d.ts +1 -1
  37. package/dist/Envelope.js +30 -25
  38. package/dist/ErrorWindow.d.ts +3 -0
  39. package/dist/ErrorWindow.js +128 -0
  40. package/dist/Heart.d.ts +1 -1
  41. package/dist/Heart.js +24 -19
  42. package/dist/Hills.d.ts +1 -1
  43. package/dist/Hills.js +45 -38
  44. package/dist/HomeOffice.d.ts +1 -1
  45. package/dist/HomeOffice.js +110 -99
  46. package/dist/Keyhole.d.ts +1 -1
  47. package/dist/Keyhole.js +24 -19
  48. package/dist/MagnifyingGlass.d.ts +3 -0
  49. package/dist/MagnifyingGlass.js +67 -0
  50. package/dist/Maze.d.ts +1 -1
  51. package/dist/Maze.js +61 -58
  52. package/dist/Megaphone.d.ts +1 -1
  53. package/dist/Megaphone.js +42 -37
  54. package/dist/MobilePhone.d.ts +3 -0
  55. package/dist/MobilePhone.js +96 -0
  56. package/dist/New.d.ts +1 -1
  57. package/dist/New.js +54 -49
  58. package/dist/NumberBlocks.d.ts +1 -1
  59. package/dist/NumberBlocks.js +273 -252
  60. package/dist/Onboarding.d.ts +1 -1
  61. package/dist/Onboarding.js +314 -253
  62. package/dist/Plant.d.ts +1 -1
  63. package/dist/Plant.js +62 -55
  64. package/dist/PortfolioProject.d.ts +1 -1
  65. package/dist/PortfolioProject.js +29 -26
  66. package/dist/PracticeProject.d.ts +1 -1
  67. package/dist/PracticeProject.js +37 -34
  68. package/dist/Puzzle.d.ts +3 -0
  69. package/dist/Puzzle.js +159 -0
  70. package/dist/Python.d.ts +1 -1
  71. package/dist/Python.js +16 -11
  72. package/dist/Sun.d.ts +1 -1
  73. package/dist/Sun.js +111 -103
  74. package/dist/Syllabus.d.ts +3 -0
  75. package/dist/Syllabus.js +352 -0
  76. package/dist/Target.d.ts +1 -1
  77. package/dist/Target.js +37 -32
  78. package/dist/TinyBlocks.d.ts +3 -0
  79. package/dist/TinyBlocks.js +22 -0
  80. package/dist/Warning.d.ts +3 -0
  81. package/dist/Warning.js +101 -0
  82. package/dist/index.d.ts +15 -0
  83. package/dist/index.js +16 -1
  84. package/dist/types.js +1 -0
  85. package/package.json +9 -11
  86. package/CHANGELOG.md +0 -1271
  87. package/babel.config.js +0 -15
  88. package/dist/__tests__/gamut-illustrations.test.js +0 -32
  89. package/jest.config.js +0 -1
  90. package/tsconfig.json +0 -7
package/dist/Keyhole.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 Keyhole = function Keyhole(_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 88 136",
13
15
  fill: "none",
14
- xmlns: "http://www.w3.org/2000/svg"
15
- }, /*#__PURE__*/React.createElement("title", null, "Keyhole Icon"), /*#__PURE__*/React.createElement("path", {
16
- d: "M87.5 44.0034V44.0037C87.5019 52.0199 85.2866 59.8805 81.099 66.7165C76.9114 73.5525 70.9145 79.0975 63.7715 82.7386L63.4255 82.9149L63.5107 83.2937L75.2288 135.415H12.8034L24.5055 83.2936L24.5905 82.9148L24.2447 82.7385C17.3555 79.2275 11.5269 73.944 7.35915 67.432C3.19143 60.92 0.835233 53.415 0.533202 45.6899C0.23117 37.9647 1.99423 30.2988 5.64081 23.4814C9.28738 16.664 14.6857 10.9417 21.2797 6.90371C27.8738 2.86574 35.4253 0.658102 43.1564 0.50818C50.8876 0.358259 58.519 2.27148 65.2648 6.05077C72.0105 9.83005 77.6266 15.3388 81.5349 22.0097C85.4431 28.6805 87.5022 36.2724 87.5 44.0034Z",
17
- stroke: "#10162F"
18
- }), /*#__PURE__*/React.createElement("path", {
19
- d: "M43.9998 54.1991C58.3095 54.1991 69.9097 48.4002 69.9097 41.2468C69.9097 34.0934 58.3095 28.2944 43.9998 28.2944C29.6901 28.2944 18.0898 34.0934 18.0898 41.2468C18.0898 48.4002 29.6901 54.1991 43.9998 54.1991Z",
20
- stroke: "#10162F",
21
- strokeMiterlimit: "10"
22
- }), /*#__PURE__*/React.createElement("path", {
23
- d: "M54.8271 47.723C57.2121 47.723 59.1454 45.79 59.1454 43.4056C59.1454 41.0211 57.2121 39.0881 54.8271 39.0881C52.4422 39.0881 50.5088 41.0211 50.5088 43.4056C50.5088 45.79 52.4422 47.723 54.8271 47.723Z",
24
- fill: "#10162F",
25
- stroke: "#10162F",
26
- strokeMiterlimit: "10"
27
- }));
16
+ xmlns: "http://www.w3.org/2000/svg",
17
+ children: [/*#__PURE__*/_jsx("title", {
18
+ children: "Keyhole Icon"
19
+ }), /*#__PURE__*/_jsx("path", {
20
+ d: "M87.5 44.0034V44.0037C87.5019 52.0199 85.2866 59.8805 81.099 66.7165C76.9114 73.5525 70.9145 79.0975 63.7715 82.7386L63.4255 82.9149L63.5107 83.2937L75.2288 135.415H12.8034L24.5055 83.2936L24.5905 82.9148L24.2447 82.7385C17.3555 79.2275 11.5269 73.944 7.35915 67.432C3.19143 60.92 0.835233 53.415 0.533202 45.6899C0.23117 37.9647 1.99423 30.2988 5.64081 23.4814C9.28738 16.664 14.6857 10.9417 21.2797 6.90371C27.8738 2.86574 35.4253 0.658102 43.1564 0.50818C50.8876 0.358259 58.519 2.27148 65.2648 6.05077C72.0105 9.83005 77.6266 15.3388 81.5349 22.0097C85.4431 28.6805 87.5022 36.2724 87.5 44.0034Z",
21
+ stroke: "#10162F"
22
+ }), /*#__PURE__*/_jsx("path", {
23
+ d: "M43.9998 54.1991C58.3095 54.1991 69.9097 48.4002 69.9097 41.2468C69.9097 34.0934 58.3095 28.2944 43.9998 28.2944C29.6901 28.2944 18.0898 34.0934 18.0898 41.2468C18.0898 48.4002 29.6901 54.1991 43.9998 54.1991Z",
24
+ stroke: "#10162F",
25
+ strokeMiterlimit: "10"
26
+ }), /*#__PURE__*/_jsx("path", {
27
+ d: "M54.8271 47.723C57.2121 47.723 59.1454 45.79 59.1454 43.4056C59.1454 41.0211 57.2121 39.0881 54.8271 39.0881C52.4422 39.0881 50.5088 41.0211 50.5088 43.4056C50.5088 45.79 52.4422 47.723 54.8271 47.723Z",
28
+ fill: "#10162F",
29
+ stroke: "#10162F",
30
+ strokeMiterlimit: "10"
31
+ })]
32
+ });
28
33
  };
@@ -0,0 +1,3 @@
1
+ import * as React from 'react';
2
+ import { IllustrationProps } from './types';
3
+ export declare const MagnifyingGlass: React.FC<IllustrationProps>;
@@ -0,0 +1,67 @@
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 MagnifyingGlass = function MagnifyingGlass(_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
+ fill: "none",
15
+ xmlns: "http://www.w3.org/2000/svg",
16
+ children: [/*#__PURE__*/_jsx("title", {
17
+ children: "Magnifying Glass Icon"
18
+ }), /*#__PURE__*/_jsx("path", {
19
+ fillRule: "evenodd",
20
+ clipRule: "evenodd",
21
+ d: "m121 114.509-12.071 10.904-42.204-46.722 12.07-10.904L121 114.51Z",
22
+ fill: "#F5FCFF"
23
+ }), /*#__PURE__*/_jsx("path", {
24
+ clipRule: "evenodd",
25
+ d: "m121 114.509-12.071 10.904-42.204-46.722 12.07-10.904L121 114.51Z",
26
+ stroke: "#10162F",
27
+ strokeWidth: "2"
28
+ }), /*#__PURE__*/_jsx("path", {
29
+ fillRule: "evenodd",
30
+ clipRule: "evenodd",
31
+ d: "M95.676 48.339c0 26.143-21.194 47.338-47.337 47.338C22.194 95.677 1 74.482 1 48.338 1 22.196 22.194 1 48.339 1c26.143 0 47.337 21.195 47.337 47.339Z",
32
+ fill: "#F5FCFF"
33
+ }), /*#__PURE__*/_jsx("path", {
34
+ clipRule: "evenodd",
35
+ d: "M95.676 48.339c0 26.143-21.194 47.338-47.337 47.338C22.194 95.677 1 74.482 1 48.338 1 22.196 22.194 1 48.339 1c26.143 0 47.337 21.195 47.337 47.339Z",
36
+ stroke: "#10162F",
37
+ strokeWidth: "2"
38
+ }), /*#__PURE__*/_jsx("path", {
39
+ fillRule: "evenodd",
40
+ clipRule: "evenodd",
41
+ d: "M89.805 48.339c0 22.9-18.565 41.466-41.467 41.466-22.902 0-41.467-18.565-41.467-41.467 0-22.9 18.565-41.466 41.467-41.466 22.902 0 41.467 18.565 41.467 41.467Z",
42
+ fill: "#10162F"
43
+ }), /*#__PURE__*/_jsx("path", {
44
+ clipRule: "evenodd",
45
+ d: "M89.805 48.339c0 22.9-18.565 41.466-41.467 41.466-22.902 0-41.467-18.565-41.467-41.467 0-22.9 18.565-41.466 41.467-41.466 22.902 0 41.467 18.565 41.467 41.467Z",
46
+ stroke: "#10162F",
47
+ strokeWidth: "2"
48
+ }), /*#__PURE__*/_jsx("mask", {
49
+ id: "a",
50
+ maskUnits: "userSpaceOnUse",
51
+ x: "8",
52
+ y: "3",
53
+ width: "119",
54
+ height: "91",
55
+ children: /*#__PURE__*/_jsx("path", {
56
+ d: "M8 48.416c0 24.705 26.636 44.732 59.493 44.732 32.858 0 59.494-20.027 59.494-44.731S100.351 3.684 67.493 3.684C34.636 3.684 8 23.713 8 48.417Z",
57
+ fill: "#fff"
58
+ })
59
+ }), /*#__PURE__*/_jsx("g", {
60
+ mask: "url(#a)",
61
+ fill: "#F5FCFF",
62
+ children: /*#__PURE__*/_jsx("path", {
63
+ d: "M-6.654-4.104c-1.48 3.16-3.84 3.68-8.68 3.8v2.52h7.4v19.52h-7.4v3.16h17.16v-3.16h-6.08v-25.84h-2.4Zm25.86 0c-1.48 3.16-3.84 3.68-8.68 3.8v2.52h7.4v19.52h-7.4v3.16h17.16v-3.16h-6.08v-25.84h-2.4Zm25.659 29.52c7.32 0 10.16-6.16 10.16-15.16s-2.84-14.88-10.16-14.88-10.12 5.88-10.12 14.88 2.8 15.16 10.12 15.16Zm-6.4-15.16c0-7.92 2.04-11.76 6.4-11.76 3.48 0 5.52 2.48 6.16 7.52l-12.52 5.72c-.04-.48-.04-.96-.04-1.48Zm6.4 12c-3.44 0-5.44-2.52-6.12-7.48l12.52-5.8c.04.44.04.84.04 1.28 0 7.92-2.08 12-6.44 12ZM-6.854 60.307c7.32 0 10.16-6.16 10.16-15.16s-2.84-14.88-10.16-14.88-10.12 5.88-10.12 14.88 2.8 15.16 10.12 15.16Zm-6.4-15.16c0-7.92 2.04-11.76 6.4-11.76 3.48 0 5.52 2.48 6.16 7.52l-12.52 5.72c-.04-.48-.04-.96-.04-1.48Zm6.4 12c-3.44 0-5.44-2.52-6.12-7.48l12.52-5.8c.04.44.04.84.04 1.28 0 7.92-2.08 12-6.44 12Zm26.06-26.36c-1.48 3.16-3.84 3.68-8.68 3.8v2.52h7.4v19.52h-7.4v3.16h17.16v-3.16h-6.08v-25.84h-2.4Zm25.859 0c-1.48 3.16-3.84 3.68-8.68 3.8v2.52h7.4v19.52h-7.4v3.16h17.16v-3.16h-6.08v-25.84h-2.4ZM-6.654 66.573c-1.48 3.16-3.84 3.68-8.68 3.8v2.52h7.4v19.52h-7.4v3.16h17.16v-3.16h-6.08v-25.84h-2.4Zm25.86 0c-1.48 3.16-3.84 3.68-8.68 3.8v2.52h7.4v19.52h-7.4v3.16h17.16v-3.16h-6.08v-25.84h-2.4Zm25.659 29.52c7.32 0 10.16-6.16 10.16-15.16s-2.84-14.88-10.16-14.88-10.12 5.88-10.12 14.88 2.8 15.16 10.12 15.16Zm-6.4-15.16c0-7.92 2.04-11.76 6.4-11.76 3.48 0 5.52 2.48 6.16 7.52l-12.52 5.72c-.04-.48-.04-.96-.04-1.48Zm6.4 12c-3.44 0-5.44-2.52-6.12-7.48l12.52-5.8c.04.44.04.84.04 1.28 0 7.92-2.08 12-6.44 12Z"
64
+ })
65
+ })]
66
+ });
67
+ };
package/dist/Maze.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 Maze: React.FC<IllustrationProps>;
package/dist/Maze.js CHANGED
@@ -1,67 +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 Maze = function Maze(_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 201 162",
13
15
  fill: "none",
14
- xmlns: "http://www.w3.org/2000/svg"
15
- }, /*#__PURE__*/React.createElement("path", {
16
- d: "M189.814 26.65H1.355v127.058h188.459V26.65Z",
17
- fill: "#66C4FF",
18
- stroke: "#10172F",
19
- strokeMiterlimit: "10"
20
- }), /*#__PURE__*/React.createElement("path", {
21
- d: "M1.12 77.31H35.34v18.2h-15.38M52.913 93.623v18.83H18.231v17.268M18.23 153.708v-7.044h17.336v-16.943h17.347v23.987M35.566 153.708h34.065M104.393 95.51H69.631v34.211h17.381v-18.043h51.648v35.491M104.146 78.163V43.65H87.641v34.514H52.6V60.906H18.23V26.65h34.368M35.33 43.649H52.6",
22
- stroke: "#10172F",
23
- strokeMiterlimit: "10"
24
- }), /*#__PURE__*/React.createElement("path", {
25
- d: "M121.751 43.649V95.51h16.909v33.166M121.752 147.17v-18.494h-17.606v25.032M87.136 143.586h17.01",
26
- stroke: "#10172F",
27
- strokeMiterlimit: "10"
28
- }), /*#__PURE__*/React.createElement("path", {
29
- d: "M189.836 61.142V43.705l-33.671-.056v17.437h17.257V95.51h-17.864V78.67H138.66v-52.02H69.631v34.257M155.558 129.721v-18.043h34.278V95.51M189.814 129.721h-16.246v23.987",
30
- stroke: "#10172F",
31
- strokeMiterlimit: "10"
32
- }), /*#__PURE__*/React.createElement("path", {
33
- d: "M200.151 1H20.691L1.12 26.65h188.458L200.151 1ZM200.15 1.023V128.16l-10.314 25.548V26.571L200.15 1.023Z",
34
- fill: "#F5FCFF",
35
- stroke: "#10172F",
36
- strokeLinejoin: "bevel"
37
- }), /*#__PURE__*/React.createElement("path", {
38
- d: "M200.15 1.022V1",
39
- stroke: "#231F20",
40
- strokeLinejoin: "bevel"
41
- }), /*#__PURE__*/React.createElement("path", {
42
- d: "M58.935 94.387H1.355v59.355h57.58V94.387Z",
43
- fill: "#F5FCFF",
44
- stroke: "#10172F",
45
- strokeMiterlimit: "10"
46
- }), /*#__PURE__*/React.createElement("path", {
47
- d: "M29.769 161V87.118l29.166 7.235v59.355L29.77 161Z",
48
- fill: "#F5FCFF",
49
- stroke: "#10172F",
50
- strokeLinejoin: "bevel"
51
- }), /*#__PURE__*/React.createElement("path", {
52
- d: "M29.78 87.118h-2.899V161h2.899V87.118Z",
53
- fill: "#10172F",
54
- stroke: "#231F20",
55
- strokeMiterlimit: "10"
56
- }), /*#__PURE__*/React.createElement("path", {
57
- d: "M147.649 78.669h-8.989V42.874a8.46 8.46 0 0 0-8.46-8.45 8.45 8.45 0 0 0-8.449 8.45v44.244a8.451 8.451 0 0 0 8.449 8.448h8.46v33.818a8.45 8.45 0 0 0 8.449 8.449 8.43 8.43 0 0 0 5.978-2.471 8.434 8.434 0 0 0 2.471-5.978V86.578a7.852 7.852 0 0 0-2.303-5.606 7.864 7.864 0 0 0-5.606-2.303Z",
58
- fill: "#1557FF",
59
- stroke: "#10172F",
60
- strokeMiterlimit: "10"
61
- }), /*#__PURE__*/React.createElement("path", {
62
- d: "M38.858 61.086a8.718 8.718 0 1 0 0-17.437 8.718 8.718 0 0 0 0 17.437Z",
63
- fill: "#10172F",
64
- stroke: "#231F20",
65
- strokeMiterlimit: "10"
66
- }));
16
+ xmlns: "http://www.w3.org/2000/svg",
17
+ children: [/*#__PURE__*/_jsx("path", {
18
+ d: "M189.814 26.65H1.355v127.058h188.459V26.65Z",
19
+ fill: "#66C4FF",
20
+ stroke: "#10172F",
21
+ strokeMiterlimit: "10"
22
+ }), /*#__PURE__*/_jsx("path", {
23
+ d: "M1.12 77.31H35.34v18.2h-15.38M52.913 93.623v18.83H18.231v17.268M18.23 153.708v-7.044h17.336v-16.943h17.347v23.987M35.566 153.708h34.065M104.393 95.51H69.631v34.211h17.381v-18.043h51.648v35.491M104.146 78.163V43.65H87.641v34.514H52.6V60.906H18.23V26.65h34.368M35.33 43.649H52.6",
24
+ stroke: "#10172F",
25
+ strokeMiterlimit: "10"
26
+ }), /*#__PURE__*/_jsx("path", {
27
+ d: "M121.751 43.649V95.51h16.909v33.166M121.752 147.17v-18.494h-17.606v25.032M87.136 143.586h17.01",
28
+ stroke: "#10172F",
29
+ strokeMiterlimit: "10"
30
+ }), /*#__PURE__*/_jsx("path", {
31
+ d: "M189.836 61.142V43.705l-33.671-.056v17.437h17.257V95.51h-17.864V78.67H138.66v-52.02H69.631v34.257M155.558 129.721v-18.043h34.278V95.51M189.814 129.721h-16.246v23.987",
32
+ stroke: "#10172F",
33
+ strokeMiterlimit: "10"
34
+ }), /*#__PURE__*/_jsx("path", {
35
+ d: "M200.151 1H20.691L1.12 26.65h188.458L200.151 1ZM200.15 1.023V128.16l-10.314 25.548V26.571L200.15 1.023Z",
36
+ fill: "#F5FCFF",
37
+ stroke: "#10172F",
38
+ strokeLinejoin: "bevel"
39
+ }), /*#__PURE__*/_jsx("path", {
40
+ d: "M200.15 1.022V1",
41
+ stroke: "#231F20",
42
+ strokeLinejoin: "bevel"
43
+ }), /*#__PURE__*/_jsx("path", {
44
+ d: "M58.935 94.387H1.355v59.355h57.58V94.387Z",
45
+ fill: "#F5FCFF",
46
+ stroke: "#10172F",
47
+ strokeMiterlimit: "10"
48
+ }), /*#__PURE__*/_jsx("path", {
49
+ d: "M29.769 161V87.118l29.166 7.235v59.355L29.77 161Z",
50
+ fill: "#F5FCFF",
51
+ stroke: "#10172F",
52
+ strokeLinejoin: "bevel"
53
+ }), /*#__PURE__*/_jsx("path", {
54
+ d: "M29.78 87.118h-2.899V161h2.899V87.118Z",
55
+ fill: "#10172F",
56
+ stroke: "#231F20",
57
+ strokeMiterlimit: "10"
58
+ }), /*#__PURE__*/_jsx("path", {
59
+ d: "M147.649 78.669h-8.989V42.874a8.46 8.46 0 0 0-8.46-8.45 8.45 8.45 0 0 0-8.449 8.45v44.244a8.451 8.451 0 0 0 8.449 8.448h8.46v33.818a8.45 8.45 0 0 0 8.449 8.449 8.43 8.43 0 0 0 5.978-2.471 8.434 8.434 0 0 0 2.471-5.978V86.578a7.852 7.852 0 0 0-2.303-5.606 7.864 7.864 0 0 0-5.606-2.303Z",
60
+ fill: "#1557FF",
61
+ stroke: "#10172F",
62
+ strokeMiterlimit: "10"
63
+ }), /*#__PURE__*/_jsx("path", {
64
+ d: "M38.858 61.086a8.718 8.718 0 1 0 0-17.437 8.718 8.718 0 0 0 0 17.437Z",
65
+ fill: "#10172F",
66
+ stroke: "#231F20",
67
+ strokeMiterlimit: "10"
68
+ })]
69
+ });
67
70
  };
@@ -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 Megaphone: React.FC<IllustrationProps>;
package/dist/Megaphone.js CHANGED
@@ -1,46 +1,51 @@
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 Megaphone = function Megaphone(_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 48 48",
13
15
  fill: "none",
14
- xmlns: "http://www.w3.org/2000/svg"
15
- }, /*#__PURE__*/React.createElement("title", null, "Megaphone 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: "M19.625 26.7083H17.75C16.9212 26.7083 16.1263 26.3791 15.5403 25.793C14.9542 25.207 14.625 24.4121 14.625 23.5833C14.625 22.7545 14.9542 21.9597 15.5403 21.3736C16.1263 20.7876 16.9212 20.4583 17.75 20.4583H19.625V26.7083Z",
23
- stroke: "#10162F",
24
- strokeWidth: "1.25",
25
- strokeLinecap: "round",
26
- strokeLinejoin: "round"
27
- }), /*#__PURE__*/React.createElement("path", {
28
- d: "M19.625 26.7083C23.2926 26.7086 26.8781 27.7942 29.93 29.8283L30.875 30.4583V16.7083L29.93 17.3383C26.8781 19.3724 23.2926 20.458 19.625 20.4583V26.7083Z",
29
- stroke: "#10162F",
30
- strokeWidth: "1.25",
31
- strokeLinecap: "round",
32
- strokeLinejoin: "round"
33
- }), /*#__PURE__*/React.createElement("path", {
34
- d: "M33.375 22.3333V24.8333",
35
- stroke: "#10162F",
36
- strokeWidth: "1.25",
37
- strokeLinecap: "round",
38
- strokeLinejoin: "round"
39
- }), /*#__PURE__*/React.createElement("path", {
40
- d: "M19.625 26.7083C19.6245 27.5266 19.7904 28.3364 20.1128 29.0886C20.4351 29.8407 20.9071 30.5194 21.5 31.0833",
41
- stroke: "#10162F",
42
- strokeWidth: "1.25",
43
- strokeLinecap: "round",
44
- strokeLinejoin: "round"
45
- }));
16
+ xmlns: "http://www.w3.org/2000/svg",
17
+ children: [/*#__PURE__*/_jsx("title", {
18
+ children: "Megaphone 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: "M19.625 26.7083H17.75C16.9212 26.7083 16.1263 26.3791 15.5403 25.793C14.9542 25.207 14.625 24.4121 14.625 23.5833C14.625 22.7545 14.9542 21.9597 15.5403 21.3736C16.1263 20.7876 16.9212 20.4583 17.75 20.4583H19.625V26.7083Z",
27
+ stroke: "#10162F",
28
+ strokeWidth: "1.25",
29
+ strokeLinecap: "round",
30
+ strokeLinejoin: "round"
31
+ }), /*#__PURE__*/_jsx("path", {
32
+ d: "M19.625 26.7083C23.2926 26.7086 26.8781 27.7942 29.93 29.8283L30.875 30.4583V16.7083L29.93 17.3383C26.8781 19.3724 23.2926 20.458 19.625 20.4583V26.7083Z",
33
+ stroke: "#10162F",
34
+ strokeWidth: "1.25",
35
+ strokeLinecap: "round",
36
+ strokeLinejoin: "round"
37
+ }), /*#__PURE__*/_jsx("path", {
38
+ d: "M33.375 22.3333V24.8333",
39
+ stroke: "#10162F",
40
+ strokeWidth: "1.25",
41
+ strokeLinecap: "round",
42
+ strokeLinejoin: "round"
43
+ }), /*#__PURE__*/_jsx("path", {
44
+ d: "M19.625 26.7083C19.6245 27.5266 19.7904 28.3364 20.1128 29.0886C20.4351 29.8407 20.9071 30.5194 21.5 31.0833",
45
+ stroke: "#10162F",
46
+ strokeWidth: "1.25",
47
+ strokeLinecap: "round",
48
+ strokeLinejoin: "round"
49
+ })]
50
+ });
46
51
  };
@@ -0,0 +1,3 @@
1
+ import * as React from 'react';
2
+ import { IllustrationProps } from './types';
3
+ export declare const MobilePhone: React.FC<IllustrationProps>;
@@ -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
@@ -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 New: React.FC<IllustrationProps>;
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
- 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 48 48",
13
15
  fill: "none",
14
- xmlns: "http://www.w3.org/2000/svg"
15
- }, /*#__PURE__*/React.createElement("title", null, "New 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: "M16.875 27.5V21.25L19.375 27.5V21.25",
23
- stroke: "#10162F",
24
- strokeWidth: "1.25",
25
- strokeLinecap: "round",
26
- strokeLinejoin: "round"
27
- }), /*#__PURE__*/React.createElement("path", {
28
- 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",
29
- stroke: "#10162F",
30
- strokeWidth: "1.25",
31
- strokeLinecap: "round",
32
- strokeLinejoin: "round"
33
- }), /*#__PURE__*/React.createElement("path", {
34
- d: "M21.875 25H24.375",
35
- stroke: "#10162F",
36
- strokeWidth: "1.25",
37
- strokeLinecap: "round",
38
- strokeLinejoin: "round"
39
- }), /*#__PURE__*/React.createElement("path", {
40
- 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",
41
- stroke: "#10162F",
42
- strokeWidth: "1.25",
43
- strokeLinecap: "round",
44
- strokeLinejoin: "round"
45
- }), /*#__PURE__*/React.createElement("path", {
46
- 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",
47
- stroke: "#10162F",
48
- strokeWidth: "1.25",
49
- strokeLinecap: "round",
50
- strokeLinejoin: "round"
51
- }), /*#__PURE__*/React.createElement("path", {
52
- 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",
53
- stroke: "#10162F",
54
- strokeWidth: "1.25",
55
- strokeLinecap: "round",
56
- strokeLinejoin: "round"
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
  };
@@ -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 NumberBlocks: React.FC<IllustrationProps>;