@nectary/components 0.29.1 → 0.31.0

package/illustrations/messages-shopping/index.d.ts

@@ -0,0 +1,11 @@
+import type { TSinchIllustrationElement, TSinchIllustrationReact } from '../types';
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'sinch-illustration-messages-shopping': TSinchIllustrationReact;
+        }
+    }
+    interface HTMLElementTagNameMap {
+        'sinch-illustration-messages-shopping': TSinchIllustrationElement;
+    }
+}

package/illustrations/messages-shopping/index.js

@@ -0,0 +1,4 @@
+import { defineCustomElement } from '../../utils';
+import { createIllustrationClass } from '../create-illustration-class';
+const templateHTML = '<svg viewBox="0 0 588 800" fill="none" aria-hidden="true" focusable="false"><path d="M416.443 187.186a4.526 4.526 0 0 0-5.836 1.248 29.021 29.021 0 0 0-3.312 5.34 25.339 25.339 0 0 0-2.037 6.423 29.495 29.495 0 0 0 .917 13.048l.413 1.441.386 1.294c.213.707.382 1.427.504 2.156.268 1.464.367 2.954.294 4.441 0 .487-.064.973-.119 1.459a11.327 11.327 0 0 0-13.324 3.294l-69.644 86.656a24.7 24.7 0 0 0-2.688 4.203 23.287 23.287 0 0 0 10.093 31.042c11.58 6.056 26.059.972 31.886-10.718l48.017-96.226a90.162 90.162 0 0 0 2.496-5.561l.486-1.202a37.28 37.28 0 0 0 2.817-12.479 29.257 29.257 0 0 0-.477-6.625 27.766 27.766 0 0 0-.78-3.23l-.817-2.587a21.73 21.73 0 0 1-1.018-8.91 19.873 19.873 0 0 1 3.174-8.258l.056-.073c.318-.501.532-1.06.63-1.644a4.42 4.42 0 0 0-2.117-4.532Z" fill="#FFE1CC"/><path d="m317.161 775.299-11.46-2.377a42.437 42.437 0 0 1-34.712-41.896l.073-3.671a3.93 3.93 0 0 0-1.386-3 3.735 3.735 0 0 0-3.018-.863l-43.026-.33a3.358 3.358 0 0 0-3.349 3.349v70.654c0 .745.296 1.459.823 1.985.526.527 1.24.823 1.985.823h27.114a2.808 2.808 0 0 0 2.808-2.808v-5.946a1.356 1.356 0 0 1 .762-1.239 1.383 1.383 0 0 1 1.45.119 49.55 49.55 0 0 0 29.362 9.874h30.088a12.478 12.478 0 0 0 2.532-24.702l-.046.028Zm-195.738-51.165a2.505 2.505 0 0 0-2.028-.917l-41.566.312c-2.028-.349-4.46 1.294-5.102 3.459l-.917 3.368c-3.377 11.442-11.608 22.581-22.591 30.573-7.166 5.212-13.14 8.58-22.462 10.351l-4.304.798c-5.505 1-7.13 1.303-10.635 2.945-6.579 3.084-8.717 5.304-10.9 11.47-1.377 3.826-1.129 7.497.679 10.094A8.466 8.466 0 0 0 8.8 800h30.307c10.424 0 21.967-3.762 32.528-10.607a1.364 1.364 0 0 1 1.541-.129 1.083 1.083 0 0 1 .285 1.239l-1.835 6.423a2.598 2.598 0 0 0 .33 2.285 2.108 2.108 0 0 0 1.743.816h27.345a3.845 3.845 0 0 0 3.441-2.899l17.314-70.654a2.568 2.568 0 0 0-.376-2.34Z" fill="#0A273D"/><path d="M304.581 182.305c-2.092-5.368-3.9-10.011-2.817-13.461l3.23-9.341-67.644-26.656-.147.413c-6.753 19.682-15.782 26.821-23.04 32.565-5.221 4.129-11.011 7.827-16.517 11.405a1348.22 1348.22 0 0 0-5.358 3.469c-8.69 5.707-14.581 12.341-17.499 19.728-2.477 6.249-1.569 16.847 6.277 25.353l.119.128 119.285 5.056h.303l6.836-19.407c4.056-11.011.128-21.123-3.028-29.252Z" fill="#842306"/><path d="M342.339 352.075a23.948 23.948 0 0 1-21.186-12.764l-50.651-95.795a23.968 23.968 0 1 1 42.392-22.379l50.651 95.786a23.977 23.977 0 0 1-21.178 35.18l-.028-.028Z" fill="#FFE1CC"/><path d="M312.894 221.137a24.022 24.022 0 0 0-42.465 22.453l29.17 55.174 42.465-22.453-29.17-55.174Z" fill="#059688"/><path d="M291.909 208.291H187.526l-11.296 61.294v73.479l91.703-.201h.046a6.549 6.549 0 0 0 6.194-4.423l23.352-68.25-5.616-61.899Z" fill="#059688"/><path d="M312.546 122.121a34.969 34.969 0 0 0-26.408-26.693 35.114 35.114 0 0 0-41.236 22.774l-9.534 27.528a35.183 35.183 0 0 0 2.442 28.527 35.199 35.199 0 0 0 22.837 17.269 35.62 35.62 0 0 0 8.048.918 35.118 35.118 0 0 0 33.188-23.692l9.534-27.527a35.072 35.072 0 0 0 1.129-19.104Z" fill="#FFE1CC"/><path d="m271.126 342.624-.138-.156h-91.023L48.632 721.492a10.809 10.809 0 0 0 10.221 14.323h71.223a10.814 10.814 0 0 0 10.222-7.34l59.028-171.945v168.476a10.817 10.817 0 0 0 10.8 10.809h72.415a10.829 10.829 0 0 0 10.809-10.809V400.982c0-.67.055-1.331.055-2.01.009-31.574-22.059-56.11-22.279-56.348Z" fill="#FFBE3C"/><path d="M126.892 344.854a24.023 24.023 0 0 1-19.866-37.465l59.973-88.546a24.012 24.012 0 0 1 15.377-10.38 24.01 24.01 0 0 1 18.186 3.67 24.019 24.019 0 0 1 9.997 24.99 24.029 24.029 0 0 1-3.792 8.669l-59.954 88.519a23.995 23.995 0 0 1-19.921 10.543Z" fill="#FFE1CC"/><path d="M312.591 122.112a35.008 35.008 0 0 0-26.435-26.684c-18.278-4.248-37.768 5.643-43.447 22.022l-11.865 33.831c-2.413 6.992-3.936 17.737-3.872 27.381.083 11.681 2.404 20.379 6.552 24.49l.55.56 17.434-58.468-.495-.11a9.595 9.595 0 0 1-6.341-4.478 9.813 9.813 0 0 1-.688-7.882c2.184-7.056 9.882-8.442 24.949-4.496 14.259 3.725 23.407 3.211 29.996-10.094.468 4.432 2.679 15.599 13.048 19.269l.514.184.11-.532a36.813 36.813 0 0 0-.01-14.993Z" fill="#842306"/><path d="M286.752 170.495c-1.077 0-2.151-.12-3.202-.358a14.846 14.846 0 0 1-9.01-6.193 1.668 1.668 0 0 1 1.717-2.383c.4.051.768.246 1.035.548a11.378 11.378 0 0 0 15.296 3.45 1.686 1.686 0 0 1 1.312-.267 1.67 1.67 0 0 1 1.09.778 1.673 1.673 0 0 1 .175 1.328 1.686 1.686 0 0 1-.852 1.033 14.88 14.88 0 0 1-7.561 2.064Z" fill="#842306"/><path d="M132.315 344.863 91.024 465.066a15.69 15.69 0 0 0 14.828 20.783h.147l88.858-.78a25.743 25.743 0 0 0 24.077-17.342l42.071-122.295.193-.551-128.883-.018Zm174.294-131.37a23.3 23.3 0 0 0-3.67-2.404l-.422-.211-43.595 123.928 5.02.743 42.795-121.597.092-.275-.22-.184Z" fill="#0A273D"/><path d="M410.717 165.687h-34.51a6.021 6.021 0 0 0-5.698 4.092l-20.911 61.864a5.999 5.999 0 0 0 .81 5.432 6.02 6.02 0 0 0 4.888 2.505h34.556a6.035 6.035 0 0 0 5.707-4.093l20.866-61.863a6.015 6.015 0 0 0-.819-5.432 6.028 6.028 0 0 0-4.889-2.505Z" fill="#12364C"/><path d="M200.399 212.447a24.015 24.015 0 0 0-18.022-3.738 24.02 24.02 0 0 0-15.378 10.115l-35.648 52.587 39.741 26.986 35.657-52.587a24.024 24.024 0 0 0-6.35-33.363Z" fill="#059688"/><path d="m407.451 207.492-24.922-16.636a4.022 4.022 0 0 0-5.606.936 4.02 4.02 0 0 0 .936 5.607l13.415 10.231-19.902.798a4.591 4.591 0 0 0-4.138 3.336 4.585 4.585 0 0 0 1.789 5.005h-.835a4.41 4.41 0 0 0-4.225 3.947 4.409 4.409 0 0 0 3.307 4.742l-1.413.065a4.127 4.127 0 0 0-4.028 4.23 4.13 4.13 0 0 0 4.23 4.028h19.939a5.333 5.333 0 0 1 4.331 2.218 5.337 5.337 0 0 1 .734 4.81h17.434l1.083-30.28a4.968 4.968 0 0 0-2.129-3.037ZM128.03 303.517l109.669 14.396a13.563 13.563 0 0 1-1.78 27.014l-110.605-.119a20.738 20.738 0 0 1 0-41.475c.908.004 1.815.065 2.716.184Zm141.234-95.227a7.93 7.93 0 0 1-7.855-7.918 7.82 7.82 0 0 1 2.295-5.64 7.826 7.826 0 0 1 5.642-2.288h.459L250.93 148.4l-12.396 39.456c-4.038 12.341-14.681 20.333-27.298 20.462h-4.588v.459c0 18.59 14.856 33.702 33.115 33.702 18.26 0 33.125-15.112 33.125-33.702v-.487h-3.624Z" fill="#FFE1CC"/><path d="M281.44 307.884a7.158 7.158 0 0 0-5.873-3.019h-10.029l-4.184-2.826a8.6 8.6 0 0 0-10.947 1.101l-15.094 15.351-3.166 25.821a.392.392 0 0 0 .056.376c.037.055.088.1.147.13.06.03.125.046.192.045h34.299a7.22 7.22 0 0 0 6.827-4.882l8.744-25.564a7.154 7.154 0 0 0-.972-6.533Z" fill="#FFE1CC"/><path d="M506.503 354.186v-37.961a24.9 24.9 0 0 0-24.903-24.903h-73.121v62.864a24.904 24.904 0 0 0 24.903 24.903h48.255a24.904 24.904 0 0 0 24.866-24.903Z" fill="#fff"/><path d="M481.307 327.667a13.69 13.69 0 0 0-24.729-6.193 13.662 13.662 0 1 0-21.187 17.158l18.186 18.15a4.315 4.315 0 0 0 6.084 0l17.663-17.636.496-.504a13.624 13.624 0 0 0 3.487-10.975Z" fill="#E83452"/><path d="M562.604 166.183H438.006v82.04a24.903 24.903 0 0 0 24.903 24.903h99.695a24.913 24.913 0 0 0 24.912-24.903v-57.137a24.912 24.912 0 0 0-24.912-24.903Z" fill="#fff"/><path d="M474.663 246.269h71.81a6.321 6.321 0 0 0 6.322-6.322V197.38a6.322 6.322 0 0 0-6.322-6.322h-71.81a6.323 6.323 0 0 0-6.322 6.322v42.567a6.322 6.322 0 0 0 6.322 6.322Z" fill="#059688"/><path d="M531.828 210.529h9.938a2.734 2.734 0 0 0 2.734-2.734v-5.313a2.734 2.734 0 0 0-2.734-2.734h-9.938a2.734 2.734 0 0 0-2.734 2.734v5.313a2.734 2.734 0 0 0 2.734 2.734Z" fill="#FFBE3C"/><path d="M504.733 199.784h-26.161c-.75 0-1.358.608-1.358 1.358v1.294c0 .75.608 1.358 1.358 1.358h26.161c.75 0 1.358-.608 1.358-1.358v-1.294c0-.75-.608-1.358-1.358-1.358Zm-13.415 6.836h-12.746c-.75 0-1.358.608-1.358 1.358v1.294c0 .75.608 1.358 1.358 1.358h12.746c.75 0 1.358-.608 1.358-1.358v-1.294c0-.75-.608-1.358-1.358-1.358Zm61.477 18.169h-84.454v11.983h84.454v-11.983Z" fill="#007171"/><path d="M550.584 261.079c8.716 0 15.782-7.066 15.782-15.783 0-8.716-7.066-15.782-15.782-15.782-8.717 0-15.782 7.066-15.782 15.782 0 8.717 7.065 15.783 15.782 15.783Z" fill="#007171"/><path d="M548.308 252.71a1.834 1.834 0 0 1-1.303-.541l-6.028-6.028a1.836 1.836 0 1 1 2.597-2.597l4.734 4.734 9.644-9.643a1.836 1.836 0 0 1 2.588 2.596l-10.91 10.938a1.832 1.832 0 0 1-1.322.541Z" fill="#F2F2F2"/><path d="M543.592 0H426.39a25.288 25.288 0 0 0-25.289 25.288v123.617h142.491a25.293 25.293 0 0 0 25.307-25.289V25.288A25.289 25.289 0 0 0 543.592 0Z" fill="#fff"/><path d="m537.701 21.875 2.184-2.184a1.967 1.967 0 0 0-.171-2.581 1.965 1.965 0 0 0-2.582-.171l-2.184 2.165-2.183-2.193a1.966 1.966 0 0 0-2.582.171 1.96 1.96 0 0 0-.171 2.582l2.193 2.184-2.193 2.193a1.965 1.965 0 0 0-.645 2.25 1.97 1.97 0 0 0 1.968 1.268 1.96 1.96 0 0 0 1.43-.766l2.183-2.138 2.193 2.184a1.965 1.965 0 0 0 2.137.43c.238-.1.454-.246.634-.43a1.946 1.946 0 0 0 0-2.752l-2.211-2.212ZM433.354 66.451l2.184-2.22a1.967 1.967 0 0 0-.171-2.582 1.965 1.965 0 0 0-2.582-.171l-2.193 2.193-2.202-2.193a1.964 1.964 0 0 0-2.753 2.753l2.193 2.193-2.193 2.193a1.962 1.962 0 0 0-.195 2.948 1.97 1.97 0 0 0 1.518.57 1.966 1.966 0 0 0 1.43-.766l2.184-2.193 2.193 2.193a1.963 1.963 0 0 0 2.753-2.752l-2.166-2.166Zm85.408 39.245 2.184-2.193a1.968 1.968 0 0 0 .645-2.251 1.968 1.968 0 0 0-1.968-1.268 1.96 1.96 0 0 0-1.43.766L516 102.943l-2.156-2.211a1.971 1.971 0 0 0-1.43-.766 1.966 1.966 0 0 0-2.089 2.089 1.958 1.958 0 0 0 .766 1.429l2.193 2.193-2.193 2.193a1.961 1.961 0 0 0-.766 1.43 1.96 1.96 0 0 0 1.268 1.968 1.964 1.964 0 0 0 2.251-.645l2.184-2.193 2.193 2.193a1.96 1.96 0 0 0 3.397-.502c.099-.262.14-.542.121-.821a1.952 1.952 0 0 0-.766-1.43l-2.211-2.174Zm13.131-61.12-2.221-2.22c-16.002-15.994-29.059-18.747-35.418-18.967a4.798 4.798 0 0 0-4.873 5.69l1.331 6.9.238 1.367a14.813 14.813 0 0 1-3.572 11.948 14.82 14.82 0 0 1-11.43 4.99l-11.433-.147c-2.276 0-4.588.248-5.9 1.68-.918.917-1.276 2.358-1.165 4.275.825 14.397-7.13 34.08-21.839 54a9.77 9.77 0 0 0 1.66 13.171 9.773 9.773 0 0 0 13.26-.637l81.371-81.37a.489.489 0 0 0 0-.68h-.009Z" fill="#FFBE3C"/><path d="M507.036 54.247a2.302 2.302 0 0 1-2.243-2.742 2.3 2.3 0 0 1 .618-1.176l8.956-8.955a2.293 2.293 0 1 1 3.239 3.248l-8.946 8.946a2.298 2.298 0 0 1-1.624.68Z" fill="#FCECCB"/><path d="m472.232 69.387-14.507-.22a2.292 2.292 0 0 1-1.622-3.916 2.292 2.292 0 0 1 1.622-.672l14.516.22a2.294 2.294 0 0 1 0 4.588h-.009Zm-5.396 10.818-11.405-.229a2.303 2.303 0 0 1-1.609-.704 2.29 2.29 0 0 1-.639-1.636 2.265 2.265 0 0 1 .699-1.614 2.271 2.271 0 0 1 1.641-.634l11.405.23a2.29 2.29 0 0 1 2.271 2.316 2.291 2.291 0 0 1-2.317 2.271h-.046Zm-5.294 10.635-10.093-.284a2.294 2.294 0 1 1 .064-4.588h.073l10.094.294a2.293 2.293 0 1 1-.065 4.588l-.073-.01Z" fill="#fff"/><path d="m537.609 50.31-8.313-8.322-87.363 87.39.991.101c.327.023.655.023.982 0 4.276 0 22.022-1.835 48.705-28.536l44.961-44.962a3.996 3.996 0 0 0 .037-5.67Z" fill="#CCC"/><path d="m490.657 73.865-5.827-5.047a2.89 2.89 0 0 0-3.808 0l-5.836 5.084a2.884 2.884 0 0 0-.991 2.183v17.05a2.9 2.9 0 0 0 2.9 2.899h11.662a2.908 2.908 0 0 0 2.9-2.9V76.05a2.889 2.889 0 0 0-1-2.184Z" fill="#fff"/><path d="M482.922 70.819a1.212 1.212 0 0 1-1.193-1.212v-6.734a1.218 1.218 0 0 1 2.04-.794c.225.206.365.49.391.794v6.735a1.217 1.217 0 0 1-1.238 1.21Z" fill="#005454"/><path d="M488.152 78.334h-10.47a1.219 1.219 0 0 1-.93-2.116 1.224 1.224 0 0 1 .93-.316h10.47a1.223 1.223 0 0 1 1.115 1.216 1.222 1.222 0 0 1-1.115 1.216Zm0 4.726h-10.47a1.21 1.21 0 0 1 0-2.423h10.47a1.21 1.21 0 0 1 0 2.422Z" fill="#FCECCB"/></svg>';
+defineCustomElement('sinch-illustration-messages-shopping', createIllustrationClass(templateHTML));

package/illustrations/monitor/index.d.ts

@@ -0,0 +1,11 @@
+import type { TSinchIllustrationElement, TSinchIllustrationReact } from '../types';
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'sinch-illustration-monitor': TSinchIllustrationReact;
+        }
+    }
+    interface HTMLElementTagNameMap {
+        'sinch-illustration-monitor': TSinchIllustrationElement;
+    }
+}

package/illustrations/monitor/index.js

