@spaced-out/ui-design-system 0.0.27 → 0.0.29

package/CHANGELOG.md

@@ -2,6 +2,20 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+### [0.0.29](https://github.com/spaced-out/ui-design-system/compare/v0.0.28...v0.0.29) (2023-02-21)
+
+
+### Features
+
+* empty state component ([#68](https://github.com/spaced-out/ui-design-system/issues/68)) ([c308d6b](https://github.com/spaced-out/ui-design-system/commit/c308d6b55e75ac3933d6a1327382d08117fcb17a))
+
+### [0.0.28](https://github.com/spaced-out/ui-design-system/compare/v0.0.27...v0.0.28) (2023-02-17)
+
+
+### Bug Fixes
+
+* menu sizing fix for dropdowns ([f73cd4d](https://github.com/spaced-out/ui-design-system/commit/f73cd4d525d31a25ab994bd0ecb883374d5cb68a))
+
 ### [0.0.27](https://github.com/spaced-out/ui-design-system/compare/v0.0.26...v0.0.27) (2023-02-16)
 
 

package/lib/components/ButtonDropdown/ButtonDropdown.js

@@ -104,7 +104,7 @@ const ButtonDropdown = _ref => {
         onOptionSelect && onOptionSelect(option);
         clickAway();
       },
-      size: size
+      size: menu.size || size
     }))));
   });
 };

package/lib/components/ButtonDropdown/ButtonDropdown.js.flow

@@ -137,7 +137,7 @@ export const ButtonDropdown = ({
                   onOptionSelect && onOptionSelect(option);
                   clickAway();
                 }}
-                size={size}
+                size={menu.size || size}
               />
             </div>
           )}

package/lib/components/Dropdown/Dropdown.js

@@ -27,6 +27,7 @@ const Dropdown = _ref => {
     placeholder = 'Select...',
     onChange,
     selectedOption,
+    menuSize,
     ...inputProps
   } = _ref;
   const [inputValue, setInputValue] = React.useState(selectedOption?.label);
@@ -98,7 +99,7 @@ const Dropdown = _ref => {
         handleSelect(option);
         clickAway();
       },
-      size: size
+      size: menuSize || size
     })));
   });
 };

package/lib/components/Dropdown/Dropdown.js.flow