@@ -0,0 +1,4 @@
+import { defineCustomElement } from '../../utils';
+import { createIllustrationClass } from '../create-illustration-class';
+const templateHTML = '<svg viewBox="0 0 1384 800" fill="none" aria-hidden="true" focusable="false"><path d="m973.075 549.098-7.218-8.575a13.612 13.612 0 0 0 5.652-15.705 13.59 13.59 0 0 0-3.025-5.112l-33.203-35.037-.434-.433c-34.906-33.767-76.512-42.443-116.933-24.441-40.119 17.757-238.834 178.851-261.383 197.156a13.594 13.594 0 0 0-4.862 12.507 13.593 13.593 0 0 0 8.24 10.591l97.141 40.119c1.107.453 2.266.764 3.451.923a13.569 13.569 0 0 0 11.939-4.518c.765-.852 75.819-86.358 90.125-102.858 16.847-19.417 48.824-12.055 73.077 3.854a28.877 28.877 0 0 1 10.105 11.549 13.599 13.599 0 0 0 26.129-7.117c-3.262-18.017-15.302-25.754-24.974-31.976-9.673-6.222-18.334-11.78-23.719-28.295a37.42 37.42 0 0 1 9.485-39.282 37.857 37.857 0 0 1 39.411-8.661c11.015 3.955 18.622 10.899 22.636 20.615 5.197 12.574 4.143 29.435-2.758 44.016a13.584 13.584 0 0 0 23.387 13.657c.245-.347 15.173-22.088 10.914-50.181l27.111 25.783a13.585 13.585 0 0 0 19.72-18.651l-.014.072Z" fill="#842306"/><path d="M501.196 298.816c80.623 0 145.98-65.357 145.98-145.979 0-80.622-65.357-145.98-145.98-145.98-80.622 0-145.979 65.358-145.979 145.98 0 80.622 65.357 145.979 145.979 145.979Z" fill="#272727"/><path d="m360.832 422.824-1.443-167.548V133.333c0-67.85 53.587-125.018 121.495-126.461a124.153 124.153 0 0 1 126.938 124.151v157.803a90.633 90.633 0 0 1-55.963 83.763 90.65 90.65 0 0 1-34.696 6.897c-13.469 0-26.173 7.723-31.168 20.211-4.995 12.487.909 30.027 9.946 38.978l57.745 58.048-43.785 81.262-149.069-155.161Z" fill="#842306"/><path d="M502.337 6.294c-51.408-3.681-90.775 15.663-115.346 44.897-24.57 29.233-25.581 68.846-70.737 107.68-41.101 35.34-68.847 29.017-107.118 63.693-12.602 11.404-19.922 26.692-29.031 47.639-12.227 27.992-40.421 41.476-73.769 55.306a171.083 171.083 0 0 0 52.779 328.67h196.102V417.424a77.162 77.162 0 0 0 77.162-77.147V186.04c0-16.876 12.848-31.514 29.695-32.438A31.484 31.484 0 0 1 494.7 179.01l84.149-138.415s-26.057-30.706-76.512-34.3Z" fill="#272727"/><path d="M460.414 256.114c6.283 0 11.376-5.093 11.376-11.376 0-6.283-5.093-11.376-11.376-11.376-6.283 0-11.376 5.093-11.376 11.376 0 6.283 5.093 11.376 11.376 11.376Zm595.456 543.294H884.653a28.4 28.4 0 0 1-25.384-15.652 28.404 28.404 0 0 1 2.603-29.707l2.887-3.912a86.157 86.157 0 0 1 96.925-30.157l59.186 20.109a105.542 105.542 0 0 1 47.53 32.915 16.249 16.249 0 0 1 3.55 8.282c.37 3.041-.13 6.126-1.44 8.894a16.214 16.214 0 0 1-5.98 6.74 16.19 16.19 0 0 1-8.66 2.488Z" fill="#CCC"/><path d="M630.675 799.38V653.285a193.79 193.79 0 0 0-58.986-139.209l-17.916-17.324a55.55 55.55 0 0 1-76.165-.173l-48.376-45.763c-51.177-47.914-93.836-36.091-124.499-15.36-30.662 20.73-59.188 70.117-29.58 125.754a341.994 341.994 0 0 1 4.923 9.571c28.468 57.024 59.752 150.744 66.681 228.613l283.918-.014Z" fill="#FFBE3C"/><path d="M1022.13 727.429a13.818 13.818 0 0 0 1.31-5.125c.1-1.782-.15-3.566-.74-5.251a13.594 13.594 0 0 0-12.08-9.069c-22.979-1.271-44.128-15.678-64.599-29.624a917.245 917.245 0 0 0-9.441-6.395 54.068 54.068 0 0 0-65.339 4.432l-.548.505-28.238 27.588-17.15-2.627-226.447-38.372L405.08 470.622a67.96 67.96 0 0 0-96.103.217 67.958 67.958 0 0 0 .217 96.102L508.27 765.498a116.181 116.181 0 0 0 82.07 33.939h122.708c.523.063 1.048.097 1.574.101h123.733c1.285 0 2.555 0 3.826-.101h19.345a63.093 63.093 0 0 0 58.25-38.545 23.125 23.125 0 0 1 8.532.462l49.473 12.213a13.6 13.6 0 0 0 16.414-9.816l4.215 1.213a13.585 13.585 0 0 0 17.32-11.983h.08a13.526 13.526 0 0 0 13.19-10.263 13.49 13.49 0 0 0-.78-8.81 13.508 13.508 0 0 0-6.05-6.45l-.04-.029Z" fill="#842306"/><path d="m1382.2 764.386-116.5-410.611a27.901 27.901 0 0 0-9.97-14.565 27.882 27.882 0 0 0-16.73-5.646h-22.5V20.297A20.415 20.415 0 0 0 1196.06 0v684.279a20.414 20.414 0 0 0 20.41-20.413V350.599h22.51a10.763 10.763 0 0 1 10.33 7.81l116.5 410.625a10.95 10.95 0 0 1-1.79 9.626 11.01 11.01 0 0 1-3.87 3.209 10.98 10.98 0 0 1-4.9 1.14H1164.3a8.502 8.502 0 0 0 0 16.991h190.97c4.33-.002 8.6-1.006 12.47-2.934a28.018 28.018 0 0 0 9.85-8.177 27.861 27.861 0 0 0 5.18-11.711c.8-4.251.61-8.63-.57-12.792Z" fill="#CCC"/><path d="M1196.06 684.279a20.436 20.436 0 0 1-14.43-5.984 20.432 20.432 0 0 1-5.97-14.429V20.398c0-5.41 2.15-10.598 5.97-14.423A20.42 20.42 0 0 1 1196.06 0" fill="#12364C"/><path d="M346.757 799.379c-9.571-115.244-79.399-283.355-141.475-345.806-30.316-30.46-85.405-8.532-77.812 38.444l49.661 307.362h169.626Z" fill="#CCC"/></svg>';
+defineCustomElement('sinch-illustration-monitor', createIllustrationClass(templateHTML));

package/illustrations/numbers-passing/index.d.ts

@@ -0,0 +1,11 @@
+import type { TSinchIllustrationElement, TSinchIllustrationReact } from '../types';
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'sinch-illustration-numbers-passing': TSinchIllustrationReact;
+        }
+    }
+    interface HTMLElementTagNameMap {
+        'sinch-illustration-numbers-passing': TSinchIllustrationElement;
+    }
+}

package/illustrations/numbers-passing/index.js

@@ -0,0 +1,4 @@
+import { defineCustomElement } from '../../utils';
+import { createIllustrationClass } from '../create-illustration-class';
+const templateHTML = '<svg viewBox="0 0 437 400" fill="none" aria-hidden="true" focusable="false"><path d="m284.229 94.021.95-2.111c-3.537 1.636-7.707.95-10.558-1.69-2.904-2.692-3.959-6.81-2.745-10.61 3.642-11.456 8.077-25.34 11.455-35.952 3.168-9.977 12.142-16.84 22.331-17.104 13.409-.37 31.833-.897 43.923-1.214 8.288-.211 16.365-2.692 23.439-7.127 8.13-5.068 19.058-11.984 26.554-16.682 4.751-2.956 10.928-1.478 13.884 3.431 5.807 9.661 15.151 25.129 21.011 34.895 1.425 2.376 1.848 5.227 1.214 7.972-.633 2.692-2.323 5.068-4.645 6.44a29315.67 29315.67 0 0 0-33.206 20.22c-1.426.844-2.429 2.217-2.851 3.853-4.698 17.474-20.166 29.616-37.798 29.722-4.118 0-16.049-30.989-16.049-31.728.106-4.012-1.689-7.866-4.54-10.61-2.851-2.746-6.705-4.118-10.558-3.802-5.068.422-9.45 3.854-11.192 8.764-1.584 4.434-3.643 10.083-5.438 15.203-3.114 8.764-7.126 17.158-11.878 25.076-1.056 1.795-2.164 3.59-3.114 5.227-2.534 4.223-7.497 6.071-12.037 4.54-3.114-1.056-5.543-3.537-6.546-6.758-1.003-3.167-.528-6.704 1.32-9.449l7.074-10.506Z" fill="#842306"/><path d="M139.105 301.65c3.907-2.64 9.081-1.637 11.826 2.217 2.745 3.854 2.006 9.238-1.637 12.248l-29.774 28.401-41.864.317 61.449-43.183Z" fill="#F2A068"/><path d="M121.262 314.795c21.116 0 38.221-17.58 38.221-39.277 0-21.697-17.105-39.277-38.221-39.277-21.117 0-38.221 17.58-38.221 39.277.053 21.697 17.157 39.277 38.221 39.277Z" fill="#FFBE3C"/><path d="M194.008 254.665c36.268 0 65.726-30.249 65.726-67.572 0-37.324-29.405-67.573-65.726-67.573-36.32 0-65.725 30.249-65.725 67.573 0 37.323 29.405 67.572 65.725 67.572Z" fill="#007171"/><path d="m185.351 179.966 3.959-1.056v32.625h16.049v-47.248h-12.618l-10.663 3.378 3.273 12.301Z" fill="#fff"/><path d="m1.267 371.757 17.105-36.849 2.111-4.487c3.96-8.499 10.77-15.204 19.164-19.005l1.583-.686 51.683-23.123c4.804-2.164 10.453-.264 13.092 4.435 2.64 4.698 1.426 10.664-2.745 13.884l-22.911 17.685c-1.954 1.478-.898 4.698 1.53 4.698h87.845c4.54 0 8.289 3.59 8.605 8.236.317 4.645-2.903 8.816-7.39 9.449l-67.204 9.503a76.743 76.743 0 0 0-20.166 5.807l-14.993 6.704c-4.645 2.059-8.394 5.755-10.558 10.4l-8.024 16.577c-1.478 3.167-4.54 5.015-7.76 5.015a8.591 8.591 0 0 1-3.538-.792L5.491 383.793C2.429 382.368.37 379.2.37 375.558c0-1.32.37-2.64.897-3.801Z" fill="#F2A068"/><path d="M289.719 162.967c26.66 0 48.251-22.225 48.251-49.624s-21.591-49.624-48.251-49.624c-26.659 0-48.251 22.225-48.251 49.624s21.592 49.624 48.251 49.624Z" fill="#059688"/><path d="M283.49 43.764c3.167-9.978 12.142-16.84 22.33-17.104 13.409-.37 31.834-.898 43.923-1.215 8.288-.21 16.365-2.692 23.439-7.126a6605.238 6605.238 0 0 1 26.607-16.682c4.751-2.957 10.928-1.479 13.884 3.43 5.807 9.662 15.151 25.13 21.011 34.896 1.426 2.376 1.848 5.226 1.214 7.971a10.349 10.349 0 0 1-4.645 6.441c-10.506 6.388-36.11 24.073-36.11 24.073s-.211.528-.527 1.478c-6.283 16.788-21.803 27.927-39.277 28.138-.739 0-1.478 0-2.165.053-4.117.052-8.077 1.689-11.086 4.54a2800.987 2800.987 0 0 1-12.036 11.297c-1.637 1.531-3.801 2.27-6.019 2.112a11.188 11.188 0 0 1-8.657-5.438c-1.901-3.115-2.218-6.968-.951-10.4.37-1.003.634-1.636.634-1.636s6.968-15.362 19.058-18.952c4.17-2.006 6.81-6.282 6.968-10.98 0-.687.528-8.184-4.223-12.83-2.851-2.744-6.705-4.117-10.558-3.8" fill="#842306"/><path d="M113.449 288.135h18.371v-6.652h-8.13c0-1.794 7.919-4.276 7.919-10.611 0-5.12-3.959-7.866-9.291-7.866-6.018 0-8.5 3.854-9.239 7.55l7.338 1.531c.264-1.056.634-2.112 1.584-2.112.581 0 1.056.369 1.056 1.109 0 3.959-9.608 6.757-9.608 13.936v3.115Z" fill="#E24751"/><path d="M302.02 96.028h-23.651v9.555h11.192l-5.755 5.068v6.915h5.174c1.742 0 2.798 1.056 2.798 2.27 0 1.373-1.056 2.165-2.217 2.165-1.109 0-2.006-.898-2.27-2.376l-10.4 2.323c.95 4.171 4.329 10.136 13.198 10.136 7.813 0 13.514-5.015 13.514-12.406 0-5.86-2.85-9.08-6.44-10.4l4.909-4.54v-8.71h-.052Z" fill="#0A273D"/></svg>';
+defineCustomElement('sinch-illustration-numbers-passing', createIllustrationClass(templateHTML));

package/illustrations/office-worker/index.d.ts

@@ -0,0 +1,11 @@
+import type { TSinchIllustrationElement, TSinchIllustrationReact } from '../types';
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'sinch-illustration-office-worker': TSinchIllustrationReact;
+        }
+    }
+    interface HTMLElementTagNameMap {
+        'sinch-illustration-office-worker': TSinchIllustrationElement;
+    }
+}

package/illustrations/office-worker/index.js

@@ -0,0 +1,4 @@
+import { defineCustomElement } from '../../utils';
+import { createIllustrationClass } from '../create-illustration-class';
+const templateHTML = '<svg viewBox="0 0 1215 800" fill="none" aria-hidden="true" focusable="false"><path d="m711.325 316.615-16.26 169.599" stroke="#000" stroke-width="3.14" stroke-linecap="round" stroke-linejoin="round"/><path d="M1214.64 494.186H0V799.89h1214.64V494.186Z" fill="#F2F2F2"/><path d="M809.998 566.266H611.067v21.963h198.931v-21.963Zm-151.913-23.591h-38.839v21.963h38.839v-21.963Z" fill="#0A273D"/><path d="M704.658 553.417h-38.839v21.963h38.839v-21.963Zm46.576 0h-38.839v21.963h38.839v-21.963Zm46.576 0h-38.839v21.963h38.839v-21.963Zm-127.737-75H440.747v15.153h229.326v-15.153Z" fill="#0A273D"/><path d="M726.19 161.949H531.809L500.442 493.57h194.381l31.367-331.621Z" fill="#0A273D"/><path d="M934.149 9.202A8.413 8.413 0 0 0 925.771 0H389.132a8.414 8.414 0 0 0-8.377 7.624L350.979 322.43a8.413 8.413 0 0 0 8.376 9.202h536.639a8.412 8.412 0 0 0 8.379-7.624c4.175-44.131 25.22-266.627 29.776-314.806Z" fill="#007171"/><path d="M545.317 0H388.188a8.416 8.416 0 0 0-8.376 7.624L350.035 322.43a8.413 8.413 0 0 0 8.376 9.202H513.95L545.317 0Zm175.541 32.011a8.412 8.412 0 0 0-8.379-9.201H565.732a8.411 8.411 0 0 0-8.376 7.624c-1.023 10.818-2.892 30.597-3.994 42.22a8.41 8.41 0 0 0 4.975 8.483 8.416 8.416 0 0 0 3.401.718h154.411s3.155-33.239 4.714-49.841l-.005-.003Zm-18.824 196.776a8.41 8.41 0 0 0-8.376-9.202h-147.87a8.413 8.413 0 0 0-8.379 7.624c-.229 2.416-.484 5.111-.72 7.624a8.413 8.413 0 0 0 8.376 9.202h155.539s.776-8.316 1.43-15.248Zm-4.041 36.877a8.408 8.408 0 0 0-2.154-6.452 8.424 8.424 0 0 0-6.222-2.75h-147.88a8.415 8.415 0 0 0-8.379 7.625c-.229 2.416-.484 5.11-.72 7.624a8.408 8.408 0 0 0 4.975 8.483 8.401 8.401 0 0 0 3.401.718h155.539s.788-8.313 1.44-15.248Z" fill="#059688"/><path d="M896.094 104.11a7.335 7.335 0 0 0-7.301-8.026H738.738a7.335 7.335 0 0 0-7.301 6.643l-9.051 95.697h158.115a7.336 7.336 0 0 0 7.301-6.644l8.292-87.667v-.003Z" fill="#A7D5C2"/><path d="M1078.13 303.554a8.432 8.432 0 0 0-2.16-6.452 8.416 8.416 0 0 0-6.22-2.75H754.123a8.409 8.409 0 0 0-8.378 7.624l-18.122 191.599h332.527s14.27-150.836 17.98-190.016v-.005Z" fill="#007171"/><path d="m985.066 332.523-154.301-.11c-5.466 0-10.401 4.44-10.997 9.906l-10.054 101.199 163.211.116c5.468 0 10.4-4.438 11-9.906l9.974-91.288c.597-5.466-3.365-9.917-8.833-9.92" fill="#FFBE3C"/><path d="M947.536 380.077h-88.301a6.197 6.197 0 1 1 0-12.393h88.301a6.197 6.197 0 1 1 0 12.393Z" fill="#FCECCB"/><path d="M855.567 136.552h-88.301a6.197 6.197 0 1 1 0-12.393h88.301a6.197 6.197 0 1 1 0 12.393Z" fill="#DCEDE1"/><path d="M900.298 408.368h-44.136a6.197 6.197 0 1 1 0-12.393h44.136a6.188 6.188 0 0 1 4.381 1.815 6.202 6.202 0 0 1 1.815 4.382 6.19 6.19 0 0 1-3.825 5.725 6.205 6.205 0 0 1-2.371.471Z" fill="#FCECCB"/><path d="M852.518 164.841h-44.137a6.196 6.196 0 0 1 0-12.394h44.137a6.206 6.206 0 0 1 4.381 1.815 6.206 6.206 0 0 1 1.815 4.382 6.202 6.202 0 0 1-1.815 4.382 6.204 6.204 0 0 1-4.381 1.815Z" fill="#DCEDE1"/><path d="M1061.6 478.417H708.286l-1.651 15.153h353.325l1.64-15.153Z" fill="#0A273D"/><path d="M993.86 354.717c10.18 0 18.43-8.251 18.43-18.429 0-10.178-8.25-18.43-18.43-18.43-10.178 0-18.43 8.252-18.43 18.43 0 10.178 8.252 18.429 18.43 18.429Z" fill="#E83452"/><path d="m531.854 607.676 4.58-73.955a.988.988 0 0 1 .741-.886l23.37-5.726a68.346 68.346 0 0 0 27.137-13.642l16.733-13.845a51.778 51.778 0 0 1 52.184-8.216l68.337 30.308c3.83 1.522 6.467 4.596 7.237 8.434.676 3.363-.262 6.785-2.508 8.975l-.181.158a11.69 11.69 0 0 1-9.727 2.629l-6.891-1.496c-.416 1.988-1.451 4.317-4.506 6.352-3.657 2.432-8.292 3.024-12.73 1.617l-20.914-5.579a32.903 32.903 0 0 0-32.621 9.388l-13.884 14.891a61.625 61.625 0 0 1-24.029 15.882l-71.029 25.702a.976.976 0 0 1-1.315-.978" fill="#F2A068"/><path d="m638.435 514.174 92.75-6.415a11.387 11.387 0 0 0 6.909-19.702 11.384 11.384 0 0 0-8.037-3.032l-92.931 2.824a13.185 13.185 0 0 0-12.649 13.566 13.183 13.183 0 0 0 13.438 12.785c.152 0 .357-.016.507-.026" fill="#F2A068"/><path d="M1040.14 612.418c0-35.547-29.15-64.361-65.109-64.361-35.963 0-65.113 28.814-65.113 64.361v.936h130.222v-.936Z" fill="#0A273D"/><path d="M1015.3 592.614a12.775 12.775 0 0 0 1.87-4.789c.3-1.706.25-3.454-.14-5.141a12.855 12.855 0 0 0-2.14-4.676 12.854 12.854 0 0 0-3.8-3.469l-18.292-10.953a26.196 26.196 0 0 0-13.755-3.717l-21.806.263c-1.895.031-2.177-2.216-.583-3.252 10.016-6.51 34.28-5.574 49.296-4.233 1.59.141 3.19-.055 4.7-.576a11.396 11.396 0 0 0 4.06-2.447 11.443 11.443 0 0 0 2.7-3.89c.61-1.473.91-3.059.87-4.655a11.656 11.656 0 0 0-11.24-11.381c-12.097-.334-32.251-.263-50.35 2.997-23.734 4.275-49.021 16.519-50.432 17.128l-.127.061-81.631 41.959-92.787 48.112 75.335 44.012 93.697-64.887a9.097 9.097 0 0 1 6.309-1.548 94.22 94.22 0 0 0 51.632-8.15l4.795-2.243a7.727 7.727 0 0 1 5.784-.308l24.261 8.35c2.633.907 5.504.842 8.094-.183a11.671 11.671 0 0 0 6.03-5.404c.11-.202.21-.404.32-.607 1.02-1.929 1.4-4.13 1.1-6.29a10.418 10.418 0 0 0-2.8-5.74l.54.026a9.602 9.602 0 0 0 8.49-4.372v.003Z" fill="#F2A068"/><path d="m202.699 799.913 7.04-67.382a51.487 51.487 0 0 1-38.16-17.446 51.485 51.485 0 0 1-12.509-40.051l27.981-238.22c7.306-62.203 60.299-108.91 122.928-108.345l210.384 1.895a122.665 122.665 0 0 1 114.91 82.828l80.64 234.905 111.058-57.616 41.56 121.117-92.345 66.489a115.848 115.848 0 0 1-67.687 21.834l-505.8-.008Z" fill="#E83452"/><path d="M600.998 129.64c-7.062-34.385-31.152-60.693-62.866-68.665-41.912-10.54-96.057 14.641-110.13 58.554l-22.699 70.829c-7.753 24.2 6.31 50.94 17.769 73.35 11.46 22.41 31.286 41.087 54.374 46.889a78.551 78.551 0 0 0 19.161 2.385c35.005 0 67.111-23.749 79.031-60.939l22.697-73.311a97.197 97.197 0 0 0 2.663-49.092Z" fill="#F2A068"/><path d="M514.432 224.917c-.826 7.992-.879 54.208-.702 101.168a106.8 106.8 0 0 1-31.448 76.038 106.78 106.78 0 0 1-76.18 31.103c-58.183-.458-105.288-47.415-105.932-105.595a3530.93 3530.93 0 0 0-.044-4.044 107.072 107.072 0 0 1 17.42-59.734c22.16-33.941 60.244-92.264 85.906-131.565a190.162 190.162 0 0 1 69.701-63.794l2.826-1.506c39.244-20.935 87.984-8.184 111.947 29.285 1.501 2.366 2.811 4.582 3.862 6.572.623 1.183 1.225 2.869 1.806 4.938a50.005 50.005 0 0 1-9.838 45.656 50.003 50.003 0 0 1-43.255 17.614c-6.341-.628-11.355-1.385-13.787-2.287a29.017 29.017 0 0 0-38.447 33.325 29.014 29.014 0 0 0 26.167 22.823l-.002.003Z" fill="#FFBE3C"/><path d="M599.044 542.239a44.554 44.554 0 0 0-11.779-33.615 44.554 44.554 0 0 0-32.651-14.234H277.313a44.542 44.542 0 0 0-44.223 39.212c-4.206 34.848-10.348 85.97-14.893 123.704a44.548 44.548 0 0 0 25.953 45.947 44.55 44.55 0 0 0 18.27 3.921h282.981a44.547 44.547 0 0 0 44.431-41.231c2.629-35.416 6.449-86.496 9.223-123.704h-.011Z" fill="#0A273D"/><path d="M423.454 633.966h-33.458L373.791 800h33.447l16.216-166.034Z" fill="#0A273D"/></svg>';
+defineCustomElement('sinch-illustration-office-worker', createIllustrationClass(templateHTML));

package/illustrations/old-person-on-phone/index.d.ts

@@ -0,0 +1,11 @@
+import type { TSinchIllustrationElement, TSinchIllustrationReact } from '../types';
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'sinch-illustration-old-person-on-phone': TSinchIllustrationReact;
+        }
+    }
+    interface HTMLElementTagNameMap {
+        'sinch-illustration-old-person-on-phone': TSinchIllustrationElement;
+    }
+}

package/illustrations/old-person-on-phone/index.js

@@ -0,0 +1,4 @@
+import { defineCustomElement } from '../../utils';
+import { createIllustrationClass } from '../create-illustration-class';
+const templateHTML = '<svg viewBox="0 0 726 800" fill="none" aria-hidden="true" focusable="false"><path d="M.316 437.129a362.872 362.872 0 0 0 45.253 175.62A362.614 362.614 0 0 0 170.14 744.492a344.297 344.297 0 0 0 25.667 14.703 362.501 362.501 0 0 0 228.495 35.644A362.632 362.632 0 0 0 627.88 685.071a362.997 362.997 0 0 0 95.899-210.555 363.074 363.074 0 0 0-50.768-225.744A362.748 362.748 0 0 0 496.217 99.613a362.503 362.503 0 0 0-230.949-11.935A362.689 362.689 0 0 0 74.056 217.82 363.042 363.042 0 0 0 .316 437.13Z" fill="#666"/><path d="m159.212 290.207 141.765 45.515-76.5 238.548a74.474 74.474 0 0 1-36.843 43.485 74.403 74.403 0 0 1-56.784 4.681 74.45 74.45 0 0 1-43.46-36.865 74.522 74.522 0 0 1-4.678-56.815l76.5-238.549Z" fill="#A7D5C2"/><path d="m274.263 380.811-36.865-8.323 19.582-88.961 10.163 2.3a27.376 27.376 0 0 1 17.128 12.098 27.425 27.425 0 0 1 3.554 20.675l-13.562 62.211Z" fill="#F2A068"/><path d="m219.206 255.735 23.607 4.917a28.288 28.288 0 0 1 17.894 12.195 28.322 28.322 0 0 1 4.035 21.284l-20.621 99.11-78.964-16.448 20.608-99.047a28.297 28.297 0 0 1 33.441-22.011Z" fill="#F2A068"/><path d="M249.794 316.172a12.404 12.404 0 0 1-2.201-.194 12.95 12.95 0 0 1-10.454-14.865l7.121-41.063a15.544 15.544 0 0 0-14.281-18.17 15.525 15.525 0 0 0-8.376 1.815 12.939 12.939 0 0 1-16.307-5.828 12.957 12.957 0 0 1 4.073-16.841 41.22 41.22 0 0 1 43.718 2.779 41.25 41.25 0 0 1 14.106 17.911 41.288 41.288 0 0 1 2.442 22.673l-7.347 40.999a12.957 12.957 0 0 1-4.308 7.642 12.942 12.942 0 0 1-8.186 3.142Zm-45.571 66.875h-63.05v-63.183h31.719a31.32 31.32 0 0 1 22.154 9.182 31.357 31.357 0 0 1 9.177 22.167v31.834Z" fill="#F2A068"/><path d="M394.601 267.984h39.389c76.805 0 137.362-52.981 86.418-149.779l-19.711-34.134-19.679-34.133a99.808 99.808 0 0 0-36.526-36.567 99.742 99.742 0 0 0-99.815 0 99.818 99.818 0 0 0-36.527 36.567L288.472 84.07l-19.711 34.134a99.875 99.875 0 0 0-13.378 49.934 99.879 99.879 0 0 0 13.375 49.935 99.817 99.817 0 0 0 36.541 36.548 99.741 99.741 0 0 0 49.912 13.362h39.39Z" fill="#CCC"/><path d="M236.135 401.182H136.48a7.41 7.41 0 0 1-6.894-5.117L58.768 191.329a7.455 7.455 0 0 1 .972-6.747 7.444 7.444 0 0 1 6.052-3.131h99.655a7.415 7.415 0 0 1 7.024 5.02l70.688 204.833a7.457 7.457 0 0 1-3.619 9.046 7.459 7.459 0 0 1-3.405.832Z" fill="#0A273D"/><path d="M227.947 410.25v244.667h385.546V410.25c0-76.655-49.941-140.971-117.359-158.685a148.238 148.238 0 0 0-37.642-4.858h-75.543c-7.378.008-14.745.56-22.041 1.652l-1.166.194a136.348 136.348 0 0 0-14.467 3.012 150.911 150.911 0 0 0-14.63 4.696C270.8 278.865 227.947 339.263 227.947 410.25Z" fill="#A7D5C2"/><path d="M410.104 330.939c43.338 0 78.585-37.76 79.589-80.962-4.014-.842-8.027-1.619-12.138-2.137a148.544 148.544 0 0 0-19.063-1.231h-75.543c-7.378.008-14.745.56-22.042 1.652h-1.165a136.348 136.348 0 0 0-14.467 3.012 150.911 150.911 0 0 0-14.63 4.696 79.69 79.69 0 0 0 24.858 53.265 79.596 79.596 0 0 0 54.601 21.705Z" fill="#F2A068"/><path d="M296.563 102.206v65.967c0 39.154 30.425 73.643 64.344 79.634 22.657 3.984 64.571.616 77.938-4.177 11.069-3.951 20.488-18.589 20.488-31.834V103.663a83.015 83.015 0 0 0-4.758-27.56 84.202 84.202 0 0 0-18.74-30.247 80.07 80.07 0 0 0-26.637-18.57 80.033 80.033 0 0 0-31.816-6.463 81.343 81.343 0 0 0-57.232 23.994 81.442 81.442 0 0 0-23.684 57.389h.097Z" fill="#F2A068"/><path d="M360.907 248.424c0 14.865 6.894 49.354 49.197 49.354 43.37 0 49.229-20.855 49.229-85.981v-55.378c0-30.701-22.495-55.993-45.313-55.993-25.051 0-53.534 8.906-53.534 53.629-.032 49.678.421 79.504.421 94.369Zm-81.433 183.944a38.34 38.34 0 0 1-53.663-5.7l-49.1-60.915a38.393 38.393 0 0 1 5.599-53.889 38.332 38.332 0 0 1 42.562-3.931 38.347 38.347 0 0 1 11.522 9.631l48.841 60.592a38.422 38.422 0 0 1-5.761 54.212Z" fill="#F2A068"/><path d="m152.632 358.111 91.337 37.761v-59.815a49.174 49.174 0 0 0-8.315-27.272 49.136 49.136 0 0 0-22.045-18.067l-68.551-28.336c-16.442-6.769-28.838 3.238-25.893 20.532l7.574 43.233a45.347 45.347 0 0 0 9.114 19.09 45.31 45.31 0 0 0 16.779 12.874Z" fill="#F2A068"/><path d="M209.596 310.214a11.253 11.253 0 0 1-4.176-.81L95.699 265.166a11.152 11.152 0 0 1-6.512-5.931 11.18 11.18 0 0 1 2.297-12.556 11.156 11.156 0 0 1 8.19-3.239c1.514.044 3.002.395 4.375 1.033l109.69 44.205a11.17 11.17 0 0 1 6.788 12.491 11.172 11.172 0 0 1-10.964 9.045h.033Z" fill="#F2A068"/><path d="M195.807 759.195a362.32 362.32 0 0 0 231.642 35.099 362.44 362.44 0 0 0 204.72-113.989l-18.676-72.93-385.158 21.73-32.528 130.09Z" fill="#0A273D"/><path d="M329.304 561.48c-21.639 34.893-10.911 80.733 23.963 102.384 34.873 21.652 80.686 10.918 102.326-23.976l123.074-198.457c21.639-34.893 10.911-80.732-23.963-102.384s-80.686-10.917-102.326 23.976L329.304 561.48Z" fill="#A7D5C2"/><path d="m167.005 466.732 115.064-94.535 158.893 193.619a74.514 74.514 0 0 1-10.291 104.833 74.415 74.415 0 0 1-104.773-10.297l-158.893-193.62Z" fill="#A7D5C2"/><path d="M362.267 178.797a22.657 22.657 0 0 1-17.574 8.363 22.654 22.654 0 0 1-17.575-8.363" stroke="#0A273D" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round"/><path d="m295.204 81.059-.874 1.813.259-1.813h.615Z" fill="#CCC"/><path d="M498.723 252.277c-25.537 20.046-91.856-.809-91.856-62.243 0-10.299.292-63.669.292-63.669 0-17.779-5.503-37.34-37.578-37.34h-44.309c-24.145 0-28.709 4.891-28.709 25.617l-5.146-11.464 2.104-15.156.712-5.15.874-1.813a175.28 175.28 0 0 1 25.44-37.987 81.053 81.053 0 0 1 56.932-23.835 80.232 80.232 0 0 1 58.485 25.033l1.522 1.652a136.283 136.283 0 0 1 2.848 3.238l1.133 1.393.55.745c.356.42.68.874 1.036 1.327.356.454 1.262 1.75 1.877 2.688.615.94.809 1.199 1.165 1.781l.971 1.523a58.976 58.976 0 0 1 1.974 3.432c.227.389.421.778.648 1.134.226.356.841 1.62 1.23 2.461l1.165 2.429c0 .227.194.518.323.777.13.26.583 1.36.874 2.073.292.712.907 2.267 1.295 3.238a82.529 82.529 0 0 1 4.758 27.592v62.632c8.447 5.052 14.5 8.971 14.5 8.971l8.965 31.478 15.925 47.443Z" fill="#CCC"/><path d="M313.912 131.547h93.279" stroke="#fff" stroke-width="1.59" stroke-miterlimit="10"/><path d="M370.326 156.289c13.657 0 24.728-11.078 24.728-24.742 0-13.665-11.071-24.742-24.728-24.742-13.656 0-24.727 11.077-24.727 24.742 0 13.664 11.071 24.742 24.727 24.742Zm-56.414 0c13.657 0 24.728-11.078 24.728-24.742 0-13.665-11.071-24.742-24.728-24.742-13.657 0-24.728 11.077-24.728 24.742 0 13.664 11.071 24.742 24.728 24.742Z" fill="#F2A068" stroke="#fff" stroke-width="1.59" stroke-miterlimit="10"/></svg>';
+defineCustomElement('sinch-illustration-old-person-on-phone', createIllustrationClass(templateHTML));

package/illustrations/omnichannel-messaging/index.d.ts

@@ -0,0 +1,11 @@
+import type { TSinchIllustrationElement, TSinchIllustrationReact } from '../types';
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'sinch-illustration-omnichannel-messaging': TSinchIllustrationReact;
+        }
+    }
+    interface HTMLElementTagNameMap {
+        'sinch-illustration-omnichannel-messaging': TSinchIllustrationElement;
+    }
+}

package/illustrations/omnichannel-messaging/index.js

@@ -0,0 +1,4 @@
+import { defineCustomElement } from '../../utils';
+import { createIllustrationClass } from '../create-illustration-class';
+const templateHTML = '<svg viewBox="0 0 600 800" fill="none" aria-hidden="true" focusable="false"><path d="M520.743 408.915c43.445 0 78.664-35.219 78.664-78.664 0-43.446-35.219-78.665-78.664-78.665-43.446 0-78.665 35.219-78.665 78.665 0 43.445 35.219 78.664 78.665 78.664Z" fill="#A8D7E2"/><path d="M548.619 301.179h-55.753a16.94 16.94 0 0 0-16.938 16.938v38.548a3.058 3.058 0 0 0 3.049 3.058h69.642a16.938 16.938 0 0 0 16.939-16.938v-24.668a16.938 16.938 0 0 0-16.939-16.938Z" fill="#0A273D"/><path d="M540.667 336a5.776 5.776 0 1 0 .002-11.552 5.776 5.776 0 0 0-.002 11.552Zm-19.924 0a5.776 5.776 0 1 0 0-11.553 5.776 5.776 0 1 0 0 11.553Zm-14.593-3.57a5.777 5.777 0 1 0-10.675-4.42 5.777 5.777 0 0 0 10.675 4.42Z" fill="#A8D7E2"/><path d="M398.85 121.527c33.559 0 60.764-27.205 60.764-60.763C459.614 27.204 432.409 0 398.85 0c-33.559 0-60.764 27.205-60.764 60.764 0 33.558 27.205 60.763 60.764 60.763Z" fill="#007171"/><path d="M435.793 45.974a6.875 6.875 0 0 0-6.722-.32l-11.045 5.464v-1.266a11.515 11.515 0 0 0-3.365-8.147 11.506 11.506 0 0 0-8.144-3.371h-30.756a11.5 11.5 0 0 0-11.483 11.482v21.85a11.5 11.5 0 0 0 11.483 11.483h30.756a11.5 11.5 0 0 0 11.482-11.482v-1.24l11.072 5.438a6.918 6.918 0 0 0 9.994-6.24v-17.83a6.889 6.889 0 0 0-3.272-5.821Z" fill="#FFBE3C"/><path d="M357.244 410.359c24.19 0 43.799-19.609 43.799-43.799 0-24.189-19.609-43.798-43.799-43.798-24.189 0-43.798 19.609-43.798 43.798 0 24.19 19.609 43.799 43.798 43.799Z" fill="#007171"/><path d="m380.432 376.028-4.556-4.546a7.675 7.675 0 0 0-5.438-2.255 7.68 7.68 0 0 0-5.438 2.255 2.6 2.6 0 0 1-3.352.285 46.893 46.893 0 0 1-9.2-9.2 2.566 2.566 0 0 1 .223-3.29l.071-.062a7.708 7.708 0 0 0 0-10.876l-4.564-4.565a7.875 7.875 0 0 0-2.553-1.71 7.875 7.875 0 0 0-6.028 0 7.89 7.89 0 0 0-2.554 1.71l-1.274 1.231a12.28 12.28 0 0 0-1.266 15.957 127.24 127.24 0 0 0 28.705 28.697 12.283 12.283 0 0 0 15.949-1.257l1.275-1.266a7.9 7.9 0 0 0 0-11.108Zm0-93.303c33.559 0 60.764-27.204 60.764-60.763s-27.205-60.764-60.764-60.764c-33.559 0-60.764 27.205-60.764 60.764 0 33.559 27.205 60.763 60.764 60.763Z" fill="#FFBE3C"/><path d="M340.003 219.136h11.295a1.936 1.936 0 0 0 1.926-1.783 57.3 57.3 0 0 1 3.022-15.352 1.926 1.926 0 0 0-.99-2.38 59.08 59.08 0 0 1-6.508-3.566 1.923 1.923 0 0 0-2.567.499 42.385 42.385 0 0 0-8.104 20.424 1.933 1.933 0 0 0 .479 1.511c.182.204.405.367.654.479.25.111.52.168.793.168Zm35.481 25.505a52.495 52.495 0 0 0-8.433 1.462 1.928 1.928 0 0 0-1.314 1.179 1.943 1.943 0 0 0 .19 1.754 35.293 35.293 0 0 0 8.585 9.111 1.926 1.926 0 0 0 3.085-1.542v-10.038a1.944 1.944 0 0 0-.632-1.429 1.924 1.924 0 0 0-1.481-.497Zm31.924 7.007a53.54 53.54 0 0 0-4.101-2.139 1.945 1.945 0 0 0-2.505.766 42.19 42.19 0 0 1-6.044 7.979 39.91 39.91 0 0 1-5.18 4.52.436.436 0 0 0 .069.74.434.434 0 0 0 .288.035 42.396 42.396 0 0 0 17.714-8.727 1.952 1.952 0 0 0 .705-1.65 1.942 1.942 0 0 0-.946-1.524Zm13.453-26.842h-11.295a1.928 1.928 0 0 0-1.926 1.783 57.332 57.332 0 0 1-3.022 15.351 1.926 1.926 0 0 0 .99 2.38 58.976 58.976 0 0 1 6.507 3.566 1.925 1.925 0 0 0 2.568-.499 42.381 42.381 0 0 0 8.104-20.424 1.938 1.938 0 0 0-.475-1.514 1.937 1.937 0 0 0-1.451-.643Zm-67.378-32.522a49.736 49.736 0 0 0 4.1 2.14 1.945 1.945 0 0 0 2.505-.767 42.153 42.153 0 0 1 6.045-7.979 39.901 39.901 0 0 1 5.179-4.52.432.432 0 0 0 .134-.531.436.436 0 0 0-.49-.244 42.407 42.407 0 0 0-17.714 8.736 1.934 1.934 0 0 0 .241 3.165Zm2.763 49.674a57.34 57.34 0 0 1-3.022-15.352 1.928 1.928 0 0 0-1.926-1.783h-11.295a1.926 1.926 0 0 0-1.926 2.149 42.385 42.385 0 0 0 8.104 20.424 1.938 1.938 0 0 0 2.567.499 59.08 59.08 0 0 1 6.508-3.566c.428-.204.766-.559.948-.997a1.92 1.92 0 0 0 .042-1.374Zm19.417-17.152h-14.817a1.918 1.918 0 0 0-1.925 2.068 52.152 52.152 0 0 0 2.558 13.016 1.927 1.927 0 0 0 2.354 1.212 59.218 59.218 0 0 1 11.999-2.184 1.932 1.932 0 0 0 1.783-1.926v-10.261a1.926 1.926 0 0 0-.576-1.368 1.929 1.929 0 0 0-1.376-.557Zm-9.53 33.448a42.122 42.122 0 0 1-6.045-7.979 1.946 1.946 0 0 0-2.505-.775 53.91 53.91 0 0 0-4.101 2.148 1.925 1.925 0 0 0-.24 3.165 42.411 42.411 0 0 0 17.713 8.737c.098.021.2.008.289-.036a.436.436 0 0 0 .068-.74 39.901 39.901 0 0 1-5.179-4.52Zm28.599-72.576a42.19 42.19 0 0 1 6.044 7.979 1.944 1.944 0 0 0 2.505.767 47.903 47.903 0 0 0 4.101-2.14 1.925 1.925 0 0 0 .24-3.165 42.384 42.384 0 0 0-17.722-8.736.427.427 0 0 0-.348.767 40.694 40.694 0 0 1 5.18 4.528Zm-18.9 19.364a59.289 59.289 0 0 1-11.999-2.185 1.93 1.93 0 0 0-2.354 1.213 52.107 52.107 0 0 0-2.558 13.016 1.928 1.928 0 0 0 1.151 1.917c.245.106.508.161.774.16h14.817a1.935 1.935 0 0 0 1.934-1.935V206.94a1.932 1.932 0 0 0-1.765-1.898Zm28.786-3.067a57.324 57.324 0 0 1 3.022 15.351c.038.485.258.937.614 1.268.357.33.826.514 1.312.515h11.295c.273 0 .543-.057.793-.168a1.927 1.927 0 0 0 1.055-1.183c.083-.26.109-.535.078-.807a42.378 42.378 0 0 0-8.104-20.423 1.926 1.926 0 0 0-2.568-.5 58.646 58.646 0 0 1-6.507 3.566 1.929 1.929 0 0 0-.99 2.381Zm-19.586 36.943a59.218 59.218 0 0 1 11.999 2.184 1.925 1.925 0 0 0 2.354-1.212 52.152 52.152 0 0 0 2.558-13.016 1.923 1.923 0 0 0-.508-1.458 1.918 1.918 0 0 0-1.417-.61h-14.817a1.936 1.936 0 0 0-1.934 1.925v10.261a1.93 1.93 0 0 0 1.765 1.926Zm.169-19.782h14.817a1.93 1.93 0 0 0 1.825-1.294c.087-.251.121-.518.1-.783a52.107 52.107 0 0 0-2.558-13.016 1.926 1.926 0 0 0-2.354-1.212 59.17 59.17 0 0 1-11.999 2.21 1.938 1.938 0 0 0-1.783 1.926v10.261a1.934 1.934 0 0 0 1.952 1.908Zm-10.689-33.351a35.293 35.293 0 0 0-8.585 9.111 1.941 1.941 0 0 0-.19 1.755 1.933 1.933 0 0 0 1.314 1.178 52.495 52.495 0 0 0 8.433 1.462 1.922 1.922 0 0 0 1.481-.496 1.936 1.936 0 0 0 .632-1.429v-10.038a1.924 1.924 0 0 0-1.065-1.727 1.923 1.923 0 0 0-2.02.184Zm10.867 13.506a52.507 52.507 0 0 0 8.434-1.462 1.934 1.934 0 0 0 1.123-2.933 35.293 35.293 0 0 0-8.585-9.111 1.947 1.947 0 0 0-.985-.372 1.938 1.938 0 0 0-2.099 1.923v10.03a1.927 1.927 0 0 0 .631 1.429 1.93 1.93 0 0 0 1.481.496Zm9.548 49.745a1.926 1.926 0 0 0 .19-1.754 1.938 1.938 0 0 0-1.313-1.179 52.514 52.514 0 0 0-8.433-1.462 1.939 1.939 0 0 0-1.948 1.145 1.927 1.927 0 0 0-.165.781v10.029a1.933 1.933 0 0 0 3.084 1.551 35.276 35.276 0 0 0 8.585-9.111Z" fill="#007171"/><path d="M523.756 210.488c27.985 0 50.672-22.686 50.672-50.672 0-27.985-22.687-50.671-50.672-50.671-27.985 0-50.672 22.686-50.672 50.671 0 27.986 22.687 50.672 50.672 50.672Z" fill="#0A273D"/><path d="M520.11 158.764a5.588 5.588 0 0 0 7.301 0l20.798-18.115a1.209 1.209 0 0 0 .343-1.345 1.21 1.21 0 0 0-1.145-.785h-47.284a1.21 1.21 0 0 0-.803 2.13l20.79 18.115Zm30.988-13.113-17.099 14.861 17.063 14.852a1.213 1.213 0 0 0 2.015-.892v-27.903a1.21 1.21 0 0 0-1.364-1.182c-.226.028-.439.12-.615.264Zm-54.684 0a1.214 1.214 0 0 0-1.293-.2 1.211 1.211 0 0 0-.722 1.091v27.877a1.215 1.215 0 0 0 1.398 1.181c.229-.036.443-.136.617-.29l17.081-14.798-17.081-14.861Zm33.181 18.507a11.306 11.306 0 0 1-11.669 0l-17.028 14.825a1.212 1.212 0 0 0 .794 2.131h44.128a1.21 1.21 0 0 0 1.145-.785 1.212 1.212 0 0 0-.343-1.346l-17.027-14.825Zm-303.069 40.027c44.332 0 80.269-35.937 80.269-80.269 0-44.331-35.937-80.269-80.269-80.269-44.331 0-80.269 35.938-80.269 80.269 0 44.332 35.938 80.269 80.269 80.269Z" fill="#A8D7E2"/><path d="M253.458 110.41a26.926 26.926 0 0 0-29.074-27.047 26.927 26.927 0 0 0-19.097 10.288 26.936 26.936 0 0 0-5.318 21.029c2.193 14.79 14.487 35.446 21.565 46.358a5.995 5.995 0 0 0 10.047 0c7.078-10.921 19.381-31.577 21.574-46.358.226-1.409.339-2.834.339-4.261l-.036-.009Zm-26.932 11.117a11.114 11.114 0 0 1-10.27-6.863 11.11 11.11 0 0 1 2.409-12.115 11.113 11.113 0 0 1 17.104 1.685 11.112 11.112 0 0 1-1.382 14.037 11.116 11.116 0 0 1-7.861 3.256Z" fill="#0A273D"/><path d="m85.788 542.111-14.656-5.562a43.616 43.616 0 0 1-28.127-40.777v-11.981h42.792l-.01 58.32Z" fill="#842306"/><path d="M85.788 483.791H43.005v11.963h42.783v-11.963Z" fill="#FFBE3C"/><path d="M68.644 771.535c-6.954-8.024-10.698-17.883-3.682-33.262l7.925-16.724-40.268-18.364L.26 772.818a2.735 2.735 0 0 0 .454 3.033c.246.266.543.481.874.631l22.215 10.279a2.668 2.668 0 0 0 2.951-.46c.26-.24.468-.529.615-.85l2.158-4.654a1.891 1.891 0 0 1 3.44.054l4.307 10.056a7.537 7.537 0 0 0 3.753 3.869l5.331 2.442a27.16 27.16 0 0 0 11.161 2.514l37.06.268a2.745 2.745 0 0 0 2.755-2.906c-1.053-18.062-14.746-21.583-28.689-25.559Z" fill="#0A273D"/><path d="m139.018 287.486 5.126-2.327a29.35 29.35 0 0 0 15.345-16.408 29.355 29.355 0 0 0-.76-22.452l-12-26.343a29.38 29.38 0 0 0-38.913-14.576 29.381 29.381 0 0 0-14.576 38.913l11.973 26.308c.062.134.134.258.196.383l14.086 30.935h26.058l-6.535-14.433Z" fill="#842306"/><path d="M136.005 229.557a7.592 7.592 0 0 1 10.065 3.771l2.674 5.777 5.59-2.541-7.56-16.608a29.382 29.382 0 0 0-53.49 24.337l11.973 26.308h10.992a19.38 19.38 0 0 0 16.285-8.885 19.362 19.362 0 0 0 1.349-18.501l-1.631-3.566a7.593 7.593 0 0 1 3.753-10.092Z" fill="#272727"/><path d="M149.377 297.711h-42.809l5.349-12.489h32.111l5.349 12.489Z" fill="#FFBE3C"/><path d="M226.562 309.933a5.352 5.352 0 0 1-4.85-3.084l-5.973-12.837a5.35 5.35 0 0 1 9.69-4.529l6 12.837a5.351 5.351 0 0 1-2.585 7.132 5.224 5.224 0 0 1-2.282.481Zm10.51-29.936a5.348 5.348 0 0 1-4.849-3.084l-7.132-15.253a5.338 5.338 0 0 1-.292-4.164 5.352 5.352 0 0 1 4.858-3.608 5.345 5.345 0 0 1 5.115 3.234l7.132 15.253a5.343 5.343 0 0 1 .194 4.102 5.354 5.354 0 0 1-2.77 3.03 5.264 5.264 0 0 1-2.256.49Z" fill="#842306"/><path d="m220.821 306.1-7.008 15.28h43.683l4.458-9.806a11.496 11.496 0 0 0-.809-10.97 11.491 11.491 0 0 0-9.657-5.264h-13.934a18.407 18.407 0 0 0-16.733 10.76Z" fill="#842306"/><path d="M167.448 744.915v-14.611h-44.637v66.219a3.146 3.146 0 0 0 3.147 3.147h27.19a2.674 2.674 0 0 0 2.675-2.674v-5.59a1.775 1.775 0 0 1 1.042-1.529 1.78 1.78 0 0 1 1.837.219l6.686 5.83a15.158 15.158 0 0 0 9.905 3.735h47.828a3.145 3.145 0 0 0 3.138-3.388c-3.138-37.103-58.811-12.614-58.811-51.358Z" fill="#0A273D"/><path d="m79.859 739.611-64.9-29.571 49.513-108.698a114.775 114.775 0 0 0 10.332-47.606V445.448h71.319v127.865a95.956 95.956 0 0 1-8.63 39.778l-57.634 126.52Z" fill="#E83452"/><path d="M180.311 445.448h-71.318v295.714h71.318V445.448Z" fill="#E83452"/><path d="M274.693 250.364h-26.281a8.158 8.158 0 0 0-7.435 4.788l-23.223 51.18a4.687 4.687 0 0 0 4.27 6.614h31.541l25.389-55.967a4.677 4.677 0 0 0-4.261-6.615Z" fill="#CCC"/><path d="M217.451 309.345a4.69 4.69 0 0 0 4.573 3.646h31.541l25.389-55.967a4.671 4.671 0 0 0-1.391-5.634l-26.289 57.946-33.823.009Z" fill="#666"/><path d="M264.307 255.294h-8.023a.892.892 0 0 1 0-1.783h8.023a.892.892 0 1 1 0 1.783Zm-11.393 0a.877.877 0 0 1-.633-.267.89.89 0 0 1 .294-1.453.892.892 0 0 1 .682 1.65.877.877 0 0 1-.343.07Z" fill="#fff"/><path d="M271.011 279.034a5.35 5.35 0 0 0-7.132 2.595l-5.242 11.232a11.017 11.017 0 0 1-9.913 6.321h-.25a21.836 21.836 0 0 0-20.192 13.729l-3.289 8.513h32.485l10.859-24.007v-.063l5.242-11.188a5.348 5.348 0 0 0-2.568-7.132Zm-29.223-10.795h-12.48a5.35 5.35 0 0 0-3.834 9.075h-.677a5.35 5.35 0 0 0-5.349 5.349 5.294 5.294 0 0 0 1.524 3.735h-.392a5.348 5.348 0 0 0 0 10.698h6.855a5.352 5.352 0 0 0 4.933-3.269 5.341 5.341 0 0 0-1.099-5.815h4.252a5.353 5.353 0 0 0 4.924-3.268 5.346 5.346 0 0 0-1.09-5.807h2.46a5.348 5.348 0 0 0 0-10.698h-.027Z" fill="#842306"/><path d="M74.814 371.25v124.504H93.33a5.028 5.028 0 0 0 3.566-1.47l8.843-8.853a5.626 5.626 0 0 1 7.934 0l8.853 8.853a5.005 5.005 0 0 0 3.566 1.47h54.229V371.25a52.748 52.748 0 0 0-52.598-52.749 52.735 52.735 0 0 0-37.403 15.393 52.74 52.74 0 0 0-15.506 37.356Z" fill="#0A273D"/><path d="m208.393 333.299-9.146 20.13-14.416-32.093a40.872 40.872 0 0 0-37.255-24.124h-38.449a40.461 40.461 0 0 0-37.041 24.07l-17.162 38.209a136.14 136.14 0 0 0-11.946 55.825v68.475H85.77l.17-67.209a96.05 96.05 0 0 1 8.361-38.896l9.477-21.19a27.06 27.06 0 0 1 24.685-16.047 27.051 27.051 0 0 1 24.596 15.708l23.874 51.59c8.915 19.425 36.702 18.98 45.011-.731l30.569-73.744-44.12.027Z" fill="#0A273D"/><path d="M213.814 321.38h43.665l-4.939 11.919h-44.146l5.42-11.919Z" fill="#FFBE3C"/></svg>';
+defineCustomElement('sinch-illustration-omnichannel-messaging', createIllustrationClass(templateHTML));