@@ -44,6 +44,7 @@ export type DropdownProps = {
   options?: Array<MenuOption>,
   composeOptions?: Array<Array<MenuOption>>,
   selectedOption?: MenuOption,
+  menuSize?: 'medium' | 'small',
 };
 
 export const Dropdown = ({
@@ -54,6 +55,7 @@ export const Dropdown = ({
   placeholder = 'Select...',
   onChange,
   selectedOption,
+  menuSize,
   ...inputProps
 }: DropdownProps): React.Node => {
   const [inputValue, setInputValue] = React.useState(selectedOption?.label);
@@ -121,7 +123,7 @@ export const Dropdown = ({
                   handleSelect(option);
                   clickAway();
                 }}
-                size={size}
+                size={menuSize || size}
               />
             </div>
           )}

package/lib/components/EmptyState/EmptyImages/CalendarEmptyImage.js

@@ -0,0 +1,98 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CalendarEmptyImage = void 0;
+var React = _interopRequireWildcard(require("react"));
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+const CalendarEmptyImage = () => /*#__PURE__*/React.createElement("svg", {
+  width: "140",
+  height: "140",
+  viewBox: "0 0 140 140",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+}, /*#__PURE__*/React.createElement("path", {
+  d: "M70.0002 120C97.6145 120 120 97.6142 120 70C120 42.3858 97.6145 20 70.0002 20C42.3859 20 20 42.3858 20 70C20 97.6142 42.3859 120 70.0002 120Z",
+  fill: "#E6E5EF"
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M115.834 31.7826C117.296 30.4418 117.398 28.1655 116.062 26.6982C114.726 25.231 112.457 25.1285 110.995 26.4693C109.533 27.8102 109.43 30.0865 110.767 31.5537C112.103 33.021 114.372 33.1234 115.834 31.7826Z",
+  fill: "#9F9FBC"
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M44.0578 24.862C45.2971 24.4578 45.9752 23.1221 45.5724 21.8786C45.1696 20.635 43.8384 19.9546 42.5991 20.3588C41.3597 20.763 40.6816 22.0987 41.0844 23.3422C41.4873 24.5858 42.8185 25.2662 44.0578 24.862Z",
+  fill: "#9F9FBC"
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M97.4061 106.626H12.1772L27.7506 34.7443H113.074L97.4061 106.626Z",
+  fill: "white"
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M97.4061 106.626H12.1772L27.7506 34.7443H113.074L97.4061 106.626Z",
+  fill: "#F1F1F5",
+  stroke: "#D3D2E0",
+  "stroke-width": "2",
+  "stroke-miterlimit": "10"
+}), /*#__PURE__*/React.createElement("path", {
+  opacity: "0.1",
+  d: "M48.2321 106.626H30.5822C27.3731 106.626 24.7304 103.879 24.9192 100.659L27.7507 34.7443H31.998L48.2321 106.626Z",
+  fill: "#9F9FBC"
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M131.762 106.626H46.5331L32.0924 51.4125L31.998 51.0336L27.7507 34.7443H113.074L116.755 48.8554L117.321 51.0336L117.416 51.4125L131.762 106.626Z",
+  fill: "white",
+  stroke: "#D3D2E0",
+  "stroke-width": "2",
+  "stroke-miterlimit": "10",
+  "stroke-linejoin": "round"
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M33 51.0335H116.263L112.5 35.5H29L33 51.0335Z",
+  fill: "#F1F1F5"
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M50.2141 46.393C51.8822 46.393 53.2344 45.0361 53.2344 43.3624C53.2344 41.6886 51.8822 40.3318 50.2141 40.3318C48.5461 40.3318 47.1938 41.6886 47.1938 43.3624C47.1938 45.0361 48.5461 46.393 50.2141 46.393Z",
+  fill: "#EBEBEB",
+  stroke: "#8D8CAF",
+  "stroke-width": "2",
+  "stroke-miterlimit": "10"
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M100.049 46.393C101.717 46.393 103.069 45.0361 103.069 43.3624C103.069 41.6886 101.717 40.3318 100.049 40.3318C98.381 40.3318 97.0288 41.6886 97.0288 43.3624C97.0288 45.0361 98.381 46.393 100.049 46.393Z",
+  fill: "#EBEBEB",
+  stroke: "#8D8CAF",
+  "stroke-width": "2",
+  "stroke-miterlimit": "10"
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M50.4182 44.1411C49.8519 44.1411 49.3799 43.6676 49.3799 43.0993C49.3799 42.5311 49.8519 42.0576 50.4182 42.0576C52.4946 42.0576 54.6654 39.1217 54.6654 34.6705C54.6654 34.5758 54.6654 34.3864 54.6654 34.2917C54.5711 29.9353 52.4002 27.2835 50.4182 27.2835C48.5305 27.2835 46.454 29.8405 46.1709 33.8182H44C44.2832 28.8935 47.0203 25.2 50.3238 25.2C53.816 25.2 56.5531 29.2723 56.7419 34.4811C56.7419 34.5758 56.7419 34.6705 56.7419 34.7652C56.8363 39.9741 54.0048 44.1411 50.4182 44.1411Z",
+  fill: "#66658D"
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M100.011 44.1411C99.4443 44.1411 98.9724 43.6676 98.9724 43.0993C98.9724 42.5311 99.4443 42.0576 100.011 42.0576C102.087 42.0576 104.258 39.1217 104.258 34.6705C104.258 34.5758 104.258 34.3864 104.258 34.2917C104.164 29.9353 101.993 27.2835 100.011 27.2835C98.1229 27.2835 96.0465 29.8405 95.7633 33.8182H93.5925C93.8756 28.8935 96.6128 25.2 99.9162 25.2C103.409 25.2 106.146 29.2723 106.334 34.4811C106.334 34.5758 106.334 34.6705 106.334 34.7652C106.429 39.9741 103.597 44.1411 100.011 44.1411Z",
+  fill: "#66658D"
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M1.32324 106.531H138.652",
+  stroke: "#D3D2E0",
+  "stroke-width": "2",
+  "stroke-miterlimit": "10",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round"
+}), /*#__PURE__*/React.createElement("path", {
+  opacity: "0.3",
+  d: "M100.521 72.3424C99.9544 72.3424 99.5769 71.8688 99.5769 71.3953C99.5769 70.8271 99.9544 70.4482 100.521 70.4482H103.447C104.013 70.4482 104.391 70.9218 104.391 71.3953C104.391 71.9635 103.919 72.3424 103.447 72.3424H100.521Z",
+  fill: "#E6E5EF"
+}), /*#__PURE__*/React.createElement("path", {
+  opacity: "0.3",
+  d: "M60.3132 99.0494C59.9356 99.0494 59.5581 98.7653 59.3693 98.3865L57.8592 92.7988H50.4028C49.8365 92.7988 49.459 92.3253 49.459 91.8518C49.459 91.2835 49.9309 90.9047 50.4028 90.9047H57.2929L54.9333 82.5706H47.7601C47.1938 82.5706 46.8162 82.0971 46.8162 81.6235C46.8162 81.0553 47.1938 80.6765 47.7601 80.6765H54.367L52.0074 72.3424H45.2117C44.6454 72.3424 44.2679 71.8689 44.2679 71.3953C44.2679 70.8271 44.6454 70.4483 45.2117 70.4483H51.5355L49.1758 62.1142H42.6633C42.097 62.1142 41.7195 61.6406 41.7195 61.1671C41.7195 60.5989 42.097 60.22 42.6633 60.22H48.6095L47.6657 56.8106C47.5713 56.3371 47.8545 55.7689 48.3264 55.6742C48.4208 55.6742 48.5152 55.6742 48.6095 55.6742C48.9871 55.6742 49.3646 55.9583 49.5534 56.3371L50.686 60.22H58.2367C58.803 60.22 59.1806 60.5989 59.1806 61.1671C59.1806 61.7353 58.803 62.1142 58.2367 62.1142H51.2523L53.6119 70.4483H65.5043L61.7289 56.8106C61.6346 56.3371 61.9177 55.7689 62.3896 55.6742C62.484 55.6742 62.5784 55.6742 62.6728 55.6742C63.0503 55.6742 63.4279 55.9583 63.6166 56.3371L64.7492 60.22H68.8078C69.3741 60.22 69.7516 60.5989 69.7516 61.1671C69.7516 61.7353 69.2797 62.1142 68.8078 62.1142H65.3155L67.6751 70.4483H75.6978C76.2641 70.4483 76.6416 70.9218 76.6416 71.3953C76.6416 71.9636 76.2641 72.3424 75.6978 72.3424H68.2415L70.6011 80.6765H82.5878L77.3967 62.1142H74.8483C74.282 62.1142 73.9045 61.6406 73.9045 61.1671C73.9045 60.5989 74.3764 60.22 74.8483 60.22H76.8304L75.8866 56.8106C75.7922 56.5265 75.8866 56.3371 75.981 56.053C76.0753 55.8636 76.2641 55.6742 76.5473 55.5795C76.6416 55.5795 76.736 55.5795 76.8304 55.5795C77.2079 55.5795 77.5855 55.8636 77.7743 56.2424L78.9069 60.1253H80.8889C81.4552 60.1253 81.8328 60.5042 81.8328 61.0724C81.8328 61.6406 81.4552 62.0195 80.8889 62.0195H79.4732L81.8328 70.3536H93.8196L91.46 62.0195H85.325C84.7587 62.0195 84.3811 61.5459 84.3811 61.0724C84.3811 60.5042 84.8531 60.1253 85.325 60.1253H90.6105L89.6667 56.7159C89.5723 56.2424 89.8554 55.6742 90.3274 55.5795C90.4217 55.5795 90.5161 55.5795 90.6105 55.5795C90.988 55.5795 91.3656 55.8636 91.5543 56.2424L92.687 60.1253H104.674L103.73 56.7159C103.636 56.2424 103.919 55.6742 104.391 55.5795C104.485 55.5795 104.579 55.5795 104.674 55.5795C105.051 55.5795 105.429 55.8636 105.618 56.2424L106.75 60.1253H114.112C114.678 60.1253 115.056 60.5042 115.056 61.0724C115.056 61.6406 114.678 62.0195 114.112 62.0195H107.033L109.393 70.3536H116.472C117.038 70.3536 117.416 70.8271 117.416 71.3006C117.416 71.8689 117.038 72.2477 116.472 72.2477H109.959L112.319 80.5818H119.115C119.681 80.5818 120.058 81.0553 120.058 81.5288C120.058 82.0971 119.681 82.4759 119.115 82.4759H112.885L115.245 90.81H121.663C122.229 90.81 122.607 91.2835 122.607 91.7571C122.607 92.3253 122.135 92.7041 121.663 92.7041H115.717L117.132 97.7235C117.227 98.197 116.944 98.7653 116.472 98.86C116.377 98.86 116.283 98.86 116.189 98.86C115.811 98.86 115.434 98.5759 115.245 98.197L113.735 92.7041H101.748L103.164 97.6288C103.258 97.9129 103.164 98.1023 103.069 98.3865C102.975 98.5759 102.786 98.7653 102.503 98.86C102.409 98.86 102.314 98.86 102.22 98.86C101.842 98.86 101.465 98.5759 101.276 98.197L99.7658 92.7988H87.779L89.1947 97.7235C89.2891 98.197 89.006 98.7653 88.534 98.86C88.4397 98.86 88.3453 98.86 88.2509 98.86C87.8734 98.86 87.4958 98.5759 87.3071 98.197L85.7969 92.7988H73.8101L75.2259 97.7235C75.3203 98.197 75.0371 98.7653 74.5652 98.86C74.4708 98.86 74.3764 98.86 74.282 98.86C73.9045 98.86 73.527 98.5759 73.3382 98.197L71.828 92.7988H59.8413L61.257 97.8182C61.3514 98.1023 61.257 98.2918 61.1626 98.5759C61.0683 98.7653 60.8795 98.9547 60.5963 99.0494C60.5019 99.0494 60.4076 99.0494 60.3132 99.0494ZM87.2127 90.9047H113.168L110.809 82.5706H98.8219L99.6714 85.6012C99.7658 85.8853 99.6714 86.0747 99.577 86.3588C99.4826 86.5482 99.2938 86.7377 99.0107 86.8324C98.9163 86.8324 98.8219 86.8324 98.7275 86.8324C98.35 86.8324 97.9725 86.5482 97.7837 86.1694L96.8399 82.6653H93.2533C92.687 82.6653 92.3094 82.1918 92.3094 81.7183C92.3094 81.15 92.687 80.7712 93.2533 80.7712H96.2736L93.9139 72.4371H82.0215L84.3811 80.7712H87.3071C87.8734 80.7712 88.2509 81.2447 88.2509 81.7183C88.2509 82.2865 87.8734 82.6653 87.3071 82.6653H84.8531L87.2127 90.9047ZM73.2438 90.9047H85.2306L82.871 82.5706H70.8842L73.2438 90.9047ZM59.275 90.9047H71.2617L68.9021 82.5706H65.4099C64.8436 82.5706 64.4661 82.0971 64.4661 81.6235C64.4661 81.0553 64.938 80.6765 65.4099 80.6765H68.4302L66.0706 72.3424H54.0838L56.4434 80.6765H59.5581C60.1244 80.6765 60.5019 81.15 60.5019 81.6235C60.5019 82.1918 60.03 82.5706 59.5581 82.5706H57.0097L59.275 90.9047ZM98.35 80.6765H110.337L105.146 62.1142H93.0645L98.35 80.6765Z",
+  fill: "#E6E5EF"
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M71.3621 71.012C67.4401 71.012 64.1456 68.5027 62.8905 64.8955C62.5768 64.1114 63.0474 63.3272 63.8318 63.0135C64.6162 62.6999 65.4006 63.1704 65.7144 63.9545C66.4988 66.307 68.852 68.0322 71.3621 68.0322C73.8722 68.0322 76.2254 66.4639 77.0099 63.9545C77.3236 63.1704 78.108 62.6999 78.8924 63.0135C79.6768 63.3272 80.1475 64.1114 79.8337 64.8955C78.5787 68.6595 75.2842 71.012 71.3621 71.012Z",
+  fill: "#66658D"
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M95.0513 71.012C91.1292 71.012 87.8347 68.5027 86.5797 64.8955C86.2659 64.1114 86.7366 63.3272 87.521 63.0135C88.3054 62.6999 89.0898 63.1704 89.4035 63.9545C90.188 66.307 92.5412 68.0322 95.0513 68.0322C97.5614 68.0322 99.9146 66.4639 100.699 63.9545C101.013 63.1704 101.797 62.6999 102.582 63.0135C103.366 63.3272 103.837 64.1114 103.523 64.8955C102.268 68.6595 98.9733 71.012 95.0513 71.012Z",
+  fill: "#66658D"
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M87.8522 90.2147C89.845 90.2147 91.4604 88.5997 91.4604 86.6075C91.4604 84.6153 89.845 83.0004 87.8522 83.0004C85.8594 83.0004 84.2439 84.6153 84.2439 86.6075C84.2439 88.5997 85.8594 90.2147 87.8522 90.2147Z",
+  fill: "#66658D"
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M12.8117 25.1494V20.4998H30.7818V25.1494L18.5199 39.9438H30.9932V44.5935H12.1775V39.9438L24.4394 25.1494H12.8117Z",
+  fill: "#66658D"
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M36.0112 54.494V51.5352H47.639V54.494L39.8167 64.0047H47.8504V66.9636H35.5884V64.0047L43.4107 54.494H36.0112Z",
+  fill: "#66658D"
+}));
+exports.CalendarEmptyImage = CalendarEmptyImage;

package/lib/components/EmptyState/EmptyImages/CalendarEmptyImage.js.flow

@@ -0,0 +1,112 @@
+// @flow strict
+
+import * as React from 'react';
+
+
+export const CalendarEmptyImage = (): React.Node => (
+  <svg
+    width="140"
+    height="140"
+    viewBox="0 0 140 140"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M70.0002 120C97.6145 120 120 97.6142 120 70C120 42.3858 97.6145 20 70.0002 20C42.3859 20 20 42.3858 20 70C20 97.6142 42.3859 120 70.0002 120Z"
+      fill="#E6E5EF"
+    />
+    <path
+      d="M115.834 31.7826C117.296 30.4418 117.398 28.1655 116.062 26.6982C114.726 25.231 112.457 25.1285 110.995 26.4693C109.533 27.8102 109.43 30.0865 110.767 31.5537C112.103 33.021 114.372 33.1234 115.834 31.7826Z"
+      fill="#9F9FBC"
+    />
+    <path
+      d="M44.0578 24.862C45.2971 24.4578 45.9752 23.1221 45.5724 21.8786C45.1696 20.635 43.8384 19.9546 42.5991 20.3588C41.3597 20.763 40.6816 22.0987 41.0844 23.3422C41.4873 24.5858 42.8185 25.2662 44.0578 24.862Z"
+      fill="#9F9FBC"
+    />
+    <path
+      d="M97.4061 106.626H12.1772L27.7506 34.7443H113.074L97.4061 106.626Z"
+      fill="white"
+    />
+    <path
+      d="M97.4061 106.626H12.1772L27.7506 34.7443H113.074L97.4061 106.626Z"
+      fill="#F1F1F5"
+      stroke="#D3D2E0"
+      stroke-width="2"
+      stroke-miterlimit="10"
+    />
+    <path
+      opacity="0.1"
+      d="M48.2321 106.626H30.5822C27.3731 106.626 24.7304 103.879 24.9192 100.659L27.7507 34.7443H31.998L48.2321 106.626Z"
+      fill="#9F9FBC"
+    />
+    <path
+      d="M131.762 106.626H46.5331L32.0924 51.4125L31.998 51.0336L27.7507 34.7443H113.074L116.755 48.8554L117.321 51.0336L117.416 51.4125L131.762 106.626Z"
+      fill="white"
+      stroke="#D3D2E0"
+      stroke-width="2"
+      stroke-miterlimit="10"
+      stroke-linejoin="round"
+    />
+    <path d="M33 51.0335H116.263L112.5 35.5H29L33 51.0335Z" fill="#F1F1F5" />
+    <path
+      d="M50.2141 46.393C51.8822 46.393 53.2344 45.0361 53.2344 43.3624C53.2344 41.6886 51.8822 40.3318 50.2141 40.3318C48.5461 40.3318 47.1938 41.6886 47.1938 43.3624C47.1938 45.0361 48.5461 46.393 50.2141 46.393Z"
+      fill="#EBEBEB"
+      stroke="#8D8CAF"
+      stroke-width="2"
+      stroke-miterlimit="10"
+    />
+    <path
+      d="M100.049 46.393C101.717 46.393 103.069 45.0361 103.069 43.3624C103.069 41.6886 101.717 40.3318 100.049 40.3318C98.381 40.3318 97.0288 41.6886 97.0288 43.3624C97.0288 45.0361 98.381 46.393 100.049 46.393Z"
+      fill="#EBEBEB"
+      stroke="#8D8CAF"
+      stroke-width="2"
+      stroke-miterlimit="10"
+    />
+    <path
+      d="M50.4182 44.1411C49.8519 44.1411 49.3799 43.6676 49.3799 43.0993C49.3799 42.5311 49.8519 42.0576 50.4182 42.0576C52.4946 42.0576 54.6654 39.1217 54.6654 34.6705C54.6654 34.5758 54.6654 34.3864 54.6654 34.2917C54.5711 29.9353 52.4002 27.2835 50.4182 27.2835C48.5305 27.2835 46.454 29.8405 46.1709 33.8182H44C44.2832 28.8935 47.0203 25.2 50.3238 25.2C53.816 25.2 56.5531 29.2723 56.7419 34.4811C56.7419 34.5758 56.7419 34.6705 56.7419 34.7652C56.8363 39.9741 54.0048 44.1411 50.4182 44.1411Z"
+      fill="#66658D"
+    />
+    <path
+      d="M100.011 44.1411C99.4443 44.1411 98.9724 43.6676 98.9724 43.0993C98.9724 42.5311 99.4443 42.0576 100.011 42.0576C102.087 42.0576 104.258 39.1217 104.258 34.6705C104.258 34.5758 104.258 34.3864 104.258 34.2917C104.164 29.9353 101.993 27.2835 100.011 27.2835C98.1229 27.2835 96.0465 29.8405 95.7633 33.8182H93.5925C93.8756 28.8935 96.6128 25.2 99.9162 25.2C103.409 25.2 106.146 29.2723 106.334 34.4811C106.334 34.5758 106.334 34.6705 106.334 34.7652C106.429 39.9741 103.597 44.1411 100.011 44.1411Z"
+      fill="#66658D"
+    />
+    <path
+      d="M1.32324 106.531H138.652"
+      stroke="#D3D2E0"
+      stroke-width="2"
+      stroke-miterlimit="10"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      opacity="0.3"
+      d="M100.521 72.3424C99.9544 72.3424 99.5769 71.8688 99.5769 71.3953C99.5769 70.8271 99.9544 70.4482 100.521 70.4482H103.447C104.013 70.4482 104.391 70.9218 104.391 71.3953C104.391 71.9635 103.919 72.3424 103.447 72.3424H100.521Z"
+      fill="#E6E5EF"
+    />
+    <path
+      opacity="0.3"
+      d="M60.3132 99.0494C59.9356 99.0494 59.5581 98.7653 59.3693 98.3865L57.8592 92.7988H50.4028C49.8365 92.7988 49.459 92.3253 49.459 91.8518C49.459 91.2835 49.9309 90.9047 50.4028 90.9047H57.2929L54.9333 82.5706H47.7601C47.1938 82.5706 46.8162 82.0971 46.8162 81.6235C46.8162 81.0553 47.1938 80.6765 47.7601 80.6765H54.367L52.0074 72.3424H45.2117C44.6454 72.3424 44.2679 71.8689 44.2679 71.3953C44.2679 70.8271 44.6454 70.4483 45.2117 70.4483H51.5355L49.1758 62.1142H42.6633C42.097 62.1142 41.7195 61.6406 41.7195 61.1671C41.7195 60.5989 42.097 60.22 42.6633 60.22H48.6095L47.6657 56.8106C47.5713 56.3371 47.8545 55.7689 48.3264 55.6742C48.4208 55.6742 48.5152 55.6742 48.6095 55.6742C48.9871 55.6742 49.3646 55.9583 49.5534 56.3371L50.686 60.22H58.2367C58.803 60.22 59.1806 60.5989 59.1806 61.1671C59.1806 61.7353 58.803 62.1142 58.2367 62.1142H51.2523L53.6119 70.4483H65.5043L61.7289 56.8106C61.6346 56.3371 61.9177 55.7689 62.3896 55.6742C62.484 55.6742 62.5784 55.6742 62.6728 55.6742C63.0503 55.6742 63.4279 55.9583 63.6166 56.3371L64.7492 60.22H68.8078C69.3741 60.22 69.7516 60.5989 69.7516 61.1671C69.7516 61.7353 69.2797 62.1142 68.8078 62.1142H65.3155L67.6751 70.4483H75.6978C76.2641 70.4483 76.6416 70.9218 76.6416 71.3953C76.6416 71.9636 76.2641 72.3424 75.6978 72.3424H68.2415L70.6011 80.6765H82.5878L77.3967 62.1142H74.8483C74.282 62.1142 73.9045 61.6406 73.9045 61.1671C73.9045 60.5989 74.3764 60.22 74.8483 60.22H76.8304L75.8866 56.8106C75.7922 56.5265 75.8866 56.3371 75.981 56.053C76.0753 55.8636 76.2641 55.6742 76.5473 55.5795C76.6416 55.5795 76.736 55.5795 76.8304 55.5795C77.2079 55.5795 77.5855 55.8636 77.7743 56.2424L78.9069 60.1253H80.8889C81.4552 60.1253 81.8328 60.5042 81.8328 61.0724C81.8328 61.6406 81.4552 62.0195 80.8889 62.0195H79.4732L81.8328 70.3536H93.8196L91.46 62.0195H85.325C84.7587 62.0195 84.3811 61.5459 84.3811 61.0724C84.3811 60.5042 84.8531 60.1253 85.325 60.1253H90.6105L89.6667 56.7159C89.5723 56.2424 89.8554 55.6742 90.3274 55.5795C90.4217 55.5795 90.5161 55.5795 90.6105 55.5795C90.988 55.5795 91.3656 55.8636 91.5543 56.2424L92.687 60.1253H104.674L103.73 56.7159C103.636 56.2424 103.919 55.6742 104.391 55.5795C104.485 55.5795 104.579 55.5795 104.674 55.5795C105.051 55.5795 105.429 55.8636 105.618 56.2424L106.75 60.1253H114.112C114.678 60.1253 115.056 60.5042 115.056 61.0724C115.056 61.6406 114.678 62.0195 114.112 62.0195H107.033L109.393 70.3536H116.472C117.038 70.3536 117.416 70.8271 117.416 71.3006C117.416 71.8689 117.038 72.2477 116.472 72.2477H109.959L112.319 80.5818H119.115C119.681 80.5818 120.058 81.0553 120.058 81.5288C120.058 82.0971 119.681 82.4759 119.115 82.4759H112.885L115.245 90.81H121.663C122.229 90.81 122.607 91.2835 122.607 91.7571C122.607 92.3253 122.135 92.7041 121.663 92.7041H115.717L117.132 97.7235C117.227 98.197 116.944 98.7653 116.472 98.86C116.377 98.86 116.283 98.86 116.189 98.86C115.811 98.86 115.434 98.5759 115.245 98.197L113.735 92.7041H101.748L103.164 97.6288C103.258 97.9129 103.164 98.1023 103.069 98.3865C102.975 98.5759 102.786 98.7653 102.503 98.86C102.409 98.86 102.314 98.86 102.22 98.86C101.842 98.86 101.465 98.5759 101.276 98.197L99.7658 92.7988H87.779L89.1947 97.7235C89.2891 98.197 89.006 98.7653 88.534 98.86C88.4397 98.86 88.3453 98.86 88.2509 98.86C87.8734 98.86 87.4958 98.5759 87.3071 98.197L85.7969 92.7988H73.8101L75.2259 97.7235C75.3203 98.197 75.0371 98.7653 74.5652 98.86C74.4708 98.86 74.3764 98.86 74.282 98.86C73.9045 98.86 73.527 98.5759 73.3382 98.197L71.828 92.7988H59.8413L61.257 97.8182C61.3514 98.1023 61.257 98.2918 61.1626 98.5759C61.0683 98.7653 60.8795 98.9547 60.5963 99.0494C60.5019 99.0494 60.4076 99.0494 60.3132 99.0494ZM87.2127 90.9047H113.168L110.809 82.5706H98.8219L99.6714 85.6012C99.7658 85.8853 99.6714 86.0747 99.577 86.3588C99.4826 86.5482 99.2938 86.7377 99.0107 86.8324C98.9163 86.8324 98.8219 86.8324 98.7275 86.8324C98.35 86.8324 97.9725 86.5482 97.7837 86.1694L96.8399 82.6653H93.2533C92.687 82.6653 92.3094 82.1918 92.3094 81.7183C92.3094 81.15 92.687 80.7712 93.2533 80.7712H96.2736L93.9139 72.4371H82.0215L84.3811 80.7712H87.3071C87.8734 80.7712 88.2509 81.2447 88.2509 81.7183C88.2509 82.2865 87.8734 82.6653 87.3071 82.6653H84.8531L87.2127 90.9047ZM73.2438 90.9047H85.2306L82.871 82.5706H70.8842L73.2438 90.9047ZM59.275 90.9047H71.2617L68.9021 82.5706H65.4099C64.8436 82.5706 64.4661 82.0971 64.4661 81.6235C64.4661 81.0553 64.938 80.6765 65.4099 80.6765H68.4302L66.0706 72.3424H54.0838L56.4434 80.6765H59.5581C60.1244 80.6765 60.5019 81.15 60.5019 81.6235C60.5019 82.1918 60.03 82.5706 59.5581 82.5706H57.0097L59.275 90.9047ZM98.35 80.6765H110.337L105.146 62.1142H93.0645L98.35 80.6765Z"
+      fill="#E6E5EF"
+    />
+    <path
+      d="M71.3621 71.012C67.4401 71.012 64.1456 68.5027 62.8905 64.8955C62.5768 64.1114 63.0474 63.3272 63.8318 63.0135C64.6162 62.6999 65.4006 63.1704 65.7144 63.9545C66.4988 66.307 68.852 68.0322 71.3621 68.0322C73.8722 68.0322 76.2254 66.4639 77.0099 63.9545C77.3236 63.1704 78.108 62.6999 78.8924 63.0135C79.6768 63.3272 80.1475 64.1114 79.8337 64.8955C78.5787 68.6595 75.2842 71.012 71.3621 71.012Z"
+      fill="#66658D"
+    />
+    <path
+      d="M95.0513 71.012C91.1292 71.012 87.8347 68.5027 86.5797 64.8955C86.2659 64.1114 86.7366 63.3272 87.521 63.0135C88.3054 62.6999 89.0898 63.1704 89.4035 63.9545C90.188 66.307 92.5412 68.0322 95.0513 68.0322C97.5614 68.0322 99.9146 66.4639 100.699 63.9545C101.013 63.1704 101.797 62.6999 102.582 63.0135C103.366 63.3272 103.837 64.1114 103.523 64.8955C102.268 68.6595 98.9733 71.012 95.0513 71.012Z"
+      fill="#66658D"
+    />
+    <path
+      d="M87.8522 90.2147C89.845 90.2147 91.4604 88.5997 91.4604 86.6075C91.4604 84.6153 89.845 83.0004 87.8522 83.0004C85.8594 83.0004 84.2439 84.6153 84.2439 86.6075C84.2439 88.5997 85.8594 90.2147 87.8522 90.2147Z"
+      fill="#66658D"
+    />
+    <path
+      d="M12.8117 25.1494V20.4998H30.7818V25.1494L18.5199 39.9438H30.9932V44.5935H12.1775V39.9438L24.4394 25.1494H12.8117Z"
+      fill="#66658D"
+    />
+    <path
+      d="M36.0112 54.494V51.5352H47.639V54.494L39.8167 64.0047H47.8504V66.9636H35.5884V64.0047L43.4107 54.494H36.0112Z"
+      fill="#66658D"
+    />
+  </svg>
+);

package/lib/components/EmptyState/EmptyImages/DataEmptyImage.js

@@ -0,0 +1,110 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DataEmptyImage = void 0;
+var React = _interopRequireWildcard(require("react"));
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+const DataEmptyImage = () => /*#__PURE__*/React.createElement("svg", {
+  width: "140",
+  height: "140",
+  viewBox: "0 0 140 140",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+}, /*#__PURE__*/React.createElement("path", {
+  d: "M70.0001 120C97.551 120 120 97.5815 120 70.0465C119.907 42.4186 97.551 20 70.0001 20C42.3563 20 20 42.4186 20 69.9535C20 97.5815 42.3563 120 70.0001 120Z",
+  fill: "#E6E5EF"
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M125 78.2962C125 89.187 116.158 97.9944 105.13 97.9944C104.939 97.9944 103.323 97.9944 91.439 97.9944C83.1676 97.9944 69.9525 97.9944 48.8462 97.9944H38.7684C25.5532 98.2785 15 87.7665 15 75.0763C15 62.2915 25.6482 51.6848 39.0536 52.3477C50.5575 16.5501 103.228 21.5693 107.697 58.5981C117.584 59.8292 125 68.163 125 78.2962Z",
+  fill: "white",
+  stroke: "#D3D2E0",
+  "stroke-width": "1.89405",
+  "stroke-miterlimit": "10"
+}), /*#__PURE__*/React.createElement("mask", {
+  id: "path-3-inside-1_1602_9728",
+  fill: "white"
+}, /*#__PURE__*/React.createElement("path", {
+  d: "M107.411 58.6928C106.651 58.5981 105.89 58.5981 105.13 58.5981C101.232 58.5981 97.5237 59.7346 94.3862 61.7233"
+})), /*#__PURE__*/React.createElement("path", {
+  d: "M107.411 58.6928C106.651 58.5981 105.89 58.5981 105.13 58.5981C101.232 58.5981 97.5237 59.7346 94.3862 61.7233",
+  fill: "white"
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M107.528 57.7531C106.7 57.6499 105.881 57.6511 105.13 57.6511V59.5452C105.9 59.5452 106.602 59.5464 107.294 59.6326L107.528 57.7531ZM105.13 57.6511C101.046 57.6511 97.1635 58.8416 93.8792 60.9235L94.8933 62.5232C97.8838 60.6275 101.417 59.5452 105.13 59.5452V57.6511Z",
+  fill: "#D3D2E0",
+  mask: "url(#path-3-inside-1_1602_9728)"
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M107.411 58.6928C106.651 58.5981 105.89 58.5981 105.13 58.5981C101.232 58.5981 97.5237 59.7346 94.3862 61.7233",
+  stroke: "#D3D2E0",
+  "stroke-width": "1.89405",
+  "stroke-miterlimit": "10",
+  "stroke-linecap": "round"
+}), /*#__PURE__*/React.createElement("mask", {
+  id: "path-6-inside-2_1602_9728",
+  fill: "white"
+}, /*#__PURE__*/React.createElement("path", {
+  d: "M39.0536 52.3477C37.9127 55.757 37.3423 59.3557 37.3423 63.1438C37.3423 64.659 37.4374 66.0795 37.6275 67.5001"
+})), /*#__PURE__*/React.createElement("path", {
+  d: "M39.0536 52.3477C37.9127 55.757 37.3423 59.3557 37.3423 63.1438C37.3423 64.659 37.4374 66.0795 37.6275 67.5001",
+  fill: "white"
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M38.1555 52.0471C36.9805 55.5584 36.3953 59.259 36.3953 63.1438H38.2893C38.2893 59.4523 38.8449 55.9555 39.9517 52.6482L38.1555 52.0471ZM36.3953 63.1438C36.3953 64.7 36.493 66.1625 36.6889 67.6257L38.5662 67.3744C38.3817 65.9965 38.2893 64.618 38.2893 63.1438H36.3953Z",
+  fill: "#D3D2E0",
+  mask: "url(#path-6-inside-2_1602_9728)"
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M39.0536 52.3477C37.9127 55.757 37.3423 59.3557 37.3423 63.1438C37.3423 64.659 37.4374 66.0795 37.6275 67.5001",
+  stroke: "#D3D2E0",
+  "stroke-width": "1.89405",
+  "stroke-miterlimit": "10",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round"
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M60.3602 74.589C61.8573 74.589 63.124 73.3273 63.124 71.836C63.124 70.3448 61.8573 69.083 60.3602 69.083C58.8632 69.083 57.5964 70.3448 57.5964 71.836C57.5964 73.3273 58.8632 74.589 60.3602 74.589Z",
+  fill: "#66658D"
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M81.5494 74.589C83.0468 74.589 84.3132 73.3273 84.3132 71.836C84.3132 70.3448 83.0468 69.083 81.5494 69.083C80.0524 69.083 78.7856 70.3448 78.7856 71.836C78.7856 73.442 80.0524 74.589 81.5494 74.589Z",
+  fill: "#66658D"
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M60.4301 64.0498L55.1844 66.8711L54.8151 66.1898L60.0608 63.3685L60.4301 64.0498Z",
+  fill: "#66658D",
+  stroke: "#D3D2E0",
+  "stroke-width": "0.947027"
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M86.6112 66.1455L86.2419 66.827L80.9958 64.0063L81.3653 63.3247L86.6112 66.1455Z",
+  fill: "#66658D",
+  stroke: "#D3D2E0",
+  "stroke-width": "0.947027"
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M70.9549 81.0126C72.7357 81.0126 74.1794 79.9342 74.1794 78.6038C74.1794 77.2734 72.7357 76.1948 70.9549 76.1948C69.1741 76.1948 67.7305 77.2734 67.7305 78.6038C67.7305 79.9342 69.1741 81.0126 70.9549 81.0126Z",
+  fill: "#66658D"
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M17.8137 19.4949C17.8137 19.4949 7.32981 22.1567 10.5068 24.2862C13.6837 26.3091 21.2025 29.8227 28.2976 27.4803C35.3928 25.1379 28.2976 21.8373 28.4035 21.8373C28.5094 21.8373 17.8137 19.4949 17.8137 19.4949Z",
+  fill: "#E6E5EF",
+  stroke: "#D3D2E0",
+  "stroke-width": "1.5",
+  "stroke-miterlimit": "10"
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M5 18.6431C8.81233 19.8143 20.567 17.8978 28.0858 13C34.0161 20.3467 36.2399 22.2632 38.3579 22.4761C35.075 25.7768 24.1676 31.1004 18.0254 24.1797C10.8244 28.758 5 18.6431 5 18.6431Z",
+  fill: "white",
+  stroke: "#D3D2E0",
+  "stroke-width": "1.5",
+  "stroke-miterlimit": "10",
+  "stroke-linejoin": "round"
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M105 39.2861C109.024 39.4991 119.932 34.6013 125.862 28C133.487 33.6431 136.028 34.9207 138.252 34.6013C135.817 38.6473 128.404 47.4846 117.919 48.1234C110.295 43.6515 105 39.2861 105 39.2861Z",
+  fill: "white",
+  stroke: "#D3D2E0",
+  "stroke-width": "1.5",
+  "stroke-miterlimit": "10",
+  "stroke-linejoin": "round"
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M92.127 133.037C91.3308 129.087 83.8704 119.743 76 115.644C79.5659 106.854 80.1702 104.074 79.3069 102C83.8321 103.351 94.2373 108.329 97.4675 118.323C95.0359 126.821 92.127 133.037 92.127 133.037Z",
+  fill: "white",
+  stroke: "#D3D2E0",
+  "stroke-width": "1.5",
+  "stroke-miterlimit": "10",
+  "stroke-linejoin": "round"
+}));
+exports.DataEmptyImage = DataEmptyImage;

package/lib/components/EmptyState/EmptyImages/DataEmptyImage.js.flow

@@ -0,0 +1,120 @@
+// @flow strict
+
+import * as React from 'react';
+
+
+export const DataEmptyImage = (): React.Node => (
+  <svg
+    width="140"
+    height="140"
+    viewBox="0 0 140 140"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M70.0001 120C97.551 120 120 97.5815 120 70.0465C119.907 42.4186 97.551 20 70.0001 20C42.3563 20 20 42.4186 20 69.9535C20 97.5815 42.3563 120 70.0001 120Z"
+      fill="#E6E5EF"
+    />
+    <path
+      d="M125 78.2962C125 89.187 116.158 97.9944 105.13 97.9944C104.939 97.9944 103.323 97.9944 91.439 97.9944C83.1676 97.9944 69.9525 97.9944 48.8462 97.9944H38.7684C25.5532 98.2785 15 87.7665 15 75.0763C15 62.2915 25.6482 51.6848 39.0536 52.3477C50.5575 16.5501 103.228 21.5693 107.697 58.5981C117.584 59.8292 125 68.163 125 78.2962Z"
+      fill="white"
+      stroke="#D3D2E0"
+      stroke-width="1.89405"
+      stroke-miterlimit="10"
+    />
+    <mask id="path-3-inside-1_1602_9728" fill="white">
+      <path d="M107.411 58.6928C106.651 58.5981 105.89 58.5981 105.13 58.5981C101.232 58.5981 97.5237 59.7346 94.3862 61.7233" />
+    </mask>
+    <path
+      d="M107.411 58.6928C106.651 58.5981 105.89 58.5981 105.13 58.5981C101.232 58.5981 97.5237 59.7346 94.3862 61.7233"
+      fill="white"
+    />
+    <path
+      d="M107.528 57.7531C106.7 57.6499 105.881 57.6511 105.13 57.6511V59.5452C105.9 59.5452 106.602 59.5464 107.294 59.6326L107.528 57.7531ZM105.13 57.6511C101.046 57.6511 97.1635 58.8416 93.8792 60.9235L94.8933 62.5232C97.8838 60.6275 101.417 59.5452 105.13 59.5452V57.6511Z"
+      fill="#D3D2E0"
+      mask="url(#path-3-inside-1_1602_9728)"
+    />
+    <path
+      d="M107.411 58.6928C106.651 58.5981 105.89 58.5981 105.13 58.5981C101.232 58.5981 97.5237 59.7346 94.3862 61.7233"
+      stroke="#D3D2E0"
+      stroke-width="1.89405"
+      stroke-miterlimit="10"
+      stroke-linecap="round"
+    />
+    <mask id="path-6-inside-2_1602_9728" fill="white">
+      <path d="M39.0536 52.3477C37.9127 55.757 37.3423 59.3557 37.3423 63.1438C37.3423 64.659 37.4374 66.0795 37.6275 67.5001" />
+    </mask>
+    <path
+      d="M39.0536 52.3477C37.9127 55.757 37.3423 59.3557 37.3423 63.1438C37.3423 64.659 37.4374 66.0795 37.6275 67.5001"
+      fill="white"
+    />
+    <path
+      d="M38.1555 52.0471C36.9805 55.5584 36.3953 59.259 36.3953 63.1438H38.2893C38.2893 59.4523 38.8449 55.9555 39.9517 52.6482L38.1555 52.0471ZM36.3953 63.1438C36.3953 64.7 36.493 66.1625 36.6889 67.6257L38.5662 67.3744C38.3817 65.9965 38.2893 64.618 38.2893 63.1438H36.3953Z"
+      fill="#D3D2E0"
+      mask="url(#path-6-inside-2_1602_9728)"
+    />
+    <path
+      d="M39.0536 52.3477C37.9127 55.757 37.3423 59.3557 37.3423 63.1438C37.3423 64.659 37.4374 66.0795 37.6275 67.5001"
+      stroke="#D3D2E0"
+      stroke-width="1.89405"
+      stroke-miterlimit="10"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M60.3602 74.589C61.8573 74.589 63.124 73.3273 63.124 71.836C63.124 70.3448 61.8573 69.083 60.3602 69.083C58.8632 69.083 57.5964 70.3448 57.5964 71.836C57.5964 73.3273 58.8632 74.589 60.3602 74.589Z"
+      fill="#66658D"
+    />
+    <path
+      d="M81.5494 74.589C83.0468 74.589 84.3132 73.3273 84.3132 71.836C84.3132 70.3448 83.0468 69.083 81.5494 69.083C80.0524 69.083 78.7856 70.3448 78.7856 71.836C78.7856 73.442 80.0524 74.589 81.5494 74.589Z"
+      fill="#66658D"
+    />
+    <path
+      d="M60.4301 64.0498L55.1844 66.8711L54.8151 66.1898L60.0608 63.3685L60.4301 64.0498Z"
+      fill="#66658D"
+      stroke="#D3D2E0"
+      stroke-width="0.947027"
+    />
+    <path
+      d="M86.6112 66.1455L86.2419 66.827L80.9958 64.0063L81.3653 63.3247L86.6112 66.1455Z"
+      fill="#66658D"
+      stroke="#D3D2E0"
+      stroke-width="0.947027"
+    />
+    <path
+      d="M70.9549 81.0126C72.7357 81.0126 74.1794 79.9342 74.1794 78.6038C74.1794 77.2734 72.7357 76.1948 70.9549 76.1948C69.1741 76.1948 67.7305 77.2734 67.7305 78.6038C67.7305 79.9342 69.1741 81.0126 70.9549 81.0126Z"
+      fill="#66658D"
+    />
+    <path
+      d="M17.8137 19.4949C17.8137 19.4949 7.32981 22.1567 10.5068 24.2862C13.6837 26.3091 21.2025 29.8227 28.2976 27.4803C35.3928 25.1379 28.2976 21.8373 28.4035 21.8373C28.5094 21.8373 17.8137 19.4949 17.8137 19.4949Z"
+      fill="#E6E5EF"
+      stroke="#D3D2E0"
+      stroke-width="1.5"
+      stroke-miterlimit="10"
+    />
+    <path
+      d="M5 18.6431C8.81233 19.8143 20.567 17.8978 28.0858 13C34.0161 20.3467 36.2399 22.2632 38.3579 22.4761C35.075 25.7768 24.1676 31.1004 18.0254 24.1797C10.8244 28.758 5 18.6431 5 18.6431Z"
+      fill="white"
+      stroke="#D3D2E0"
+      stroke-width="1.5"
+      stroke-miterlimit="10"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M105 39.2861C109.024 39.4991 119.932 34.6013 125.862 28C133.487 33.6431 136.028 34.9207 138.252 34.6013C135.817 38.6473 128.404 47.4846 117.919 48.1234C110.295 43.6515 105 39.2861 105 39.2861Z"
+      fill="white"
+      stroke="#D3D2E0"
+      stroke-width="1.5"
+      stroke-miterlimit="10"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M92.127 133.037C91.3308 129.087 83.8704 119.743 76 115.644C79.5659 106.854 80.1702 104.074 79.3069 102C83.8321 103.351 94.2373 108.329 97.4675 118.323C95.0359 126.821 92.127 133.037 92.127 133.037Z"
+      fill="white"
+      stroke="#D3D2E0"
+      stroke-width="1.5"
+      stroke-miterlimit="10"
+      stroke-linejoin="round"
+    />
+  </svg>
+);