package/illustrations/on-the-phone/index.d.ts

@@ -0,0 +1,11 @@
+import type { TSinchIllustrationElement, TSinchIllustrationReact } from '../types';
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'sinch-illustration-on-the-phone': TSinchIllustrationReact;
+        }
+    }
+    interface HTMLElementTagNameMap {
+        'sinch-illustration-on-the-phone': TSinchIllustrationElement;
+    }
+}

package/illustrations/on-the-phone/index.js

@@ -0,0 +1,4 @@
+import { defineCustomElement } from '../../utils';
+import { createIllustrationClass } from '../create-illustration-class';
+const templateHTML = '<svg viewBox="0 0 576 800" fill="none" aria-hidden="true" focusable="false"><path d="M56.703 674.418a54.944 54.944 0 0 1-53.105-68.862L36.888 479.8a54.883 54.883 0 0 1 66.571-37.292 54.876 54.876 0 0 1 39.496 65.287l-33.289 125.756a54.878 54.878 0 0 1-52.963 40.867Z" fill="#F2A068"/><path d="m37.903 476.25-15.14 56.766 107.638 14.933 42.801-154.575h-27.409a111.669 111.669 0 0 0-107.89 82.876Z" fill="#FFBE3C"/><path d="m192.51 265.541 27.186 105.116a18.091 18.091 0 0 1-17.437 22.717l4.756 9.622 62.679 6.674 55.23-16.312c-13.919 0-27.52-8.449-27.52-24.65 0-11.287 10.193-19.879 23.033-23.922" fill="#F2A068"/><path d="M395.704 393.374H145.698a64.347 64.347 0 0 0-63.082 51.588 64.347 64.347 0 0 0 .846 29.148l72.175 273.784 100.25 30.214 243.411.967-103.594-385.701Z" fill="#FFBE3C"/><path d="M157.635 393.374a100.41 100.41 0 0 0 100.4 99.147 100.41 100.41 0 0 0 100.4-99.147h-200.8Z" fill="#F2A068"/><path d="M260.595 268.426c74.12 0 134.205-60.086 134.205-134.205C394.8 60.101 334.715.016 260.595.016 186.476.016 126.39 60.1 126.39 134.22c0 74.119 60.086 134.205 134.205 134.205Z" fill="#842306"/><path d="M118.131 132.541c34.136 0 61.808-27.673 61.808-61.808 0-34.136-27.672-61.808-61.808-61.808-34.136 0-61.808 27.672-61.808 61.808 0 34.135 27.672 61.808 61.808 61.808Z" fill="#842306"/><path d="m171.49 185.281 21.622 82.321c15.852 60.54 65.565 94.527 125.803 77.581 63.521-17.866 113.836-61.221 93.291-135.188L388 117.877a113.333 113.333 0 0 0-91.278-83.002s15.425 124.377-125.232 150.406Z" fill="#F2A068"/><path d="M422.066 131.875a32.572 32.572 0 0 0-49.918-18.413 32.58 32.58 0 0 0-12.349 16.241l-25.031 6.769a33.756 33.756 0 0 0-5.041-3.583 32.911 32.911 0 0 0-49.303 31.563 32.905 32.905 0 0 0 32.28 29.793 32.907 32.907 0 0 0 33.138-28.835 32.91 32.91 0 0 0-5.621-22.835l17.977-4.755a32.563 32.563 0 0 0 19.336 32.459 32.562 32.562 0 0 0 13.05 2.764 32.598 32.598 0 0 0 25.913-12.757 32.603 32.603 0 0 0 5.617-28.332l-.048-.079Zm-102.072 53.676a25.284 25.284 0 1 1 17.833-30.991 25.367 25.367 0 0 1-17.833 30.991Zm77.168-20.798a25.268 25.268 0 1 1 17.85-30.976 25.13 25.13 0 0 1-8.973 26.64 25.14 25.14 0 0 1-8.877 4.336Z" fill="#1E2225"/><path d="M357.69 248.12a62.628 62.628 0 0 1-27.091-5.961 3.663 3.663 0 0 1-1.328-4.684 3.658 3.658 0 0 1 4.498-1.863 55.989 55.989 0 0 0 36.635 3.583c9.86-2.743 17.834-9.337 25.126-20.767a3.66 3.66 0 0 1 4.945-.955 3.66 3.66 0 0 1 1.221 4.887c-8.322 13.046-17.643 20.608-29.327 23.873a55.477 55.477 0 0 1-14.679 1.887Z" fill="#842306"/><path d="M520.461 797.971a54.913 54.913 0 0 1-53.026-40.883l-65.311-247.089a54.886 54.886 0 0 1 106.115-28.091l65.311 247.09a54.92 54.92 0 0 1-9.598 47.515 54.926 54.926 0 0 1-43.491 21.41v.048Z" fill="#F2A068"/><path d="M388.38 393.374h-17.976l30.309 139.642h121.111l-11.461-44.766a125.848 125.848 0 0 0-121.983-94.876Z" fill="#FFBE3C"/><path d="m170.221 350.065-22.066-100.836a12.11 12.11 0 0 1 18.042-13.035 12.116 12.116 0 0 1 5.499 7.344l26.378 99.869a14.33 14.33 0 0 1-5.17 15.061 14.328 14.328 0 0 1-20.084-2.714 14.311 14.311 0 0 1-2.456-5.023c-.048-.238-.095-.396-.143-.666Z" fill="#F2A068"/><path d="m283.613 321.484-65.946 35.382a17.192 17.192 0 0 1-15.033.608 17.197 17.197 0 0 1-9.76-11.451l-39.409-152.625a17.218 17.218 0 0 1 8.26-19.324l64.788-36.159a17.2 17.2 0 0 1 15.114-.815 17.211 17.211 0 0 1 9.916 11.436l40.55 153.45a17.196 17.196 0 0 1-8.48 19.498Z" fill="#0A273D"/><path d="M177.497 303.904a24.591 24.591 0 0 1-1.838-11.763 28.071 28.071 0 0 1 2.79-9.876 23.95 23.95 0 0 1 7.767-9.115 24.61 24.61 0 0 1 3.171-1.823l1.093-.523 2.22-1.03c5.881-2.79 11.81-5.485 17.738-8.18 5.929-2.695 11.842-5.406 17.834-7.926 5.992-2.521 12.016-5.057 18.119-7.356a13.127 13.127 0 0 1 11.097 23.779c-5.691 3.17-11.477 6.214-17.279 9.178-5.802 2.964-11.683 5.754-17.548 8.576-5.866 2.822-11.747 5.628-17.66 8.354l-2.219 1.031-1.11.507c.374-.157.73-.353 1.062-.587a4.384 4.384 0 0 0 1.586-1.696c.076-.174.108-.365.095-.555a4.519 4.519 0 0 0-.539-2.171 14.328 14.328 0 0 1-26.347 11.271l-.032-.095Z" fill="#F2A068"/><path d="M266.27 294.202c-6.991 3.979-14.14 7.625-21.337 11.097a76.891 76.891 0 0 0-9.21 4.977 24.788 24.788 0 0 0-5.723 4.978 15.87 15.87 0 0 0-2.885 5.374 23.927 23.927 0 0 0-.856 7.276 85.597 85.597 0 0 0 3.313 19.023l.079.349a14.3 14.3 0 0 1-4.422 15.274 14.314 14.314 0 0 1-20.165-1.728 14.323 14.323 0 0 1-2.694-4.891 77.228 77.228 0 0 1-5.517-27.948 52.75 52.75 0 0 1 2.6-16.359 42.916 42.916 0 0 1 8.972-15.282 50.509 50.509 0 0 1 12.825-10.05c4.343-2.489 8.814-4.217 12.222-5.77 7.292-3.171 14.631-6.341 22.193-9.115a12.675 12.675 0 0 1 15.311 6.738 12.682 12.682 0 0 1-4.69 16.057h-.016Z" fill="#F2A068"/><path d="m169.952 300.749 72.635-21.797-52.899 66.088-19.736-44.291Z" fill="#F2A068"/><path d="M231.332 375.429 126.707 649.15A65.392 65.392 0 0 1 4.613 602.481a68.174 68.174 0 0 1 6.61-12.777l162.105-244.125a32.816 32.816 0 0 1 58.004 29.866v-.016Z" fill="#F2A068"/><path d="M215.115 197.044c1.585 6.832-1.474 13.617-7.023 15.107-5.548 1.49-11.508-2.917-13.094-9.86-1.585-6.944 1.697-13.57 7.245-14.965 5.548-1.395 11.239 2.901 12.872 9.718Z" fill="#FFBE3C"/><path d="M169.365 189.403c.92 2.885 0 5.849-2.203 6.594-2.204.745-4.756-1.03-5.58-3.979-.824-2.948.143-5.849 2.298-6.547 2.156-.697 4.566 1.063 5.485 3.932Z" fill="#F1F1F1"/><path d="M199.279 474.157a3.608 3.608 0 0 1-1.142-.19 3.643 3.643 0 0 1-2.123-1.823 3.656 3.656 0 0 1-.207-2.79l34.051-103.674c2.6-9.02.475-14.79.444-14.854a3.677 3.677 0 0 1 2.076-4.755 3.622 3.622 0 0 1 2.801.007 3.603 3.603 0 0 1 1.955 2.006c.127.317 3.17 7.926-.254 19.72l-34.098 103.801a3.66 3.66 0 0 1-3.503 2.552Z" fill="#842306"/><path d="M161.36 363.714c10.716-14.869 3.852-36.587 3.852-36.587l22.384 22.716-26.236 13.871Zm77.391-156.05-8.608 12.318-8.782 12.222-8.862 12.158-4.549 6.103-2.156 2.965c-.539.808-1.142 1.585-1.585 2.394a49.346 49.346 0 0 0-7.514 21.59 48.359 48.359 0 0 0 .237 11.525c.105.958.258 1.911.46 2.853l.27 1.427.412 1.791 1.68 7.324a14.34 14.34 0 1 1-27.868 6.785l-1.823-7.308-.46-1.871-.491-2.251c-.349-1.506-.587-3.027-.825-4.549a75.795 75.795 0 0 1-.443-18.468 76.784 76.784 0 0 1 12.301-34.526c.824-1.3 1.775-2.521 2.663-3.773.888-1.253 1.585-2.029 2.346-3.06l4.597-5.96 9.21-11.889 9.306-11.826 9.4-11.747a13.19 13.19 0 0 1 21.084 15.853v-.08ZM523.79 798.24H243.062a32.274 32.274 0 0 1-4.422-64.281l278.096-38.441a51.597 51.597 0 0 1 57.409 44.15 51.597 51.597 0 0 1-43.285 58.065 56.304 56.304 0 0 1-7.07.507Z" fill="#F2A068"/><path d="m306.313 796.386-28.867-66.58a1.002 1.002 0 0 0-.983-.57l-23.429 2.52a67.118 67.118 0 0 1-29.549-3.519l-20.006-7.181a50.73 50.73 0 0 0-50.806 9.828l-52.836 50.633a11.213 11.213 0 0 0-3.868 10.177 9.669 9.669 0 0 0 5.311 7.434l.222.08c1.289.498 2.66.75 4.042.745a11.477 11.477 0 0 0 5.786-1.585l5.85-3.678a9.507 9.507 0 0 0 6.341 4.343 14.424 14.424 0 0 0 12.253-2.742l17.438-12.111a32.242 32.242 0 0 1 33.179-2.235l17.722 9.099a60.444 60.444 0 0 0 27.425 6.626h73.982a.943.943 0 0 0 .714-.301 1.002 1.002 0 0 0 .079-.983Z" fill="#F2A068"/><path d="M176.974 745.801 89.406 770.8a11.15 11.15 0 1 1-6.53-21.321l86.537-28.36a12.923 12.923 0 0 1 9.853.752 12.922 12.922 0 0 1 6.435 7.499 12.911 12.911 0 0 1-8.251 16.289l-.476.142ZM81.306 609.979c33.593 0 60.825-27.232 60.825-60.825s-27.232-60.825-60.825-60.825-60.825 27.232-60.825 60.825 27.232 60.825 60.825 60.825Z" fill="#F2A068"/></svg>';
+defineCustomElement('sinch-illustration-on-the-phone', createIllustrationClass(templateHTML));

package/illustrations/parcel-delivery/index.d.ts

@@ -0,0 +1,11 @@
+import type { TSinchIllustrationElement, TSinchIllustrationReact } from '../types';
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'sinch-illustration-parcel-delivery': TSinchIllustrationReact;
+        }
+    }
+    interface HTMLElementTagNameMap {
+        'sinch-illustration-parcel-delivery': TSinchIllustrationElement;
+    }
+}

package/illustrations/parcel-delivery/index.js

@@ -0,0 +1,4 @@
+import { defineCustomElement } from '../../utils';
+import { createIllustrationClass } from '../create-illustration-class';
+const templateHTML = '<svg viewBox="0 0 845 800" fill="none" aria-hidden="true" focusable="false"><path d="M48.916 152.174h506.647a48.899 48.899 0 0 1 47.009 35.567 7068.37 7068.37 0 0 1 6.468 22.632l35.815 132.985s106.453 49.581 158.685 73.954a48.913 48.913 0 0 1 28.189 44.357v149.647H445.461v-.329H48.916A48.973 48.973 0 0 1 0 562.068V201.174a48.973 48.973 0 0 1 48.916-49Z" fill="#A7D5C2"/><path d="M459.216 208.593h149.489l36.897 135.232H459.216V208.593Z" fill="#DCEDE1"/><path d="M461.826 152.135h-33.214v459.142h33.214V152.135Z" fill="#059688"/><path d="M665.166 693.12c44.368 0 80.336-35.968 80.336-80.336 0-44.368-35.968-80.336-80.336-80.336-44.368 0-80.336 35.968-80.336 80.336 0 44.368 35.968 80.336 80.336 80.336Zm-532.746 0c44.369 0 80.336-35.968 80.336-80.336 0-44.368-35.967-80.336-80.336-80.336-44.368 0-80.335 35.968-80.335 80.336 0 44.368 35.967 80.336 80.335 80.336Z" fill="#007171"/><path d="M665.166 648.895c19.944 0 36.111-16.167 36.111-36.111 0-19.943-16.167-36.11-36.111-36.11-19.943 0-36.11 16.167-36.11 36.11 0 19.944 16.167 36.111 36.11 36.111Zm-532.738 0c19.943 0 36.11-16.167 36.11-36.111 0-19.943-16.167-36.11-36.11-36.11-19.943 0-36.11 16.167-36.11 36.11 0 19.944 16.167 36.111 36.11 36.111Z" fill="#059688"/><path d="M779.784 474.882a8.682 8.682 0 0 1 2.537-6.13 8.68 8.68 0 0 1 6.129-2.539h43.308v50.733H788.45a8.663 8.663 0 0 1-8.008-5.353 8.666 8.666 0 0 1-.658-3.318v-33.393Z" fill="#FFD03C"/><path d="M782.079 566.717a6.167 6.167 0 0 1 1.805-4.363 6.165 6.165 0 0 1 4.36-1.81h49.721a6.168 6.168 0 0 1 5.708 3.809c.311.75.47 1.553.47 2.364v38.387a6.166 6.166 0 0 1-3.814 5.705c-.75.31-1.553.469-2.364.469h-49.721a6.17 6.17 0 0 1-6.165-6.174v-38.387Z" fill="#007171"/><path d="M126.06 771.682c5.39-6.332 12.098-14.22 12.098-27.173v-2.068c0-.111.016-.219.019-.33V718.17a4.993 4.993 0 0 1 3.533 1.47 4.973 4.973 0 0 1 1.447 3.543l-.023 7.416a20.757 20.757 0 0 1 31.092-10.303 20.756 20.756 0 0 1 7.778 9.643v-6.796a4.98 4.98 0 0 1 4.98-4.981h.678v47.539c.776 10.574 2.902 17.006 2.995 17.246A12.79 12.79 0 0 1 178.601 800h-47.487a12.796 12.796 0 0 1-11.819-7.899 12.814 12.814 0 0 1-.973-4.896c0-6.44 3.754-10.854 7.73-15.523m140.292-51.793h22.548c4.574 0 8.801 3.693 9.442 8.281 3.166-4.103 7.832-6.976 13.417-7.933 2.161-.37 4.409 1.39 4.715 3.635l.464 3.828c1.744 12.774 8.811 24.972 19.456 33.578 7.023 5.674 15.248 9.497 23.743 11.035l12.423 2.496c6.083 1.224 11.051 6.429 11.895 12.462.984 7.028-3.915 12.726-10.943 12.726h-31.715c-10.951 0-24.047-3.783-33.768-10.323-1.377-.928-3.026-.034-2.807 1.523l.879 6.273a2.155 2.155 0 0 1-.486 1.781 2.147 2.147 0 0 1-1.688.746h-28.582a3.006 3.006 0 0 1-2.878-2.527l-8.779-74.482a2.633 2.633 0 0 1 1.527-2.874 2.645 2.645 0 0 1 1.137-.225Z" fill="#0A273D"/><path d="m217.302 380.582 82.573 2.409s29.433 295.395 34.904 350.869a8.188 8.188 0 0 1-1.991 6.218 8.361 8.361 0 0 1-6.052 2.651h-69.224a8.08 8.08 0 0 1-8.044-7.223l-23.875-208.015-20.231 203.121a8.096 8.096 0 0 1-8.031 7.303h-68.575a8.345 8.345 0 0 1-6.052-2.652 8.168 8.168 0 0 1-1.989-6.218c5.638-55.88 35.897-355.354 35.897-355.354l60.69 6.891Z" fill="#E83452"/><path d="M365.115 153.702a3.218 3.218 0 0 1 2.783-1.583l38.253.053-41.487 69.57-34.433-.051a3.248 3.248 0 0 1-2.786-4.854l37.67-63.135Z" fill="#666"/><path d="M406.064 178.421c-2.045 2.232-3.562 4.64-4.342 7.233-.781 2.594-.903 5.39-.51 8.543l.338 2.564c.132 1.05.2 2.107.206 3.166a28.167 28.167 0 0 1-.644 6.302c-.905 4-2.496 7.812-4.704 11.267l-.182.288-.24.285a6580.175 6580.175 0 0 1-21.719 25.373l-10.904 12.663a4.747 4.747 0 0 1-7.196-6.181l-.124-.108 10.858-12.687a4601.428 4601.428 0 0 1 21.799-25.304l-.422.569a25.941 25.941 0 0 0 3.511-8.178c.313-1.385.468-2.801.462-4.221.001-.705-.042-1.41-.127-2.11l-.148-1.274-.15-1.428c-.375-3.854-.282-8.31 1.25-12.428a24.062 24.062 0 0 1 2.982-5.735 27.685 27.685 0 0 1 4.16-4.625 4.205 4.205 0 0 1 5.909 5.965l-.063.061Z" fill="#842306"/><path d="m371.198 152.135 34.196.05a4.704 4.704 0 0 1 4.052 2.353 4.64 4.64 0 0 1-.056 4.664l-36.435 61.08a3.032 3.032 0 0 1-2.595 1.48l-40.662-.058 41.5-69.569Z" fill="#CCC"/><path d="M402.098 162.137c1.105-1.303 1.132-3.097.059-4.007-1.072-.909-2.837-.589-3.943.715-1.105 1.303-1.131 3.097-.059 4.006 1.073.91 2.838.59 3.943-.714Z" fill="#666"/><path d="m308.87 276.72 70.702-72.316a10.812 10.812 0 0 1 14.503.118 10.812 10.812 0 0 1 1.346 14.441l-53.978 87.686a22.245 22.245 0 0 1-35.794-26.421 23.22 23.22 0 0 1 3.221-3.506" fill="#842306"/><path d="m378.722 187.493-10.943-11.856a3.907 3.907 0 0 1 .238-5.479 3.842 3.842 0 0 1 5.223.084l20.725 19.733a5.087 5.087 0 0 1 1.493 3.232l2.488-1.493-4.809 21.226-19.564 5.72a5.117 5.117 0 0 0-.911-6.047 5.102 5.102 0 0 0-1.828-1.166l-3.15-.58-1.076-.085.082-.082-15.993-2.817a3.842 3.842 0 0 1-3.15-3.022 3.843 3.843 0 0 1 .001-1.537 3.882 3.882 0 0 1 4.31-3.232l1.319.164a4.12 4.12 0 0 1-2.403-4.559 4.169 4.169 0 0 1 4.725-3.397l.746.081a4.38 4.38 0 0 1-.836-5.032 4.384 4.384 0 0 1 4.493-2.418l18.82 2.562Z" fill="#842306"/><path d="M177.258 213.194a53.17 53.17 0 0 1 45.433-25.452h58.698a33.305 33.305 0 0 1 29.427 17.408 33.31 33.31 0 0 1-1.405 34.161c-10.025 15.586-18.488 28.603-18.488 28.603l2.24 28.932 41.701-61.262 33.826 26.945s-18.655 30.51-33.33 54.554a33.503 33.503 0 0 1-39.464 14.095l4.395 56.208-145.17.992 3.068-32.251h-18.654c-.994.082-1.992.082-2.986 0a22.099 22.099 0 0 1-13.845-5.226 26.606 26.606 0 0 1-6.891-35.15l61.204-102.391.241-.166Z" fill="#12364C"/><path d="M263.84 219.987c6.448 4.809 20.05-11.08 20.05-11.08V191.17a8.707 8.707 0 0 1 7.885-8.679c13.647-1.271 23.611-13.594 22.253-27.518l-4.205-43.104c-1.847-19.06-18.66-33.048-37.382-30.98-18.325 2.024-31.344 19.053-29.518 37.786l5.622 57.643c.554 5.669-3.504 10.684-9.06 11.204l-3.018.28 27.373 32.185Z" fill="#842306"/><path d="M243.018 119.103c-2.195-20.485 10.151-35.575 28.188-38.253 17.754-2.638 35.351 10.35 38.345 28.861 0 0-6.21 12.948-21.277 13.489-15.158.546-19.289-12.175-30.866-12.122-9.523.042-12.602 10.478-13.428 17.939l-.962-9.914Zm53.242 44.059a12.719 12.719 0 0 0 10.706-5.205 1.43 1.43 0 0 0 .255-1.061 1.415 1.415 0 0 0-.577-.926 1.454 1.454 0 0 0-2.011.325 9.867 9.867 0 0 1-13.261 2.482 1.448 1.448 0 0 0-2.199.938 1.406 1.406 0 0 0 .629 1.452 12.827 12.827 0 0 0 6.458 1.995Z" fill="#12364C"/><path d="M318.178 212.001a10.992 10.992 0 0 0-3.237-7.778 10.994 10.994 0 0 0-7.796-3.197H192.303a11.022 11.022 0 0 0-11.035 10.975v125.878h136.918l-.008-125.878Z" fill="#FFBE3C"/><path d="M241.706 200.979h-44.705v40.25a2.542 2.542 0 0 0 1.283 2.213 2.538 2.538 0 0 0 2.558-.015 6411.97 6411.97 0 0 0 16.57-9.682 2.53 2.53 0 0 1 2.514-.019 7824.277 7824.277 0 0 1 17.997 9.877 2.568 2.568 0 0 0 2.536-.058 2.54 2.54 0 0 0 1.247-2.179v-40.387Z" fill="#007171"/><path d="M294.224 310.651a5.215 5.215 0 0 1 6.628 2.15 5.21 5.21 0 0 1-1.431 6.819l-11.55 8.653a1.28 1.28 0 0 0 .019 2.056c.218.157.478.242.746.242h38.424a4.346 4.346 0 0 1 3.388 7.083 4.348 4.348 0 0 1-2.776 1.57l-35.53 7.651a4.816 4.816 0 0 1-.432.076c-4.659.451-48.935.156-48.935.156l-.921-22.395 52.37-14.061Z" fill="#842306"/><path d="M242.722 356.105h-84.583l-.306 4.148h84.889v-4.148Z" fill="#0A273D"/><path d="M549.841 0H368.544a11.66 11.66 0 0 0-11.649 11.65v116.982a1.941 1.941 0 0 0 1.941 1.941h191a11.665 11.665 0 0 0 11.65-11.649V11.65A11.666 11.666 0 0 0 549.841 0Z" fill="#FFBE3C"/><path d="M407.325 54.872h103.757a6.209 6.209 0 0 0 5.855-3.804 6.218 6.218 0 0 0-1.38-6.845 6.202 6.202 0 0 0-4.475-1.773H407.325a6.214 6.214 0 1 0 0 12.422Zm0 33.254h51.86a6.214 6.214 0 0 0 0-12.426h-51.86a6.212 6.212 0 1 0 0 12.426Z" fill="#fff"/><path d="m242.875 324.52-75.882-7.997v39.258h75.882V324.52Z" fill="#12364C"/></svg>';
+defineCustomElement('sinch-illustration-parcel-delivery', createIllustrationClass(templateHTML));

package/illustrations/passing-heart/index.d.ts

@@ -0,0 +1,11 @@
+import type { TSinchIllustrationElement, TSinchIllustrationReact } from '../types';
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'sinch-illustration-passing-heart': TSinchIllustrationReact;
+        }
+    }
+    interface HTMLElementTagNameMap {
+        'sinch-illustration-passing-heart': TSinchIllustrationElement;
+    }
+}

package/illustrations/passing-heart/index.js

@@ -0,0 +1,4 @@
+import { defineCustomElement } from '../../utils';
+import { createIllustrationClass } from '../create-illustration-class';
+const templateHTML = '<svg viewBox="0 0 591 400" fill="none" aria-hidden="true" focusable="false"><path d="M237.016 237.031c6.56-4.316 15.537-2.763 20.199 3.625 4.661 6.388 3.452 15.365-2.763 20.198l-50.755 47.13-71.299.518 104.618-71.471Z" fill="#842306"/><path d="m2.23 353.043 29.175-61.114 3.626-7.423c6.733-13.984 18.3-25.205 32.628-31.42l2.59-1.209 88.045-38.325c8.286-3.625 17.781-.345 22.27 7.251 4.488 7.768 2.417 17.609-4.661 22.961l-39.016 29.175c-3.28 2.417-1.554 7.769 2.589 7.769h149.677c7.768 0 14.156 5.869 14.674 13.638.518 7.769-5.007 14.502-12.603 15.71l-114.458 15.71a124.14 124.14 0 0 0-34.355 9.668l-25.55 11.049c-7.941 3.452-14.329 9.495-17.954 17.263L85.44 391.368c-2.59 5.179-7.769 8.287-13.293 8.287-2.072 0-4.144-.346-6.042-1.381L9.308 373.069c-5.18-2.417-8.805-7.596-8.632-13.639 0-2.244.69-4.316 1.554-6.387Z" fill="#894915"/><path d="M567.271 0H214.919c-12.43 0-22.616 10.186-22.616 22.615v227.363c0 2.072 1.727 3.798 3.798 3.798h371.17c12.43 0 22.615-10.185 22.615-22.615V22.615C590.059 10.185 579.873 0 567.271 0Z" fill="#fff"/><path d="M466.969 98.748c-2.245-18.817-17.609-34.182-36.254-36.599-15.192-2.071-30.384 4.316-39.534 16.573-9.15-12.257-24.169-18.472-39.534-16.573-18.645 2.417-34.01 17.782-36.254 36.6-1.554 12.084 2.072 23.823 9.841 32.8h-.173l56.107 56.107c2.762 2.763 6.215 4.144 9.84 4.144 3.626 0 7.078-1.381 9.841-4.144l53.517-53.517 2.59-2.59h-.173c8.114-8.804 11.567-20.716 10.186-32.8Z" fill="#E83452"/></svg>';
+defineCustomElement('sinch-illustration-passing-heart', createIllustrationClass(templateHTML));

package/illustrations/passing-heart-cool/index.d.ts

@@ -0,0 +1,11 @@
+import type { TSinchIllustrationElement, TSinchIllustrationReact } from '../types';
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'sinch-illustration-passing-heart-cool': TSinchIllustrationReact;
+        }
+    }
+    interface HTMLElementTagNameMap {
+        'sinch-illustration-passing-heart-cool': TSinchIllustrationElement;
+    }
+}

package/illustrations/passing-heart-cool/index.js

@@ -0,0 +1,4 @@
+import { defineCustomElement } from '../../utils';
+import { createIllustrationClass } from '../create-illustration-class';
+const templateHTML = '<svg viewBox="0 0 513 400" fill="none" aria-hidden="true" focusable="false"><path d="M510.487 5.691c-4.378-6.129-12.842-7.442-18.825-2.918l-8.173 5.983c-8.172 6.13-12.55 15.615-14.155 25.83-.292 1.897-2.773 2.48-3.94 1.021l-16.345-21.89-3.794-4.961c-4.378-5.837-12.696-7.005-18.533-2.627-3.794 2.919-5.691 7.297-5.254 11.82-4.378-2.334-9.923-2.042-14.155 1.168-4.086 3.065-5.837 7.88-5.108 12.55a13.248 13.248 0 0 0-13.28 1.46c-4.523 3.356-6.275 9.193-4.669 14.3L363.825 20.14c-4.378-5.838-12.696-7.005-18.533-2.627-5.838 4.378-7.005 12.696-2.627 18.533l48.595 64.94c5.254 7.005 11.967 12.55 19.847 16.344l4.086 1.898c7.881 3.794 14.593 9.339 19.847 16.344l8.902 11.82c2.189 2.919 5.399 4.816 9.048 5.254a12.972 12.972 0 0 0 10.069-2.627l32.543-24.37a13.919 13.919 0 0 0 5.107-14.302c-.437-1.897-1.313-3.502-2.48-5.107l-15.031-19.701c4.669-7.005 7.734-15.031 8.901-23.641l3.503-24.663c.584-3.94 2.627-7.442 5.837-9.923l5.691-4.232c5.838-4.232 7.443-12.55 3.357-18.388Z" fill="#F2A068"/><path d="M422.928 93.688c-.73 0-1.459 0-2.189-.145-3.94-.584-7.589-2.627-9.924-5.838l-23.641-31.521c-.583-.876-.437-2.043.438-2.627.876-.584 2.043-.438 2.627.438l23.641 31.521c1.751 2.481 4.524 3.94 7.443 4.378 3.064.438 5.983-.292 8.464-2.189 3.356-2.48 4.961-6.567 4.378-10.653-.146-.73.146-1.313.729-1.751.584-.438 1.314-.438 1.897-.146 1.022.438 2.043.73 3.065.876 3.065.437 5.983-.292 8.464-2.19 3.356-2.48 4.962-6.566 4.378-10.652-.146-.73.146-1.314.73-1.752.583-.437 1.313-.437 1.897-.145 1.021.437 2.043.73 3.064.875 3.065.438 5.984-.292 8.464-2.189 4.962-3.794 5.984-10.945 2.189-15.907-.583-.875-.437-2.043.438-2.626.876-.584 2.043-.438 2.627.438 4.962 6.712 3.648 16.198-3.065 21.16a14.853 14.853 0 0 1-11.236 2.918c-.438 0-.876-.146-1.314-.292-.292 4.378-2.481 8.61-5.983 11.383a14.856 14.856 0 0 1-11.237 2.919c-.438 0-.875-.146-1.313-.292-.292 4.378-2.481 8.61-5.983 11.383-2.627 1.459-5.692 2.626-9.048 2.626Z" fill="#894915"/><path d="M175.719 278.876c4.961-3.21 11.528-2.043 14.885 2.773 3.502 4.816 2.481 11.383-2.043 15.031l-37.651 35.024-52.973.438 77.782-53.266Z" fill="#842306"/><path d="M404.686 99.38h-245.75c-16.344 0-29.624 13.28-29.624 29.624v169.719a3.613 3.613 0 0 0 3.649 3.648h271.725c16.345 0 29.624-13.279 29.624-29.624V128.858c-.146-16.198-13.279-29.478-29.624-29.478Z" fill="#fff"/><path d="M351.859 176.87c-2.189-17.366-16.199-31.667-33.564-33.856-14.156-1.898-28.019 3.94-36.629 15.322-8.464-11.236-22.474-17.22-36.629-15.322-17.366 2.334-31.376 16.49-33.565 33.856-1.313 11.091 1.897 21.89 9.048 30.354h-.146l52.098 52.097c2.481 2.481 5.837 3.795 9.048 3.795 3.21 0 6.567-1.314 9.047-3.795l49.471-49.471 2.481-2.48h-.146c7.589-8.464 10.945-19.409 9.486-30.5Z" fill="#E83452"/><path d="m1.33 365.268 21.598-45.385 2.627-5.545c4.961-10.507 13.571-18.679 24.224-23.349l2.043-.876 65.378-28.457c6.129-2.626 13.28-.292 16.49 5.4 3.357 5.691 1.897 13.134-3.502 17.074l-29.041 21.744c-2.48 1.897-1.167 5.837 1.898 5.837h111.2c5.691 0 10.507 4.378 10.945 10.069.438 5.692-3.649 10.799-9.34 11.675l-85.078 11.675c-8.756 1.167-17.366 3.648-25.538 7.15l-18.972 8.172c-5.837 2.481-10.653 7.151-13.425 12.842l-9.924 20.577c-1.897 3.94-5.837 6.129-9.777 6.129-1.46 0-3.065-.292-4.524-1.022L6.583 380.007c-3.94-1.751-6.567-5.691-6.42-10.215 0-1.459.437-3.065 1.167-4.524Z" fill="#894915"/></svg>';
+defineCustomElement('sinch-illustration-passing-heart-cool', createIllustrationClass(templateHTML));

package/illustrations/person-on-phone/index.d.ts

@@ -0,0 +1,11 @@
+import type { TSinchIllustrationElement, TSinchIllustrationReact } from '../types';
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'sinch-illustration-person-on-phone': TSinchIllustrationReact;
+        }
+    }
+    interface HTMLElementTagNameMap {
+        'sinch-illustration-person-on-phone': TSinchIllustrationElement;
+    }
+}

package/illustrations/person-on-phone/index.js

@@ -0,0 +1,4 @@
+import { defineCustomElement } from '../../utils';
+import { createIllustrationClass } from '../create-illustration-class';
+const templateHTML = '<svg viewBox="0 0 461 800" fill="none" aria-hidden="true" focusable="false"><path d="M303.044 237.383c7.641 2.883 16.198-.503 19.812-7.824l13.453-27.545a12.775 12.775 0 0 1 6.177-6.04c9.975-4.805 14.184-16.747 9.426-26.722-1.648-3.432-5.079-5.628-8.923-5.719l-25.669-.412a10.162 10.162 0 0 0-9.197 5.628l-3.203 6.634c-1.327 2.746-1.373 5.995 0 8.74l.412.869c1.327 2.791 1.327 6.04-.046 8.785l-10.753 21.826c-4.209 8.373-.228 18.486 8.511 21.78Z" fill="#F2A068"/><path d="M308.031 204.438a5.721 5.721 0 0 1-4.484-2.15c-4.438-5.628-7.412-14.139-8.831-25.303-1.006-8.008-.869-14.459-.869-14.734.092-3.111 2.608-5.582 5.72-5.582h.137c3.157.091 5.628 2.7 5.582 5.857-.137 6.314.824 24.525 7.23 32.624a5.74 5.74 0 0 1-.916 8.053 5.727 5.727 0 0 1-3.569 1.235Z" fill="#F2A068"/><path d="M299.887 195.973c2.105 4.21.137 8.191-1.556 11.714l6.909-.549 4.805-11.851-10.158.686Z" fill="#F0A06C"/><path d="M321.438 201.327a5.604 5.604 0 0 1-3.66-1.373 5.507 5.507 0 0 1-.504-7.778l37.52-42.736a5.508 5.508 0 0 1 7.779-.504 5.508 5.508 0 0 1 .503 7.779l-37.52 42.736a5.509 5.509 0 0 1-4.118 1.876Z" fill="#F2A068"/><path d="m299.338 193.685 33.859 2.288c1.83.138 3.569-.869 4.347-2.471l25.486-52.07c1.464-3.02-.686-6.726-4.118-6.955l-33.859-2.288c-1.831-.137-3.569.87-4.347 2.471l-25.486 52.071c-1.465 3.065.732 6.726 4.118 6.954Z" fill="#272727"/><path d="M337.682 152.917a2.242 2.242 0 1 0 0-4.485 2.242 2.242 0 0 0 0 4.485Z" fill="#CCC"/><path d="M345.46 175.612a5.193 5.193 0 0 1-1.648-.275l-22.283-7.046c-2.928-.915-4.53-4.027-3.615-6.909.916-2.929 4.027-4.53 6.91-3.615l22.283 7.046c2.928.916 4.53 4.027 3.615 6.91-.778 2.379-2.929 3.889-5.262 3.889Z" fill="#F2A068"/><path d="M344.728 185.129a5.18 5.18 0 0 1-1.647-.274l-22.284-7.047c-2.928-.915-4.53-4.026-3.614-6.909.915-2.928 4.026-4.53 6.909-3.614l22.283 7.046c2.928.915 4.53 4.027 3.615 6.909a5.517 5.517 0 0 1-5.262 3.889Z" fill="#F2A068"/><path d="M342.486 194.509a5.727 5.727 0 0 1-2.105-.412l-16.289-6.772c-2.837-1.189-4.164-4.392-2.974-7.229 1.189-2.837 4.392-4.164 7.229-2.974l16.289 6.772c2.837 1.189 4.164 4.392 2.974 7.229-.869 2.105-2.928 3.386-5.124 3.386Z" fill="#F2A068"/><path d="M150.539 559.734c-23.473 0-42.508-19.034-42.508-42.507V341.34c0-23.472 19.035-42.507 42.508-42.507 23.473 0 42.507 19.035 42.507 42.507v175.887c.046 23.473-19.034 42.507-42.507 42.507Z" fill="#FFBE3C"/><path d="M432.991 674.628c3.112 5.628.778 12.766-4.85 15.878l-35.324 19.538c-7.229 3.98-16.014 3.843-23.061-.367-1.235-.732-2.654.641-1.967 1.876l4.255 7.733c.503.915.183 2.105-.732 2.608l-22.283 12.309c-.915.503-2.105.183-2.608-.732l-23.382-42.279 45.253-26.493 10.524 9.929c6.314 5.994 15.74 7.596 23.473 3.661.229-.137.457-.229.732-.366l14.276-7.87a11.439 11.439 0 0 1 8.785-1.007 11.658 11.658 0 0 1 6.909 5.582ZM74.172 723.267c.046 6.452 5.49 11.531 11.942 11.531h40.357c8.236 0 15.877-4.347 20.041-11.485.732-1.235 2.654-.732 2.654.732v8.831c0 1.052.869 1.922 1.922 1.922h25.486c1.052 0 1.922-.87 1.922-1.922v-48.318l-54.999 11.256-3.112 5.353a21.147 21.147 0 0 1-18.256 10.478h-16.29a11.512 11.512 0 0 0-8.19 3.386c-2.196 2.105-3.477 4.988-3.477 8.236Z" fill="#12364C"/><path d="M287.121 555.159c-21.323 9.884-46.58.641-56.463-20.682l-80.165-172.958c-9.883-21.322-.595-46.579 20.682-56.463 21.322-9.883 46.625-.64 56.509 20.682l80.119 172.958c9.883 21.277.64 46.58-20.682 56.463Zm-179.09 142.393V521.666c0-23.473 19.035-42.508 42.508-42.508 23.473 0 42.507 19.035 42.507 42.508v175.886h-85.015Z" fill="#FFBE3C"/><path d="m314.346 697.872-82.911-161.244c-10.203-19.858-1.555-44.658 19.309-55.411 20.911-10.753 46.123-3.386 56.326 16.518l82.91 161.199-75.634 38.938ZM170.031 416.701c-33.219 0-60.124-26.905-60.124-60.124v-26.95H230.2v26.95c-.046 33.173-26.996 60.124-60.169 60.124Z" fill="#FFBE3C"/><path d="M216.199 103.912v26.493c0 13.681-8.42 25.394-20.362 30.29-.549.229-1.098.504-1.601.778-1.876.686-3.524 2.105-4.53 3.844-.503.869-.87 1.83-1.007 2.837a13.128 13.128 0 0 0-.778 4.438v7.458c0 10.249-8.327 18.531-18.531 18.531-10.249 0-18.531-8.327-18.531-18.531v-75.635c0-3.386.503-6.68 1.464-9.792.046-.091.046-.137.046-.228a34.275 34.275 0 0 1 2.882-6.635c.183-.32.367-.595.55-.915.183-.275.32-.55.503-.824.732-1.144 1.556-2.196 2.425-3.203a.996.996 0 0 1 .183-.228c.366-.412.778-.87 1.19-1.282.137-.137.274-.274.411-.457l.687-.686c.183-.184.412-.412.64-.595.183-.183.412-.366.641-.55.32-.274.641-.548 1.007-.823.274-.229.549-.412.777-.595.229-.183.458-.366.733-.503.183-.092.32-.229.503-.32.229-.138.412-.275.64-.412l.687-.412.412-.275c.183-.091.366-.228.594-.32.183-.091.412-.229.595-.32.183-.092.321-.183.504-.275.64-.32 1.326-.64 1.967-.915.183-.091.366-.137.549-.229.686-.274 1.373-.549 2.059-.777a3.37 3.37 0 0 1 .641-.183c.274-.092.503-.138.778-.23a3.39 3.39 0 0 0 .64-.182c.229-.046.458-.092.687-.183.274-.046.503-.138.777-.183.412-.092.824-.138 1.236-.23.503-.09 1.006-.136 1.556-.228.228-.046.457-.046.686-.091.412-.046.823-.092 1.235-.092.138 0 .321 0 .458-.046h1.189c2.014 0 4.027.183 5.949.504.229.045.503.091.732.137.32.046.595.137.915.183 1.784.412 3.523.96 5.17 1.693a32.78 32.78 0 0 1 10.479 7.046c5.079 5.08 8.51 11.805 9.334 19.309.091.732.137 1.51.183 2.288.046.549.046 1.053.046 1.556Z" fill="#F2A068"/><path d="M196.158 73.759a26.303 26.303 0 0 1-3.066 11.805 27.289 27.289 0 0 1-16.518 13.544c-4.484 1.281-7.687 5.307-7.824 9.974v.321c-.138 6.772-5.674 12.217-12.492 12.217h-5.49v-17.205c0-3.386.503-6.68 1.464-9.792.046-.091.046-.137.046-.228a34.275 34.275 0 0 1 2.882-6.635c.183-.32.366-.595.549-.915.183-.275.321-.55.504-.824.732-1.144 1.555-2.196 2.425-3.203a.97.97 0 0 1 .183-.228c.366-.412.778-.87 1.189-1.282a4 4 0 0 0 .412-.457l.686-.686c.229-.184.412-.412.641-.595.229-.183.412-.366.641-.55.32-.274.686-.548 1.006-.823a8.96 8.96 0 0 1 .778-.595c.229-.183.458-.366.732-.503.183-.092.321-.229.504-.32.228-.138.411-.275.64-.412l.686-.412c.138-.092.275-.183.458-.275.183-.091.366-.228.595-.32.183-.091.412-.229.595-.32.183-.092.32-.183.503-.275.641-.32 1.327-.64 1.968-.915.183-.091.366-.137.549-.229a37.39 37.39 0 0 1 2.059-.777c.228-.046.411-.138.64-.183.229-.092.504-.138.778-.23.229-.045.412-.09.641-.182.228-.046.457-.092.686-.183.275-.046.503-.138.778-.183.412-.092.823-.183 1.235-.23.504-.09 1.007-.136 1.556-.228.229-.046.458-.046.686-.091.412-.046.824-.046 1.236-.092.137 0 .32 0 .457-.046h1.19a36.4 36.4 0 0 1 5.948.504c.229.045.504.091.732.137.321.046.595.137.915.183 1.831.503 3.569 1.052 5.217 1.739Z" fill="#842306"/><path d="M215.97 100.16c-9.975-.412-18.531-6.223-22.878-14.55a26.837 26.837 0 0 1-3.066-12.492c0-.411 0-.777.046-1.19.32.047.595.138.915.184 1.785.412 3.523.96 5.171 1.693a32.764 32.764 0 0 1 10.478 7.046c5.079 5.033 8.465 11.76 9.334 19.309Z" fill="#842306"/><path d="M158.089 135.803h-8.099c-3.844 0-7.001-3.111-7.001-7v-10.57c0-3.843 3.111-7.001 7.001-7.001a8.085 8.085 0 0 1 8.099 8.099v16.472Z" fill="#F2A068"/><path d="M196.249 142.027c-3.02 0-5.903-1.373-7.824-3.706a.79.79 0 0 1 .091-1.098.79.79 0 0 1 1.098.091c1.648 1.968 4.027 3.112 6.589 3.112a8.491 8.491 0 0 0 6.589-3.112c.275-.32.778-.412 1.098-.091.321.274.412.778.092 1.098-1.831 2.379-4.713 3.706-7.733 3.706Z" fill="#842306"/><path d="M238.848 214.047c0 .915-.046 1.876-.091 2.837l-8.42 113.932-120.796-.183-5.994-88.355-2.104-28.186c-1.51-20.361 14.596-37.657 34.957-37.657h3.34c6.132 0 11.119-4.987 11.119-11.119h38.939c-.504.87-.87 1.831-1.007 2.837-.046.183-.046.366-.092.549v.046c-.411 4.255 2.7 7.733 6.955 7.733h7.184c20.133.778 36.01 17.479 36.01 37.566Z" fill="#0A273D"/><path d="M134.478 321.62c-5.216 9.014-16.746 12.125-25.76 6.909l-30.886-19.492c-8.556-5.4-11.301-16.61-6.268-25.349 5.353-9.243 17.296-12.217 26.355-6.498l29.65 18.715c9.014 5.17 12.126 16.701 6.909 25.715Z" fill="#F2A068"/><path d="M105.652 335.942c-6.863 0-12.217-1.236-12.491-1.281-2.883-.687-4.713-3.569-4.027-6.452.687-2.883 3.57-4.713 6.452-4.026.137.045 6.36 1.418 13.361.869 8.281-.641 13.726-3.615 16.243-8.877 1.281-2.699 4.484-3.797 7.184-2.516 2.699 1.281 3.797 4.53 2.516 7.183-4.301 8.923-13.086 14.093-25.394 15.008-1.327.046-2.608.092-3.844.092Z" fill="#F2A068"/><path d="M31.939 282.819c-7.504 0-14.916-3.432-19.72-9.975-8.008-10.89-5.72-26.218 5.17-34.226l69.915-51.521c10.89-8.007 26.218-5.72 34.225 5.17 8.008 10.89 5.72 26.219-5.17 34.226L46.444 278.06c-4.393 3.203-9.472 4.759-14.505 4.759Zm164.676-73.256c-.229-7.504 2.974-15.008 9.334-20.041 10.616-8.374 26.036-6.498 34.363 4.118l53.718 68.268c8.373 10.615 6.497 26.035-4.118 34.363-10.615 8.373-26.035 6.497-34.363-4.118l-53.718-68.223c-3.34-4.301-5.079-9.334-5.216-14.367Z" fill="#0A273D"/><path d="m105.011 286.616-16.655 27.729c-2.379 3.98-7.55 5.216-11.484 2.791l-57.47-35.324c-11.53-7.092-15.1-22.146-8.053-33.677 7.092-11.53 22.146-15.099 33.676-8.007l57.195 35.187c3.89 2.333 5.125 7.412 2.791 11.301Zm194.693-82.269 28.003 16.198c3.98 2.333 5.353 7.458 2.974 11.439l-34.409 58.018c-6.909 11.622-21.917 15.466-33.539 8.557-11.622-6.909-15.466-21.917-8.557-33.54l34.226-57.744c2.334-3.935 7.367-5.216 11.302-2.928ZM92.749 183.94c18.988-10.158 32.029-7.825 43.285-7.504 7.961.228 9.838-1.785 11.805-3.432l.458 10.707c1.143 28.048-16.747 53.397-43.606 61.679l-11.942-61.45Zm111.828-7.367c12.903.504 26.31 7.504 31.983 13.178 5.674 5.674 9.106 10.661 9.106 10.661l-11.942 63.876-1.465-.641c-17.433-7.55-37.474-17.707-41.546-46.305-3.157-22.146 13.864-40.769 13.864-40.769Z" fill="#0A273D"/></svg>';
+defineCustomElement('sinch-illustration-person-on-phone', createIllustrationClass(templateHTML));

package/illustrations/person-on-walk/index.d.ts

@@ -0,0 +1,11 @@
+import type { TSinchIllustrationElement, TSinchIllustrationReact } from '../types';
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'sinch-illustration-person-on-walk': TSinchIllustrationReact;
+        }
+    }
+    interface HTMLElementTagNameMap {
+        'sinch-illustration-person-on-walk': TSinchIllustrationElement;
+    }
+}

package/illustrations/person-on-walk/index.js

@@ -0,0 +1,4 @@
+import { defineCustomElement } from '../../utils';
+import { createIllustrationClass } from '../create-illustration-class';
+const templateHTML = '<svg viewBox="0 0 411 800" fill="none" aria-hidden="true" focusable="false"><path d="m318.729 614.593 3.926 11.778 30.889-7.185-3.703-11.926-31.112 7.333Z" fill="#E83452"/><path d="M122.655 280.667v23.481H88.433l-9.407 3.037c-1.111.222-2.296.371-3.408.371-3.777 0-7.037-1.334-10.666-3.334h-9.408c-1.259 0-2.444-.518-3.333-1.333-.889-.889-1.407-2.074-1.407-3.333 0-2.593 2.074-4.667 4.592-4.667h11.185c.815 0 1.556-.37 2.149-.889a2.967 2.967 0 0 0 .888-2.148c0-1.037-.592-2-1.481-2.593l-12.074-9.481-12.593-6.297c-2.296-1.111-3.259-3.925-2.148-6.296.815-1.629 2.445-2.666 4.222-2.592.741 0 1.408.148 2.074.518l12.593 6.296c6.148 0 12.296 1.408 17.778 4.223l10.37 5.185 34.296-.148Z" fill="#FFE1CC"/><path d="m57.693 272.37 8.37 4.148-6.296 12.593a4.766 4.766 0 0 1-6.297 2.148 4.766 4.766 0 0 1-2.148-6.296l6.37-12.593Z" fill="#FFE1CC"/><path d="M274.878 622.074h-32.889v12.519h32.889v-12.519Z" fill="#E83452"/><path d="M320.137 186v12.37h-61.704s-.074-12.37 0-12.37h61.704Z" fill="#005F5F"/><path d="M274.878 395.852h-65.852v226.37h65.852v-226.37Z" fill="#A8D7E2"/><path d="M349.841 607.259 314.359 498.37c-4.296-13.259-6.518-27.185-6.518-41.111V396h-65.852v61.259c0 13.926 2.222 27.852 6.518 41.111l38.741 123.704 62.593-14.815Z" fill="#A8D7E2"/><path d="M288.063 321.778h-17.259V198.37h37.037v123.408h-19.778Z" fill="#005F5F"/><path d="M319.322 321.778h-11.481V198.37h24.666v123.408h-13.185Z" fill="#059688"/><path d="M270.803 198.37v24.667h-53.555l15.037-14.963c.889-.963 1.481-2.222 1.481-3.555a6.133 6.133 0 0 0-6.148-6.149h-2.074a16.407 16.407 0 0 1-16.444-16.444v-32.444c0-13.482 10.592-24.815 24.074-25.186 13.629-.37 24.963 10.371 25.333 24V186c-.074 6.815 5.407 12.296 12.222 12.37h.074Z" fill="#FFE1CC"/><path d="M283.322 198.37h-12.518l-15.556 13.333c-7.481 6.371-18.666 5.926-25.629-.963l-43.778 43.778c-16.741 16.741-39.408 26.074-63.037 26.074h-.222v41.186h16.666c23.63 0 46.297-9.408 63.037-26.075l6.741-6.74V396h98.741V222.889c.074-13.482-10.889-24.445-24.371-24.519h-.074Z" fill="#081B2B"/><path d="M134.952 279.777c-4 .519-8.074.815-12.148.815h-.222v41.185h12.37v-42Z" fill="#059688"/><path d="M233.766 161.333h-28.814" stroke="#E83452" stroke-width="3" stroke-miterlimit="10"/><path d="M204.952 153.111v16.445" stroke="#E83452" stroke-width="3" stroke-miterlimit="10" stroke-linecap="round"/><path d="M258.433 148.963v32.963a16.407 16.407 0 0 1-16.444-16.445v-4.148c0-2.222-1.778-4.074-4-4.074h-.074a4.14 4.14 0 0 0-4.148 4.148v8.223c-2.223 0-4.297-.815-5.852-2.371-1.556-1.555-2.445-3.629-2.371-5.852v-12.37l32.889-.074Z" fill="#081B2B"/><path d="M258.433 148.963h-49.407c0-13.63 11.037-24.667 24.667-24.667 13.629 0 24.74 10.963 24.74 24.667 0-.075 0 0 0 0Z" fill="#FFBE3C"/><path d="M258.433 140.741h-49.407v12.371h49.407v-12.371Z" fill="#FA0"/><path d="M365.396 336.222v59.63h-41.185v-59.63a88.108 88.108 0 0 0-4.593-28.074L283.026 198.37c24.592-.074 46.444 15.704 54.222 39.037l23.556 70.741a84.2 84.2 0 0 1 4.592 28.074Z" fill="#081B2B"/><path d="M365.47 383.556h-41.185v12.37h41.185v-12.37Z" fill="#059688"/><path d="M270.804 198.37v86.445c0 20.444 16.592 37.037 37.037 37.037v-12.371c-13.63 0-24.667-11.037-24.667-24.666V198.37h-12.37Z" fill="#007171"/><path d="M332.507 198.37h-24.666c0-6.814 5.555-12.37 12.37-12.37 6.815.074 12.296 5.556 12.296 12.37Z" fill="#081B2B"/><path d="M274.878 663.408v-28.815h-32.889c0 16.444-45.26 8.222-45.26 28.815h78.149Z" fill="#F2F2F2"/><path d="M262.581 675.703H209.1c-6.815 0-12.371-5.555-12.371-12.37h78.223c0 6.815-5.482 12.37-12.371 12.37Z" fill="#081B2B"/><path d="m365.396 651.037-11.852-31.851-30.889 7.185 2.815 8.222c7.037 20.593-38.222 8.222-38.222 28.815h37.407l40.741-12.371Z" fill="#F2F2F2"/><path d="m357.1 667.111-27.259 7.185c-3.704.963-7.482 1.482-11.26 1.482h-18.963c-6.814 0-12.37-5.556-12.37-12.371h26.963c3.926 0 7.852-.518 11.704-1.555l39.555-10.815c2.148 6.667-1.481 13.778-8.074 16-.074 0-.148.074-.296.074Z" fill="#081B2B"/><path d="M305.322 414.37h52.519c2.444 0 4.444 2 4.444 4.445v19.925c0 3.112-4.222 6.519-6.666 6.519h-52.371c-2.444 0-4.444-2-4.444-4.444v-19.926c.074-2.445 2.222-6.519 6.518-6.519Z" fill="#666"/><path d="M305.47 414.37h52.371c2.444 0 4.444 2 4.444 4.445v19.925c0 2.445-2 4.445-4.444 4.445H305.47c-2.444 0-4.444-2-4.444-4.445v-19.925c0-2.445 2-4.445 4.444-4.445Z" fill="#272727"/><path d="M354.063 413.186v.148c-.074.148-.148.296-.296.37.148-.148.222-.37.296-.518Z" fill="#FFE1CC"/><path d="M307.767 383.556h-98.741v12.37h98.741v-12.37Z" fill="#059688"/><path d="M217.248 178.888a1.14 1.14 0 0 0-1.111-1.111 1.14 1.14 0 0 0-1.111 1.111c0 3.186-2.519 5.852-5.704 6 .148.741.297 1.482.593 2.223 4.222-.445 7.407-4 7.333-8.223Z" fill="#F2A068"/><path d="M344.507 442.889c-.592 1.333-1.481 2.592-2.592 3.555-.889.741-2.074 1.408-3.111 1.185-1.26-.296-2.371-1.111-2.963-2.296-1.037 2.297-5.482 4.889-7.556 4-1.407-.666-2.667-1.629-3.629-2.815a4.35 4.35 0 0 1-5.482 2.815c-1.852-.592-3.63-2.815-3.63-2.815 0 .149-.074.223-.148.297-.889 2.222-3.407 3.333-5.629 2.444a4.444 4.444 0 0 1-2.741-4.074c0-.37.074-.667.148-1.037 0 0 .889-1.333 2.074-3.185 5.111-7.778 7.63-16.963 7.333-26.296l-8.666-.149s3.481-6.963 5.703-9.259c2.149-2.222 4.667-4 7.556-5.111a4.322 4.322 0 0 0 2.889-4.074v-.148h29.778c0 .222-.223 4.592-.593 9.926a118.106 118.106 0 0 1-8.741 37.037Z" fill="#FFE1CC"/></svg>';
+defineCustomElement('sinch-illustration-person-on-walk', createIllustrationClass(templateHTML));

package/illustrations/person-with-dog/index.d.ts

@@ -0,0 +1,11 @@
+import type { TSinchIllustrationElement, TSinchIllustrationReact } from '../types';
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'sinch-illustration-person-with-dog': TSinchIllustrationReact;
+        }
+    }
+    interface HTMLElementTagNameMap {
+        'sinch-illustration-person-with-dog': TSinchIllustrationElement;
+    }
+}

package/illustrations/person-with-dog/index.js

@@ -0,0 +1,4 @@
+import { defineCustomElement } from '../../utils';
+import { createIllustrationClass } from '../create-illustration-class';
+const templateHTML = '<svg viewBox="0 0 490 800" fill="none" aria-hidden="true" focusable="false"><path d="m256.598 283.644 12.596 33.975a31.35 31.35 0 0 0 29.389 20.449 32.542 32.542 0 0 0 31.98-26.529l11.36-60.461h-28.838l-11.948 32.674-44.539-.108Z" fill="#842306"/><path d="m274.41 283.912-7.786 76.18h-96.579l-30.574-79.982h-4.931s-5.469-16.374-11.469-34.352a34.995 34.995 0 0 1 33.194-46.071h89.74a34.036 34.036 0 0 1 32.021 22.48c9.005 24.951 22.288 61.745 22.288 61.745H274.41Z" fill="#A8D7E2"/><path d="M128.105 718.672a3.813 3.813 0 0 1 2.519-.987l44.459.334a3.554 3.554 0 0 1 2.991.838 3.549 3.549 0 0 1 1.182 2.872l-.247 3.612a42.627 42.627 0 0 0 2.859 17.771 42.629 42.629 0 0 0 9.941 15.005c5.741 5.598 10.889 9.207 20.22 11.101 1.669.339 3.087.616 4.312.854 5.496 1.076 7.161 1.402 10.306 3.158 5.874 3.282 7.328 5.696 7.406 12.305a14.703 14.703 0 0 1-4.493 10.801 13.035 13.035 0 0 1-8.996 3.664h-32.541c-11.172 0-22.148-4.04-30.917-11.373a1.379 1.379 0 0 0-1.603-.147 1.634 1.634 0 0 0-.775 1.329l-.471 6.87a3.686 3.686 0 0 1-1.21 2.453 3.256 3.256 0 0 1-2.168.877h-29.315c-1.603 0-2.778-1.397-2.601-3.112l7.841-75.775a3.797 3.797 0 0 1 1.301-2.441" fill="#0A273D"/><path d="M235.416 684.436a3.823 3.823 0 0 1 2.643-.573l44.903 7.439a3.537 3.537 0 0 1 2.817 1.305 3.544 3.544 0 0 1 .708 3.023l-.82 3.527a42.619 42.619 0 0 0 7.392 34.403c4.773 6.44 9.278 10.828 18.184 14.199a455.54 455.54 0 0 0 4.123 1.534c5.267 1.942 6.843 2.52 9.673 4.766 5.268 4.18 6.324 6.795 5.343 13.331a14.855 14.855 0 0 1-.687 2.748 6.911 6.911 0 0 1-6.538 4.627c-34.582-.06-39.65.052-40.396.084a.38.38 0 0 1-.126 0c-11.03-1.777-21.221-8.077-28.696-16.718a1.378 1.378 0 0 0-1.56-.401 1.622 1.622 0 0 0-.975 1.187l-.775 3.318a3.678 3.678 0 0 1-1.587 2.228 3.259 3.259 0 0 1-2.29.52l-28.987-.066c-1.603-.259-2.519-1.832-2.061-3.49l18.047-74.795a3.798 3.798 0 0 1 1.672-2.201" fill="#0A273D"/><path d="M208.463 229.228c7.7 3.698 16.157-3.435 13.819-11.641-1.782-6.268-1.516-10.427-1.786-11.378-1.429-5.022.687-10.202 5.702-11.634a26.643 26.643 0 0 0 18.322-32.921l-12.477-43.809a36.099 36.099 0 0 0-45.19-24.656c-18.944 5.746-29.495 25.964-24.074 45l16.226 56.498a4.26 4.26 0 0 1-.693 3.747 4.261 4.261 0 0 1-3.409 1.702h-7.07l40.63 29.092Z" fill="#842306"/><path d="M187.938 92.6a36.347 36.347 0 0 1 39.936 16.032l-11.059 2.519a12.363 12.363 0 0 0-7.713 5.479 12.35 12.35 0 0 0-1.571 9.33l9.918 43.38a1.757 1.757 0 0 0 1.72 1.399 1.704 1.704 0 0 0 1.587-1.227 1.71 1.71 0 0 0 .051-.708 15.11 15.11 0 0 1 11.806-16.615l8.411-2.806 6.005 19.815a19.678 19.678 0 0 1-12.861 24.459l-2.137.687-9.933 2.274a9.028 9.028 0 0 1-10.812-6.77 120740.82 120740.82 0 0 0-11.627-50.376c-.939-4.109-4.859-6.988-9.018-6.314a7.901 7.901 0 0 0-5.312 3.384 7.92 7.92 0 0 0-1.156 6.191l5.842 25.553c2.52 11.037-.405 22.075-11.45 24.601l-16.84-56.356c-4.413-19.297 7.042-39.006 26.213-43.93Z" fill="#0A273D"/><path d="M351.36 227.134a1.37 1.37 0 0 1-1.378-.824 1.376 1.376 0 0 1 .345-1.569l8.726-7.816a3.575 3.575 0 0 0 .708-4.445c-.962-1.665-3.11-2.22-4.81-1.338l-19.407 10.294c-5.556 2.946-18.397 12.214-22.272 29.408" fill="#842306"/><path d="M369.896 224.861c-9.435 1.227-21.005 2.452-30.276 3.375a29.33 29.33 0 0 0-23.588 16.73c-1.892 4.028-3.417 7.283-3.417 7.283s31.732-11.208 32.032-11.275l25.382-7.644a20.33 20.33 0 0 0 11.873-9.527l3.675-6.566a3.953 3.953 0 0 0-.902-4.956 3.215 3.215 0 0 0-4.539.389l-10.244 12.191" fill="#842306"/><path d="M364.027 225.902a8.727 8.727 0 0 0 10.442-.531 8.724 8.724 0 0 0 2.285-2.92l2.466-5.107a3.95 3.95 0 0 0-1.197-4.892 3.209 3.209 0 0 0-4.505.664l-9.491 12.786Z" fill="#842306"/><path d="M375.18 223.71a11.273 11.273 0 0 1-5.295 3.518l-12.389 3.85a20.127 20.127 0 0 1-4.73.863c-2.688-.091-7.839-.291-13.301-.515a27.805 27.805 0 0 0-26.383 19.43c-.687 2.061-1.113 3.435-1.113 3.435l25.32 9.078 3.559-9.655a15.497 15.497 0 0 1 14.305-10.134c.034.071.068.071.1.071a34.128 34.128 0 0 0 28.35-16.62 2237.06 2237.06 0 0 0 5.069-8.473 3.834 3.834 0 0 0-.82-4.888 3.247 3.247 0 0 0-3.572-.397 3.251 3.251 0 0 0-.986.789c-2.253 2.684-5.83 6.939-8.105 9.644l-.009.004Z" fill="#842306"/><path d="M180.557 133.025a4.114 4.114 0 0 0-1.478-.617 4.113 4.113 0 0 0-3.083.606 4.114 4.114 0 0 0-1.135 1.131l-13.651 20.336a4.108 4.108 0 0 0 1.119 5.694l46.058 30.917 18.227-27.152-46.057-30.918v.003Z" fill="#CCC"/><path d="m147.798 279.069 14.449 35.655a23.298 23.298 0 0 0 7.388 9.721 23.297 23.297 0 0 0 11.288 4.652l.179.023a23.303 23.303 0 0 0 25.81-18.763l23.937-125.655-5.167-14.657c-10.106-3.989-23.359-3.316-23.359-3.316l-5.497 14.84 7.956 12.34-34.098 82.904-22.879 2.256h-.007Z" fill="#842306"/><path d="m201.812 360.015 64.842-.77 65.975 161.54a73.49 73.49 0 0 1 3.339 45.274l-32.103 131.108a4.208 4.208 0 0 1-4.091 3.206h-67.78a4.216 4.216 0 0 1-4.116-3.31 4.219 4.219 0 0 1 .022-1.887l33.065-137.433a12.395 12.395 0 0 0-.655-7.775l-35.083-82.006-27.34 270.883a4.215 4.215 0 0 1-4.255 3.791l-73.806-1.123a4.193 4.193 0 0 1-1.685-.383 4.21 4.21 0 0 1-2.437-4.245C119.29 700.874 142.9 463.7 142.9 463.7l4.647-48.359c1.491-31.147 22.869-54.919 23.094-55.164l.144-.156 31.027-.006Z" fill="#FFBE3C"/><path d="M195.214 151.909a5.44 5.44 0 0 0-8.918-1.491 5.441 5.441 0 0 0-.996 5.959c4.212 9.344 12.908 28.627 12.908 28.627l9.096-6.277s-8.059-17.884-12.09-26.818Z" fill="#842306"/><path d="M223.521 182.297a6.119 6.119 0 0 0 6.314 5.921 6.09 6.09 0 0 0 5.89-6.216c-.06-2.631-.126-5.737-.186-8.474a13.48 13.48 0 0 0-5.926-10.878c-4.182-2.817-8.967-6.023-13.283-8.916a8.94 8.94 0 0 0-8.915-.604 8.927 8.927 0 0 0-4.978 7.42l-.556 8.006 21.358 5.343s.144 4.43.282 8.398Z" fill="#842306"/><path d="M224.469 176.545a.86.86 0 0 1-.257-1.681l5.039-1.562a.863.863 0 0 1 .915.272.851.851 0 0 1 .099.949.846.846 0 0 1-.506.421l-5.038 1.562a.901.901 0 0 1-.252.039Zm-30.075 42.608-1.889-1.351 7.571-18.266a8.708 8.708 0 0 0-.433-7.343l-5.207-10.464 3.288 2.208 3.811 7.23a10.845 10.845 0 0 1 .538 9.161l-7.679 18.825Z" fill="#0A273D"/><path d="M121.982 640.288a13.216 13.216 0 0 0-7.893-6.316 13.19 13.19 0 0 0-10.046 1.115l-.326.179a13.208 13.208 0 0 0-5.2 17.939l22.001 39.97 23.465-12.919-22.001-39.968ZM40.536 759.56h20.167l2.88 28.829h.15a11.549 11.549 0 0 1 10.883 8.015c.64 1.977 1.145 3.548 1.145 3.548H44.27l-3.733-40.392Zm63.259-12.831 22.393-13.709-6.206 55.367a7.738 7.738 0 0 1 7.477 5.767 7.733 7.733 0 0 1 .126 3.357l-.458 2.43H97.76l6.035-53.212Z" fill="#842306"/><path d="m57.119 762.288-5.82 5.432a21.636 21.636 0 0 1-26.245 2.542l-1.784 18.127a10.64 10.64 0 0 1 10.416 8.474l.657 3.144-34.352-.055s5.748-44.017 5.748-49.305c0-14.824-.426-35.06-.55-40.57a34.347 34.347 0 0 0-.183-2.854l-2.895-27.198a3.97 3.97 0 0 1 6.11-3.748 3.98 3.98 0 0 1 1.698 2.399c.297 1.23.65 2.682 1.026 4.223a18.416 18.416 0 0 0 17.911 14.057h113.757v17.064c0 26.658-21.607 48.268-48.265 48.268H57.119Z" fill="#894915"/><path d="M121.461 670.983h.021c.774-.336 3.144-.458 5.977-.458a18.852 18.852 0 0 1 17.793 12.596 12.054 12.054 0 0 0 8.728 7.771l17.906 4.035a10.189 10.189 0 0 1 7.934 9.39 11.168 11.168 0 0 1-3.039 8.281 11.156 11.156 0 0 1-8.103 3.488h-20.566a6.05 6.05 0 0 0-5.892 4.66c-1.457 6.209-3.843 16.405-3.843 16.405s-55.503-16.114-43.743-36.476c7.972-13.805 18.255-26.208 26.83-29.692h-.003Z" fill="#894915"/><path d="M125.751 744.864s.458 3.997 1.026 9.06a14.411 14.411 0 0 0 14.161 12.79 14.405 14.405 0 0 0 6.702-1.568l12.924-6.582 1.516 7.454 1.106-.4a11.84 11.84 0 0 0 7.363-14.273 10.39 10.39 0 0 0-14.909-6.398l-10.734 5.725-3.174-27.5-15.981 21.692Z" fill="#894915"/><path d="M92.552 737.906a14.306 14.306 0 0 1-8.1-2.519h-.016a14.418 14.418 0 0 1-6.05-9.242 14.428 14.428 0 0 1 2.26-10.813c6.449-9.454 18.223-25.668 26.964-37.607a27.189 27.189 0 0 1 17.6-10.848c.464-.063.935.057 1.312.334a1.805 1.805 0 0 1 .411 2.474 1.8 1.8 0 0 1-1.132.742 23.614 23.614 0 0 0-15.285 9.421c-8.727 11.909-20.476 28.099-26.898 37.513a10.835 10.835 0 0 0 2.84 15.049l.025.018a10.832 10.832 0 0 0 15.051-2.846l13.512-19.817a1.802 1.802 0 1 1 2.978 2.029l-13.512 19.815a14.328 14.328 0 0 1-9.241 6.041c-.896.171-1.806.257-2.719.256Z" fill="#842306"/><path d="m315.721 166.88 3.126 2.774c12.625 13.054 28.347 21.784 45.196 26.3 52.958 14.199 107.897-17.529 122.085-70.487 6.774-25.274 3.153-52.688-10.061-75.576-13.214-22.887-34.547-39.574-60.424-46.508-52.956-14.2-107.895 17.529-121.645 71.25-4.837 18.053-4.097 36.956.898 54.418l1.441 4.255-19.142 32.926 38.526.648Z" fill="#007171"/><path d="M341.71 116.426h-.039a5.401 5.401 0 0 1-5.359-5.437l.162-23.035a5.397 5.397 0 0 1 5.396-5.359h.039a5.389 5.389 0 0 1 3.805 1.607 5.398 5.398 0 0 1 1.554 3.828l-.16 23.037a5.402 5.402 0 0 1-5.398 5.359Zm96.704.476h-.039a5.404 5.404 0 0 1-5.359-5.437l.161-23.035a5.396 5.396 0 0 1 5.398-5.359h.038a5.393 5.393 0 0 1 5.359 5.435l-.16 23.025a5.404 5.404 0 0 1-1.591 3.799 5.405 5.405 0 0 1-3.807 1.572Zm-72.706 10.203h-.039a5.414 5.414 0 0 1-3.806-1.607 5.402 5.402 0 0 1-1.555-3.828l.309-44.134a5.404 5.404 0 0 1 5.398-5.361h.039a5.399 5.399 0 0 1 5.359 5.437l-.309 44.134a5.4 5.4 0 0 1-5.396 5.359Zm48.559.229h-.037a5.415 5.415 0 0 1-2.063-.425 5.386 5.386 0 0 1-2.901-2.942 5.386 5.386 0 0 1-.397-2.068l.309-44.134a5.4 5.4 0 0 1 5.398-5.361h.039a5.4 5.4 0 0 1 5.359 5.434l-.309 44.134a5.398 5.398 0 0 1-5.398 5.362Zm-24.555 9.282h-.039a5.396 5.396 0 0 1-5.359-5.435l.435-62.934a5.392 5.392 0 0 1 5.395-5.359h.039a5.398 5.398 0 0 1 5.359 5.435l-.439 62.945a5.4 5.4 0 0 1-5.391 5.348Z" fill="#fff"/><path d="M230.181 188.202a1.828 1.828 0 0 1-1.145-.431 1.743 1.743 0 0 1-.669-1.326l-.106-3.618-.272-7.72a.861.861 0 0 0-.897-.822.858.858 0 0 0-.821.897l.273 7.707.103 3.607a3.458 3.458 0 0 0 3.222 3.359l.312-1.653Z" fill="#0A273D"/><path d="M36.698 773.539c13.665 0 24.743-11.078 24.743-24.743s-11.078-24.743-24.743-24.743c-13.666 0-24.743 11.078-24.743 24.743s11.077 24.743 24.743 24.743Z" fill="#894915"/><path d="M46.42 773.21a1.602 1.602 0 0 1 .826-2.032 23.172 23.172 0 0 0 12.367-27.912 1.602 1.602 0 1 1 3.058-.962 26.386 26.386 0 0 1-14.09 31.787 1.61 1.61 0 0 1-1.27.027 1.611 1.611 0 0 1-.891-.908Z" fill="#842306"/></svg>';
+defineCustomElement('sinch-illustration-person-with-dog', createIllustrationClass(templateHTML));

package/illustrations/person-with-phone/index.d.ts

@@ -0,0 +1,11 @@
+import type { TSinchIllustrationElement, TSinchIllustrationReact } from '../types';
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'sinch-illustration-person-with-phone': TSinchIllustrationReact;
+        }
+    }
+    interface HTMLElementTagNameMap {
+        'sinch-illustration-person-with-phone': TSinchIllustrationElement;
+    }
+}

package/illustrations/person-with-phone/index.js

@@ -0,0 +1,4 @@
+import { defineCustomElement } from '../../utils';
+import { createIllustrationClass } from '../create-illustration-class';
+const templateHTML = '<svg viewBox="0 0 413 800" fill="none" aria-hidden="true" focusable="false"><path d="M105.242 483.542 87.3 476.76a53.518 53.518 0 0 1-34.57-49.996v-14.659h52.512v71.437Z" fill="#842306"/><path d="M105.242 411.963H52.73v14.659h52.512v-14.659Z" fill="#FFBE3C"/><path d="M84.237 765.102c-8.533-9.846-13.128-21.989-4.485-40.806l9.736-20.567-49.448-22.536-39.712 85.44a3.446 3.446 0 0 0 1.641 4.486l27.24 12.69a3.28 3.28 0 0 0 4.376-1.641l2.626-5.689a2.329 2.329 0 0 1 4.267.11l5.25 12.362a8.753 8.753 0 0 0 4.595 4.704l6.455 2.954a32.821 32.821 0 0 0 13.675 3.096l45.51.328a3.388 3.388 0 0 0 3.198-2.245 3.39 3.39 0 0 0 .193-1.365c-1.203-22.132-18.051-26.508-35.117-31.321Z" fill="#0A273D"/><path d="m170.553 171.067 6.345-2.845a36.006 36.006 0 0 0 21.146-34.005 36.013 36.013 0 0 0-3.205-13.693L180.07 88.142a36.005 36.005 0 0 0-47.698-17.832 36.009 36.009 0 0 0-17.832 47.698l14.66 32.273c.109.219.109.328.219.437l17.285 37.962h31.944l-8.095-17.613Z" fill="#842306"/><path d="M166.942 99.957a9.377 9.377 0 0 1 12.362 4.595l3.282 7.111 6.893-3.172-9.299-20.349a36.013 36.013 0 0 0-20.156-18.794 36.008 36.008 0 0 0-45.374 48.66l14.659 32.273h13.456a23.79 23.79 0 0 0 19.979-10.893 23.788 23.788 0 0 0 1.682-22.693l-1.969-4.376a9.146 9.146 0 0 1 4.485-12.362Z" fill="#272727"/><path d="M183.352 183.549h-52.621l6.564-15.316h39.493l6.564 15.316Z" fill="#FFBE3C"/><path d="M277.982 198.635a6.432 6.432 0 0 1-5.907-3.829l-7.33-15.753a6.572 6.572 0 0 1-.226-5.033 6.582 6.582 0 0 1 12.15-.546l7.33 15.753a6.564 6.564 0 0 1-3.172 8.752 6.379 6.379 0 0 1-2.845.656Zm12.909-36.725a6.432 6.432 0 0 1-5.907-3.829l-8.752-18.707a6.582 6.582 0 1 1 11.924-5.579l8.752 18.707a6.561 6.561 0 0 1-3.172 8.752 6.736 6.736 0 0 1-2.845.656Z" fill="#842306"/><path d="m270.981 193.931-8.643 18.707h53.605l5.47-12.034a14.085 14.085 0 0 0-6.066-18.179 14.073 14.073 0 0 0-6.733-1.731h-17.066a22.588 22.588 0 0 0-20.567 13.237Z" fill="#842306"/><path d="M205.451 732.392V714.45h-54.809v81.283a3.868 3.868 0 0 0 3.829 3.829h33.367a3.28 3.28 0 0 0 3.282-3.282v-6.892a2.12 2.12 0 0 1 3.5-1.641l8.205 7.111a18.43 18.43 0 0 0 12.143 4.595h58.748a3.811 3.811 0 0 0 2.834-1.231 3.825 3.825 0 0 0 .995-2.926c-3.72-45.401-72.094-15.283-72.094-62.904Z" fill="#0A273D"/><path d="M98.021 725.828 18.38 689.507 79.095 556.15a141.8 141.8 0 0 0 12.69-58.386V364.921h87.519v156.911a117.293 117.293 0 0 1-10.611 48.792L98.021 725.828Z" fill="#E83452"/><path d="M221.314 364.921h-87.519v362.876h87.519V364.921Z" fill="#E83452"/><path d="M337.057 125.447h-32.272a9.846 9.846 0 0 0-9.08 5.908l-28.444 62.795a5.736 5.736 0 0 0 2.499 7.407 5.732 5.732 0 0 0 2.752.688h38.727l31.179-68.702a5.807 5.807 0 0 0-2.6-7.409 5.817 5.817 0 0 0-2.761-.687Z" fill="#CCC"/><path d="M266.823 197.76a5.66 5.66 0 0 0 5.58 4.485h38.727l31.179-68.702a5.702 5.702 0 0 0-1.751-6.892l-32.272 71.109h-41.463Z" fill="#666"/><path d="M324.367 131.574h-9.846a1.093 1.093 0 1 1 0-2.188h9.846c.146-.01.293.012.43.064a1.034 1.034 0 0 1 .664 1.03 1.095 1.095 0 0 1-1.094 1.094Zm-14.003 0a1.003 1.003 0 0 1-.766-.328c-.109-.11-.218-.219-.218-.329 0-.109-.11-.218-.11-.437a1.003 1.003 0 0 1 .328-.766c.11-.109.219-.219.329-.219a1.19 1.19 0 0 1 1.203.219.996.996 0 0 1 .328.766.65.65 0 0 1-.109.437c-.11.11-.11.219-.219.329a1.009 1.009 0 0 1-.766.328Z" fill="#fff"/><path d="M332.572 160.674a6.575 6.575 0 0 0-5.036-.234 6.58 6.58 0 0 0-2.198 1.332 6.597 6.597 0 0 0-1.518 2.074l-6.454 13.785a13.558 13.558 0 0 1-12.253 7.767h-.328a26.748 26.748 0 0 0-24.724 16.847l-4.048 10.503h39.821l13.347-29.429v-.109l6.454-13.784a6.48 6.48 0 0 0 .318-5.023 6.464 6.464 0 0 0-3.381-3.729Zm-35.883-13.237h-15.315A6.565 6.565 0 0 0 274.81 154a6.946 6.946 0 0 0 1.859 4.595h-.875a6.563 6.563 0 0 0-6.564 6.564 6.949 6.949 0 0 0 1.86 4.595h-.438a6.564 6.564 0 1 0 0 13.128h8.424a6.565 6.565 0 0 0 6.564-6.564 6.949 6.949 0 0 0-1.86-4.595h5.251a6.565 6.565 0 0 0 6.564-6.564 6.948 6.948 0 0 0-1.859-4.595h3.063a6.562 6.562 0 0 0 6.564-6.564 6.671 6.671 0 0 0-6.674-6.563Z" fill="#842306"/><path d="M91.785 273.792v152.863h22.755a6.122 6.122 0 0 0 4.376-1.86l10.831-10.83a6.806 6.806 0 0 1 9.736 0l10.831 10.83a6.126 6.126 0 0 0 4.376 1.86h66.514V273.792a64.787 64.787 0 0 0-64.545-64.764 64.854 64.854 0 0 0-64.873 64.764Z" fill="#0A273D"/><path d="m255.774 227.298-11.268 24.724-17.722-39.384a50.05 50.05 0 0 0-45.729-29.647h-47.151a49.55 49.55 0 0 0-45.4 29.538l-21.005 46.932a167.85 167.85 0 0 0-14.66 68.484v84.018h52.512l.219-82.487a115.825 115.825 0 0 1 10.283-47.698l11.596-26.037a33.254 33.254 0 0 1 30.304-19.691 33.417 33.417 0 0 1 30.194 19.254l29.319 63.342c10.94 23.849 45.072 23.302 55.246-.876l37.524-90.472h-54.262Z" fill="#0A273D"/><path d="M262.338 212.649h53.605l-6.016 14.66h-54.153l6.564-14.66Z" fill="#FFBE3C"/></svg>';
+defineCustomElement('sinch-illustration-person-with-phone', createIllustrationClass(templateHTML));

package/illustrations/phone-and-cat/index.js

@@ -0,0 +1,4 @@
+import { defineCustomElement } from '../../utils';
+import { createIllustrationClass } from '../create-illustration-class';
+const templateHTML = '<svg viewBox="0 0 868 800"><path d="M743.029 800a65.073 65.073 0 0 1-53.216-27.573 65.073 65.073 0 0 1-8.106-59.384c5.049-14.202 10.693-26.125 17.244-36.43a16.512 16.512 0 0 1 10.349-7.26 16.52 16.52 0 0 1 17.112 6.636 16.528 16.528 0 0 1 2.747 12.34 16.528 16.528 0 0 1-2.331 6.009c-5.205 8.187-9.786 17.932-14.002 29.789a32.047 32.047 0 0 0 33.77 42.64c.093 0 .187-.02.281-.027a31.99 31.99 0 0 0 24.058-16.208l10.086-18.181a58.267 58.267 0 0 1 77.436-23.645 16.526 16.526 0 0 1 5.133 3.949 16.538 16.538 0 0 1 3.219 5.62 16.516 16.516 0 0 1-16.974 21.708 16.524 16.524 0 0 1-6.23-1.769 25.243 25.243 0 0 0-33.704 10.161l-10.088 18.184a65.081 65.081 0 0 1-49.516 33.037l-.404.041a65.03 65.03 0 0 1-6.864.363Z" fill="#F2A068"/><path d="M21.409 0h323.305a20.795 20.795 0 0 1 20.773 20.773V232.84H21.409A20.793 20.793 0 0 1 .636 212.063V20.773A20.793 20.793 0 0 1 21.409 0" fill="#007171"/><path d="M222.723 274.478H21.416a20.79 20.79 0 0 0-20.78 20.775v83.553h222.087a20.795 20.795 0 0 0 20.773-20.773v-62.78a20.796 20.796 0 0 0-20.773-20.775Z" fill="#FFBE3C"/><path d="M168.062 337.607c6.056 0 10.965-4.909 10.965-10.966 0-6.056-4.909-10.965-10.965-10.965-6.057 0-10.966 4.909-10.966 10.965 0 6.057 4.909 10.966 10.966 10.966Zm-45.997 0c6.056 0 10.965-4.909 10.965-10.966 0-6.056-4.909-10.965-10.965-10.965s-10.966 4.909-10.966 10.965c0 6.057 4.91 10.966 10.966 10.966Zm-45.992 0c6.056 0 10.965-4.909 10.965-10.966 0-6.056-4.91-10.965-10.965-10.965-6.057 0-10.966 4.909-10.966 10.965 0 6.057 4.91 10.966 10.966 10.966ZM275.57 92.165H90.555a5.386 5.386 0 0 1 0-10.771H275.57a5.386 5.386 0 1 1 0 10.771Zm-92.537 59.28H90.555a5.386 5.386 0 0 1 0-10.772h92.478a5.386 5.386 0 0 1 0 10.772Z" fill="#fff"/><path d="M615.675 402.718S506.567 240.893 512.588 287.271c10.022 77.194-28.652 55.324-28.549 143.141l131.636-27.694Z" fill="#FFD03C"/><path d="M277.401 386.038c3.642 5.698 6.05 11.584 6.768 17.594.717 6.009-.089 12.206-2.169 18.991l-1.732 5.513a59.046 59.046 0 0 0-1.677 6.901 63.145 63.145 0 0 0-1.008 14.117c.364 9.405 2.681 18.401 6.01 26.604l.286.701.42.72a16513.683 16513.683 0 0 0 38.013 64.194l19.116 32.031 19.213 31.974a10.593 10.593 0 0 0 14.477 3.621 10.592 10.592 0 0 0 3.738-14.447l-18.899-32.161-18.999-32.098a10513.726 10513.726 0 0 0-38.217-64.073l.709 1.419c-2.644-6.398-4.289-12.942-4.57-19.342a42.001 42.001 0 0 1 .612-9.467c.27-1.557.634-3.096 1.09-4.609l.818-2.742.882-3.08c2.308-8.338 3.82-18.177 2.031-27.827a53.554 53.554 0 0 0-4.341-13.764 61.473 61.473 0 0 0-7.372-11.782 9.387 9.387 0 0 0-12.851-1.906 9.391 9.391 0 0 0-2.458 12.758l.114.171-.004-.011Z" fill="#894915"/><path d="m413.954 576.288 29.177-60.157a30.487 30.487 0 0 1 19.292-16.079 38.811 38.811 0 0 1 45.387 54.136l-46.18 96.655 28.823 45.069h-71.817a47.175 47.175 0 0 1-42.602-26.915l-93.433-196.475a29.248 29.248 0 0 1 9.154-36.183l22.281-16.292 99.918 156.241Zm391.608-43.01a40.67 40.67 0 0 0-39.183-23.337l-9.69.564a40.68 40.68 0 0 0-38.301 41.27 40.68 40.68 0 0 0 5.493 19.756c19.347 33.317 43.264 74.49 60.566 104.293a40 40 0 0 0 27.069 19.203 40.01 40.01 0 0 0 32.249-7.837 39.705 39.705 0 0 0 11.425-48.074L805.571 533.28l-.009-.002Z" fill="#894915"/><path d="M377.824 344.949a12.204 12.204 0 0 0-11.115-7.168h-78.603a4.447 4.447 0 0 0-4.052 6.281l69.304 152.996a4.445 4.445 0 0 0 4.049 2.612h77.034a8.69 8.69 0 0 0 8.662-8.045 8.688 8.688 0 0 0-.751-4.223c-14.487-31.99-53.076-117.177-64.528-142.453Z" fill="#666"/><path d="M362.697 337.781h-74.443a12.207 12.207 0 0 0-10.253 5.589 12.196 12.196 0 0 0-.861 11.646l62.278 137.486a12.195 12.195 0 0 0 11.114 7.168h85.497l-73.332-161.889Z" fill="#CCC"/><path d="m306.957 436.433 69.078 1.008a9.722 9.722 0 0 0 .527-19.439l-69.027-2.755a10.6 10.6 0 0 0-.845 21.179h.267" fill="#894915"/><path d="m311.941 433.234 50.786-38.74a8.576 8.576 0 0 0-9.958-13.954l-53.145 35.442a10.605 10.605 0 1 0 12.317 17.252Z" fill="#894915"/><path d="m312.976 454.594 70.035.094a9.428 9.428 0 0 0 6.592-2.705 9.428 9.428 0 0 0 .24-13.192 9.429 9.429 0 0 0-6.49-2.943l-69.993-2.445a10.6 10.6 0 0 0-.741 21.187h.357" fill="#894915"/><path d="m318.832 472.223 69.075-.122a8.792 8.792 0 0 0 8.82-8.581 8.796 8.796 0 0 0-8.392-8.999l-68.986-3.485a10.604 10.604 0 0 0-11.189 10.048 10.594 10.594 0 0 0 2.745 7.668 10.596 10.596 0 0 0 7.374 3.457c.174 0 .38.014.553.014Z" fill="#894915"/><path d="m724.223 600.317-.616 95.556H418.485l69.064-149.989-46.043-26.175 46.507-100.311a50.8 50.8 0 0 1 45.514-29.433l169.531-1.917 22.393 22.361-.172 26.205 26.89-17.037 59.448 126.764-84.071 59.019-3.323-5.043Z" fill="#E83452"/><path d="M557.319 352.94a62.209 62.209 0 0 1-6.19-1.828 78.44 78.44 0 0 1-52.411-74.512l.299-65.106a78.392 78.392 0 0 1 11.777-41.066c16.146-25.985 45.044-40.056 75.404-36.729a78.44 78.44 0 0 1 70.058 78.517l-.285 65.113a78.75 78.75 0 0 1-15.324 46.262l8.24 43.835c4.301 14.496 9.597 21.436 21.433 21.436h6.444l-89.524 62.401a22.706 22.706 0 0 1-22.125 2.154 22.985 22.985 0 0 1-13.714-21.766 22.98 22.98 0 0 1 2.06-8.804c8.156-17.366 18.911-40.673 22.597-50.455 2.957-7.847-4.497-15.538-12.929-18.296a77.74 77.74 0 0 1-5.372-1.045c-.164 0-.331-.015-.498-.02l.057-.085.003-.006Z" fill="#894915"/><path d="M499.89 206.638c0-24.892 20.624-44.973 45.718-44.079 23.903.85 42.501 21.22 42.501 45.137v99.733c0 40.975 47.148 94.857 109.757 94.857 51.326 0 93.148-45.871 93.148-91.582 0-14.608-4.84-31.442-10.612-46.326a61.775 61.775 0 0 0-57.687-39.679v-.046a25.351 25.351 0 0 1-24.403-18.508c-5.425-19.304-13.939-47.59-18.822-53.627-13.175-16.298-29.999-19.136-42.958-18.19-12.567.925-25.066-3.231-34.731-11.318-12.074-10.093-31.682-20.741-59.108-18.081-54.897 5.331-81.467 68.801-42.803 102.806v-1.097Z" fill="#FFD03C"/><path d="m544.235 648.578 6.06-20.583c1.713-5.689 8.482-8.984 14.852-7.083 1.193.357 2.32.907 3.336 1.627a12.68 12.68 0 0 1 9.775-1.639c5.338 1.264 8.788 5.656 8.542 10.367a12.568 12.568 0 0 1 6.359 1.129c4.837 2.267 7.083 7.365 5.666 12.067l-.361 1.2c.08.018.16.027.229.046 6.156 1.457 9.809 7.083 8.164 12.546l-4.853 16.146-65.538-3.35s6.009-16.477 7.769-22.473Z" fill="#842306"/><path d="M794.51 319.469h.023s-3.59-16.909-6.663-31.407a6.855 6.855 0 0 0-12.933-1.417l-13.4 29.451-37.492-1.081-6.66-31.407a6.852 6.852 0 0 0-5.957-5.377 6.85 6.85 0 0 0-4.129.853 6.85 6.85 0 0 0-2.85 3.108l-36.989 81.247a28.247 28.247 0 0 0-1.444 19.494 28.259 28.259 0 0 0 11.557 15.766l3.581 2.371-121.276 262.123 194.176-24.87 16.098-41.198a493.41 493.41 0 0 0 30.635-235.66c-1.849-16.132-3.942-30.832-6.277-41.996Z" fill="#F2A068"/><path d="M297.328 363.199a6.942 6.942 0 1 0 0-13.884 6.942 6.942 0 0 0 0 13.884Z" fill="#666"/><path d="M789.707 625.226 663.321 642.93a49.191 49.191 0 0 1-16.109-.409l-11.708-2.251a49.199 49.199 0 0 0-32.134 4.744c-14.519 7.59-35.929 17.781-46.17 17.781h-17.535c-7.445 0-13.939 5.736-14.167 13.178a13.59 13.59 0 0 0 3.83 9.88 13.6 13.6 0 0 0 9.759 4.131h28.909c2.248 0 4.487.27 6.67.805l10.669 2.614a77.667 77.667 0 0 0 18.476 2.23h217.714l-31.832-70.407h.014Z" fill="#894915"/><path d="M532.62 303.419c1.787.351 3.608.504 5.429.457a25.29 25.29 0 0 0 17.014-7.209 2.774 2.774 0 0 0 .83-1.981 2.77 2.77 0 0 0-.83-1.981 2.853 2.853 0 0 0-4.005 0 19.426 19.426 0 0 1-26.552.644 2.857 2.857 0 0 0-4.001.192 2.773 2.773 0 0 0-.467 3.088 2.8 2.8 0 0 0 .661.877c3.375 3 7.492 5.041 11.923 5.909" fill="#842306"/></svg>';
+defineCustomElement('sinch-illustration-phone-and-cat', createIllustrationClass(templateHTML));

package/illustrations/pineapple/index.d.ts

@@ -0,0 +1,11 @@
+import type { TSinchIllustrationElement, TSinchIllustrationReact } from '../types';
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'sinch-illustration-pineapple': TSinchIllustrationReact;
+        }
+    }
+    interface HTMLElementTagNameMap {
+        'sinch-illustration-pineapple': TSinchIllustrationElement;
+    }
+}

package/illustrations/pineapple/index.js

@@ -0,0 +1,4 @@
+import { defineCustomElement } from '../../utils';
+import { createIllustrationClass } from '../create-illustration-class';
+const templateHTML = '<svg viewBox="0 0 58 100" fill="none" aria-hidden="true" focusable="false"><path d="M57.61 12.289v-.451h-.451c-.451-.113-9.696-1.015-17.475 2.705C36.866 6.426 29.651.563 29.312.338L28.862 0l-.339.338c-.338.338-7.666 6.088-10.372 14.205C10.372 10.71 1.127 11.725.676 11.838h-.45v.45c-.113.564-1.579 14.657 6.313 22.548 5.637 5.638 14.205 6.427 19.053 6.427h6.764c4.848 0 13.529-.902 19.053-6.426 7.892-7.892 6.314-21.872 6.2-22.548Z" fill="#007171"/><path d="M28.861 28.861C13.078 28.861.338 41.714.338 57.497v13.867C.338 87.148 13.191 100 28.974 100c15.784 0 28.636-12.852 28.636-28.636V57.497c-.113-15.783-12.852-28.636-28.749-28.636Z" fill="#FFD03C"/><path d="M4.284 55.58c1.578 2.255 3.495 5.074 7.44 5.074 3.947 0 5.863-2.819 7.442-5.073 1.465-2.143 2.367-3.27 3.946-3.27 1.69 0 2.593 1.24 3.946 3.27 1.578 2.254 3.494 5.073 7.44 5.073s5.863-2.819 7.441-5.073c1.466-2.143 2.368-3.27 3.946-3.27 1.691 0 2.593 1.24 3.946 3.27 1.578 2.254 3.495 5.073 7.44 5.073v-4.171c-1.69 0-2.592-1.24-3.945-3.27-1.578-2.255-3.495-5.073-7.441-5.073-3.946 0-5.862 2.818-7.44 5.073-1.466 2.142-2.368 3.27-3.947 3.27-1.69 0-2.593-1.24-3.946-3.27-1.578-2.255-3.494-5.073-7.44-5.073s-5.863 2.818-7.441 5.073c-1.466 2.142-2.368 3.27-3.946 3.27-1.691 0-2.593-1.24-3.946-3.27-1.353-1.916-2.931-4.397-5.975-4.96A26.711 26.711 0 0 0 .789 52.31c1.353.226 2.142 1.353 3.495 3.27Zm49.38 22.323c-1.578-2.255-3.495-5.073-7.44-5.073-3.947 0-5.863 2.818-7.441 5.073-1.466 2.142-2.368 3.27-3.946 3.27-1.692 0-2.593-1.24-3.946-3.27-1.579-2.255-3.495-5.073-7.441-5.073-3.946 0-5.863 2.818-7.44 5.073-1.58 2.03-2.481 3.27-4.172 3.27-1.691 0-2.48-1.24-3.946-3.27C6.313 75.648 4.397 72.83.45 72.83v1.578c.113.902.225 1.804.451 2.593 1.466.226 2.255 1.353 3.608 3.27 1.578 2.254 3.495 5.073 7.44 5.073 3.946 0 5.863-2.819 7.441-5.073C20.857 78.129 21.76 77 23.337 77c1.691 0 2.593 1.24 3.946 3.27 1.578 2.254 3.495 5.073 7.44 5.073 3.947 0 5.863-2.819 7.442-5.073C43.63 78.129 44.532 77 46.11 77c1.69 0 2.593 1.24 3.945 3.27 1.015 1.578 2.255 3.269 4.172 4.284a24.463 24.463 0 0 0 1.69-3.946c-.676-.564-1.352-1.466-2.254-2.706Z" fill="#FFBE3C"/></svg>';
+defineCustomElement('sinch-illustration-pineapple', createIllustrationClass(templateHTML));

package/illustrations/pizza/index.d.ts

@@ -0,0 +1,11 @@
+import type { TSinchIllustrationElement, TSinchIllustrationReact } from '../types';
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'sinch-illustration-pizza': TSinchIllustrationReact;
+        }
+    }
+    interface HTMLElementTagNameMap {
+        'sinch-illustration-pizza': TSinchIllustrationElement;
+    }
+}

package/illustrations/pizza/index.js

@@ -0,0 +1,4 @@
+import { defineCustomElement } from '../../utils';
+import { createIllustrationClass } from '../create-illustration-class';
+const templateHTML = '<svg viewBox="0 0 107 100" fill="none" aria-hidden="true" focusable="false"><path d="M98.405 78.365C91.226 46.46 69.093 19.64 39.182 6.58l-.797-.299L.399 93.221c-.698 1.694-.499 3.588.698 4.984C1.994 99.302 3.39 100 4.786 100c.398 0 .698 0 1.096-.1l92.622-20.738-.1-.797Z" fill="#FFBE3C"/><path d="m99.601 78.963-8.873 1.994c-6.381-28.614-25.723-53.04-52.144-65.802-.797-.4-3.29-1.695-3.29-1.695s.997-2.493 1.595-3.69l1.994-4.685C40.778.698 46.261-1.196 50.648.798c26.221 11.665 48.754 36.69 55.733 67.597.997 4.686-1.994 9.471-6.78 10.568Z" fill="#842306"/><path d="M58.824 41.974c-.898-3.888-3.19-7.178-6.58-9.372a15.423 15.423 0 0 0-11.267-1.994c-3.888.898-7.178 3.19-9.372 6.58a15.423 15.423 0 0 0-1.994 11.267c.798 3.888 3.19 7.178 6.58 9.372a15.127 15.127 0 0 0 7.976 2.293c1.097 0 2.194-.1 3.29-.4 8.076-1.694 13.161-9.67 11.367-17.746Zm-3.889 46.162c-1.794-8.076-9.87-13.26-18.046-11.466-3.888.897-7.278 3.19-9.471 6.68a14.766 14.766 0 0 0-1.994 11.366l.2.997 29.41-6.58-.099-.997Z" fill="#E83452"/><path d="M71.286 70.389c-1.794 0-3.19 1.396-3.19 3.19 0 1.795 1.395 3.19 3.19 3.19s3.19-1.395 3.19-3.19c0-1.695-1.395-3.19-3.19-3.19ZM29.312 63.61c-1.795 0-3.19 1.395-3.19 3.19 0 1.794 1.395 3.19 3.19 3.19s3.19-1.396 3.19-3.19c.1-1.695-1.395-3.19-3.19-3.19ZM3.689 86.44h-.3l-2.292 5.185c.598.798 1.495 1.197 2.492 1.197 1.795 0 3.19-1.396 3.19-3.19.1-1.796-1.395-3.191-3.09-3.191Z" fill="#007171"/></svg>';
+defineCustomElement('sinch-illustration-pizza', createIllustrationClass(templateHTML));

package/illustrations/plane/index.d.ts

@@ -0,0 +1,11 @@
+import type { TSinchIllustrationElement, TSinchIllustrationReact } from '../types';
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'sinch-illustration-plane': TSinchIllustrationReact;
+        }
+    }
+    interface HTMLElementTagNameMap {
+        'sinch-illustration-plane': TSinchIllustrationElement;
+    }
+}

package/illustrations/plane/index.js

@@ -0,0 +1,4 @@
+import { defineCustomElement } from '../../utils';
+import { createIllustrationClass } from '../create-illustration-class';
+const templateHTML = '<svg viewBox="0 0 333 400" fill="none" aria-hidden="true" focusable="false"><path d="m230.795 130.749-44.1-6.259c-5.11-.746-8.957-5.11-8.957-10.278v-2.641c0-5.168 3.789-9.532 8.957-10.279l44.1-6.259c6.259-.861 11.829 3.962 11.829 10.279v15.101c0 6.317-5.57 11.198-11.829 10.336Zm-29.859-53.402-44.1-6.259c-5.111-.746-8.958-5.11-8.958-10.278v-2.642c0-5.168 3.79-9.532 8.958-10.278l44.1-6.26c6.259-.86 11.829 3.963 11.829 10.28v15.1c0 6.317-5.57 11.198-11.829 10.336Zm29.859 191.904-44.1 6.259c-5.11.746-8.957 5.11-8.957 10.278v2.642c0 5.168 3.789 9.532 8.957 10.278l44.1 6.259c6.259.861 11.829-3.962 11.829-10.278v-15.102c0-6.374-5.57-11.198-11.829-10.336Zm-29.859 53.402-44.1 6.259c-5.111.746-8.958 5.11-8.958 10.278v2.642c0 5.168 3.79 9.532 8.958 10.278l44.1 6.259c6.259.862 11.829-3.962 11.829-10.278v-15.102c0-6.374-5.57-11.197-11.829-10.336ZM20.172 188.516l33.707.229-31.582-33.878c-3.044-3.216-7.35-5.168-11.944-5.168H6.046c-2.124 0-4.02 1.263-3.1 3.445l17.226 35.372Zm-.402 22.911 33.764-.23-31.64 33.879c-3.043 3.216-7.35 5.168-11.943 5.168H5.644c-2.124 0-4.02-1.263-3.1-3.445l17.226-35.372Z" fill="#0A273D"/><path d="M278.57 166.408h-18.49c-6.201 0-11.943-3.388-14.929-8.785l-80.965-145.68C160.052 4.537 152.3 0 143.916 0h-8.785c-4.422 0-7.695 4.192-6.546 8.498l40.941 153.029c.632 2.47-1.206 4.881-3.732 4.881h-37.899a258.385 258.385 0 0 0-78.782 12.289l-4.651 1.492v39.966l5.512 1.723a259.236 259.236 0 0 0 77.003 11.714h38.874c2.527 0 4.422 2.411 3.733 4.881l-40.942 153.029c-1.148 4.306 2.067 8.498 6.546 8.498h8.786c8.441 0 16.193-4.536 20.269-11.944l80.965-145.679c3.044-5.455 8.728-8.785 14.93-8.785h18.49c18.547 0 54.206-15.045 54.206-33.592-.058-18.547-35.717-33.592-54.264-33.592Z" fill="#CCC"/><path d="M60.999 199.77c0 11.255 6.776 22.337-4.536 22.337s-36.29-11.082-36.29-22.337c0-11.254 22.05-18.949 33.304-18.949 11.254 0 7.522 7.695 7.522 18.949Z" fill="#CCC"/><path d="m46.988 179.386-20.901 6.661C19.942 188.056.304 193.741.304 200.23c0 6.488 19.638 12.288 25.897 14.24l20.787 6.489v-41.573Z" fill="#CCC"/><path d="M307.51 218.375c-4.191 0-7.292-3.962-6.259-8.039a41.982 41.982 0 0 0 0-20.672c-1.033-4.077 2.068-8.039 6.259-8.039a6.527 6.527 0 0 1 6.259 4.709l.575 2.067a43.024 43.024 0 0 1 0 23.198l-.575 2.067c-.861 2.757-3.387 4.709-6.259 4.709Z" fill="#0A273D"/></svg>';
+defineCustomElement('sinch-illustration-plane', createIllustrationClass(templateHTML));

package/illustrations/presenting-charts/index.d.ts

@@ -0,0 +1,11 @@
+import type { TSinchIllustrationElement, TSinchIllustrationReact } from '../types';
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'sinch-illustration-presenting-charts': TSinchIllustrationReact;
+        }
+    }
+    interface HTMLElementTagNameMap {
+        'sinch-illustration-presenting-charts': TSinchIllustrationElement;
+    }
+}