@nectary/components 0.30.0 → 0.32.0

package/illustrations/desktop/index.js

@@ -0,0 +1,4 @@
+import { defineCustomElement } from '../../utils';
+import { createIllustrationClass } from '../create-illustration-class';
+const templateHTML = '<svg viewBox="0 0 1236 800" fill="none" aria-hidden="true" focusable="false"><path d="M43.784 800H.12v-55.256a145.635 145.635 0 0 1 89.955-134.681 145.633 145.633 0 0 1 55.792-11.066h943.453A145.64 145.64 0 0 1 1224 688.953a145.706 145.706 0 0 1 11.07 55.791V800h-43.67v-55.256c0-27.074-10.75-53.039-29.9-72.184a102.058 102.058 0 0 0-72.18-29.899H145.867A102.084 102.084 0 0 0 43.784 744.744V800Z" fill="#A7D5C2"/><path d="M1140.44 88.844H589.03c-7.779 0-14.086 6.306-14.086 14.085v359.686c0 7.779 6.307 14.085 14.086 14.085h551.41c7.78 0 14.09-6.306 14.09-14.085V102.929c0-7.78-6.31-14.085-14.09-14.085Z" fill="#CCC"/><path d="M914.638 348.466h-94.61s-38.979 183.253-57.402 224.235c-10.175 22.623-53.152 26.604-53.152 26.604h208.353s28.702 2.098 30.826-26.602c4.009-54.109-34.015-224.237-34.015-224.237Zm-49.43 95.702a30.297 30.297 0 1 1-30.297 30.297 30.31 30.31 0 0 1 30.297-30.299v.002Z" fill="#CCC"/><path d="M1138.08 102.694H592.737a5.108 5.108 0 0 0-5.108 5.108V410.09a5.108 5.108 0 0 0 5.108 5.108h545.343a5.11 5.11 0 0 0 5.11-5.108V107.802a5.11 5.11 0 0 0-5.11-5.108ZM865.413 458.25c7.779 0 14.085-6.306 14.085-14.085 0-7.779-6.306-14.085-14.085-14.085-7.779 0-14.085 6.306-14.085 14.085 0 7.779 6.306 14.085 14.085 14.085Z" fill="#0A273D"/><path d="M884.402 592.743a20.053 20.053 0 0 0-20.043-20.043H594.793a19.85 19.85 0 0 0-19.837 19.84v6.761h309.446v-6.558Z" fill="#12273C"/><path d="M479.898 66.673c-18.978-13.052-43.044-16.539-65.701-9.437-31.57 9.893-53.43 39.218-53.185 71.22l1.329 110.106.657 56.38c.281 18.507-12.519 35.384-30.723 41.091l-3.873 1.215 63.921 11.217 52.94-46.216-.186-29.768 23.049-7.225c25.565-8.012 43.422-31.79 42.988-57.6l-1.15-84.42c.113-22.714-10.834-43.388-30.066-56.563Z" fill="#F2A068"/><path d="M481.448 507.878 411.89 350.291a60.356 60.356 0 0 0-57.641-34.381 60.358 60.358 0 0 0-22.847 5.794c-30.142 14.246-42.839 50.335-28.59 80.48l87.437 178.686a33.214 33.214 0 0 0 29.354 18.274l165.596.166c30.657.014 57.568-19.505 66.935-48.56l3.138-9.735-173.824-33.137Z" fill="#E58E63"/><path d="m699.938 511.909-46.793-6.198a41.499 41.499 0 0 0-34.993 11.587l-16.488 16.288c-4.305 4.315-4.403 11.124-.088 15.431 4.316 4.308 11.128 4.403 15.432.088l1.535-1.586 34.351 45.309a10.908 10.908 0 0 0 7.217 4.32 10.907 10.907 0 0 0 10.985-5.317 10.896 10.896 0 0 0-.83-12.176l-2.025-2.673a10.943 10.943 0 0 0 13.147-2.993 10.941 10.941 0 0 0 .254-13.481l-24.624-32.477 40.081 5.394a10.931 10.931 0 0 0 12.296-9.321c.707-6.009-3.448-11.488-9.457-12.195Z" fill="#E58E63"/><path d="m324.232 800 320.175-.811v-70a86.606 86.606 0 0 0-25.362-61.231 86.597 86.597 0 0 0-61.231-25.362H417.558a14.308 14.308 0 0 1-12.027-6.551 14.313 14.313 0 0 1-1.016-13.658l23.604-52.228 77.777-167.198s-8.8-17.531-9.814-42.303c-.47-11.446-.459-22.148-6.017-30.238-5.558-8.091-14.93-11.235-25.229-13.021-13.015-2.253-13.24-1.879-13.24-1.879l-87.765-.025c-6.042 0-16.803.806-22.863 2.285l-4.374-.22c-4.57.09-9.553 1.093-14.255 2.648-10.859 3.586-21.285 11.082-28.967 20.781-2.978 3.764-13.31 16.339-24.024 38.129L150.974 641.129a112.54 112.54 0 0 0 102.56 158.88l70.698-.009Z" fill="#007171"/><path d="M587.711 373.587a9.856 9.856 0 0 1-9.769-4.589l-17.184-26.595a10.094 10.094 0 0 1 10.598-15.343 10.097 10.097 0 0 1 6.355 4.39l17.184 26.596a10.116 10.116 0 0 1-3 13.952 9.776 9.776 0 0 1-4.184 1.589Zm10.063-30.215a9.858 9.858 0 0 1-9.77-4.589l-17.184-26.595a10.097 10.097 0 0 1 3.078-13.832 10.095 10.095 0 0 1 13.875 2.876l17.184 26.599a10.12 10.12 0 0 1-3 13.952 9.807 9.807 0 0 1-4.183 1.589Zm17.73-28.485a9.874 9.874 0 0 1-9.77-4.589l-17.184-26.596a10.094 10.094 0 0 1 16.948-10.955l17.183 26.598a10.117 10.117 0 0 1-3 13.953 9.804 9.804 0 0 1-4.177 1.589Zm49.591 26.339a9.852 9.852 0 0 1-5.933-9.014l-.755-31.655a10.094 10.094 0 0 1 20.178-.482l.755 31.655a10.12 10.12 0 0 1-9.859 10.33 9.797 9.797 0 0 1-4.386-.834Z" fill="#F2A068"/><path d="M410.681 0h59.318c34.036 0 61.665 27.63 61.665 61.665 0 33.22-26.325 60.34-59.236 61.616l2.521 161.331a31.944 31.944 0 0 1-9.355 22.585 31.952 31.952 0 0 1-22.585 9.354s-124.512 1.167-128.222 1.226c-31.455.484-57.397-25.255-57.895-57.451 5.839 4.105 13.113 7.843 21.341 10.733 3.192 1.127 4.226 3.155 6.978 1.198 2.752-1.958 6.93-7.654 6.93-11.04.104-38.129-2.431-140.254-2.431-140.254C289.71 54.157 343.876 0 410.681 0Z" fill="#000"/><path d="M509.086 355.684c-11.965-30.077-46.048-44.759-76.124-32.793-30.077 11.966-44.758 46.048-32.792 76.125l66.185 166.356c11.965 30.077 46.048 44.759 76.124 32.793 30.077-11.966 44.758-46.048 32.792-76.125l-66.185-166.356Z" fill="#F2A068"/><path d="M676.295 324.151a45.547 45.547 0 0 0-25.108-25.558l-43.768-17.976-21.59 101.061a46.277 46.277 0 0 1-7.936 17.693l-59.588 81.272 55.214 87.045 101.635-207.715a45.56 45.56 0 0 0 1.141-35.822Z" fill="#F2A068"/><path d="m682.552 255.988-55.583-2.298c-6.78-.282-13.164 3.42-16.057 9.527L557.454 369.34c-3.285 6.479 1.31 14.02 8.468 14.316l66.695 2.758 58.594-116.101a9.965 9.965 0 0 0-3.935-12.967 9.978 9.978 0 0 0-4.724-1.358Z" fill="#F2F2F2"/><path d="M556.445 375.526a9.747 9.747 0 0 0 9.296 8.121l66.696 2.758 58.594-116.101c2.254-4.248.758-9.217-2.535-11.994l-60.642 120.168-71.409-2.952Zm103.821-110.078-16.955-.701a1.89 1.89 0 0 1-1.741-1.96 1.888 1.888 0 0 1 1.896-1.809l16.955.701a1.79 1.79 0 0 1 1.35.578 1.785 1.785 0 0 1 .459 1.394 1.89 1.89 0 0 1-1.964 1.797Zm-24.116-.997a1.725 1.725 0 0 1-1.296-.62c-.18-.197-.361-.392-.352-.58.008-.189-.172-.386-.158-.764a1.7 1.7 0 0 1 .62-1.293c.197-.183.391-.363.58-.355.763-.158 1.516-.127 2.057.462a1.706 1.706 0 0 1 .512 1.344c.017.267-.061.531-.219.746-.198.184-.206.369-.4.564a1.723 1.723 0 0 1-1.344.496Z" fill="#12273C"/><path d="M597.799 303.111c-4.35 4.153-4.64 11.108-.623 15.463l16.846 18.336c5.761 6.234 7.411 15.539 4.158 23.663l-.203.51c-6.71 16.758-2.62 36.272 10.161 48.452l13.375 12.624 24.672-61.626-36.238-38.472-.167-.064-16.846-18.322c-4.112-4.606-10.786-4.724-15.135-.564Z" fill="#F2A068"/></svg>';
+defineCustomElement('sinch-illustration-desktop', createIllustrationClass(templateHTML));

package/illustrations/document/index.d.ts

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

package/illustrations/document/index.js

@@ -0,0 +1,4 @@
+import { defineCustomElement } from '../../utils';
+import { createIllustrationClass } from '../create-illustration-class';
+const templateHTML = '<svg viewBox="0 0 324 400" fill="none" aria-hidden="true" focusable="false"><path d="M199.651 263.077c5.57-3.661 12.997-2.281 16.923 3.077 3.926 5.358 2.865 12.891-2.334 16.976l-42.546 39.469-59.947.478 87.904-60Z" fill="#894915"/><path d="M323.418 48.806 274.876 0H99.014v277.454h224.404V48.806Z" fill="#FFBE3C"/><path d="m2.198 360.584 24.509-51.406 3.024-6.26c5.676-11.83 15.437-21.22 27.48-26.525l2.228-.955 74.164-32.255c6.897-3.024 15.014-.371 18.78 6.154 3.767 6.525 2.069 14.854-3.979 19.363l-32.891 24.616c-2.811 2.069-1.326 6.525 2.175 6.525h125.995c6.472 0 11.883 4.987 12.361 11.459a12.328 12.328 0 0 1-10.61 13.156l-96.393 13.263c-9.973 1.379-19.735 4.085-28.965 8.117l-21.592 9.336c-6.631 2.865-12.042 8.011-15.172 14.536l-11.3 23.289A12.363 12.363 0 0 1 60.872 400c-1.698 0-3.449-.371-5.093-1.114L8.191 377.401c-4.403-1.963-7.374-6.366-7.32-11.512 0-1.857.53-3.661 1.326-5.305Z" fill="#894915"/><path d="M323.418 48.806 274.876 0l.266 49.337 48.276-.53Zm-40.849 51.459c0-4.987-3.926-9.018-8.807-9.018H148.139c-4.881 0-8.806 4.031-8.806 9.018 0 4.987 3.925 9.019 8.806 9.019h125.623c4.881 0 8.807-4.032 8.807-9.019Zm0 50.663c0-4.827-3.926-8.753-8.807-8.753H148.139c-4.881 0-8.806 3.926-8.806 8.753 0 4.828 3.925 8.754 8.806 8.754h125.623c4.881 0 8.807-3.926 8.807-8.754Zm0 50.398c0-4.827-3.926-8.753-8.807-8.753H148.139c-4.881 0-8.806 3.926-8.806 8.753 0 4.828 3.925 8.754 8.806 8.754h125.623c4.881 0 8.807-3.926 8.807-8.754Z" fill="#F2F2F2"/></svg>';
+defineCustomElement('sinch-illustration-document', createIllustrationClass(templateHTML));

package/illustrations/flower-hand/index.d.ts

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

package/illustrations/flower-hand/index.js

@@ -0,0 +1,4 @@
+import { defineCustomElement } from '../../utils';
+import { createIllustrationClass } from '../create-illustration-class';
+const templateHTML = '<svg viewBox="0 0 275 400" fill="none" aria-hidden="true" focusable="false"><path d="M161.148 325.188c-1.502 0-2.867-.956-3.276-2.458-23.618-84.641-74.267-162.593-74.813-163.276-1.092-1.638-.546-3.686.956-4.778 1.638-1.092 3.686-.546 4.778.955.546.82 51.741 79.454 75.631 165.188.547 1.775-.546 3.686-2.32 4.232-.41 0-.683.137-.956.137Z" fill="#007171"/><path d="M151.182 310.99c-1.775 0-3.276-1.366-3.413-3.14C139.715 207.645 94.39 68.26 93.844 66.894c-.546-1.775.41-3.686 2.184-4.369 1.775-.546 3.686.41 4.369 2.185.41 1.365 46.007 141.57 54.335 242.457.136 1.911-1.229 3.55-3.14 3.686-.137.137-.273.137-.41.137Zm5.051-27.44a3.38 3.38 0 0 1-3.413-3.413V132.014a3.38 3.38 0 0 1 3.413-3.413 3.379 3.379 0 0 1 3.413 3.413v148.123c0 1.911-1.638 3.413-3.413 3.413Z" fill="#007171"/><path d="M150.773 302.935h-.546c-1.912-.273-3.14-2.048-2.867-3.959 20.341-127.645 79.59-238.635 80.136-239.727.956-1.638 3.004-2.32 4.642-1.365 1.638.956 2.321 3.003 1.365 4.642-.546 1.092-59.386 110.989-79.454 237.542-.136 1.638-1.638 2.867-3.276 2.867Z" fill="#007171"/><path d="M157.598 282.048c-.273 0-.546 0-.955-.137-1.775-.546-2.867-2.321-2.321-4.232 14.334-51.467 57.474-99.931 59.386-101.979 1.228-1.365 3.413-1.502 4.778-.273 1.365 1.228 1.502 3.413.273 4.778-.41.546-43.959 49.42-57.884 99.249-.41 1.638-1.911 2.594-3.277 2.594Z" fill="#007171"/><path d="m247.292 53.925-1.775-18.567c-.273-2.73-3.413-4.095-5.597-2.457l-15.154 11.604-5.734-19.795c-.955-3.14-5.188-3.413-6.553-.546l-12.832 27.44c-7.099 15.427-1.502 34.13 13.515 41.911 15.973 8.328 35.495 1.502 43.003-14.607l13.243-28.396c1.365-2.867-1.639-6.007-4.642-4.642l-17.474 8.055Z" fill="#FFBE3C"/><path d="m252.206 155.768 3.413-17.884c.546-2.594-2.048-4.778-4.641-3.823l-17.338 6.826v-20.204c0-3.14-3.959-4.642-6.007-2.321l-19.522 22.389c-10.922 12.56-10.785 31.672 1.228 43.14 12.697 12.15 32.901 11.194 44.369-1.912l20.205-23.071c2.047-2.321.136-6.144-3.004-5.597l-18.703 2.457ZM75.96 119.454l-16.245-9.147c-2.458-1.365-5.325.41-5.188 3.277l.955 19.112-19.658-6.689c-3.14-1.092-5.734 2.321-4.096 5.051l15.29 26.212c8.6 14.744 27.304 20.75 42.321 12.832 15.973-8.464 21.57-28.396 12.56-43.822L86.063 99.386c-1.639-2.867-5.87-2.048-6.553 1.092l-3.55 18.976Z" fill="#E83452"/><path d="M91.933 20.75 77.053 9.42c-2.185-1.638-5.462-.273-5.598 2.457L69.817 30.99 51.25 21.843c-2.867-1.502-6.007 1.502-4.778 4.505l11.604 28.123c6.553 15.7 24.3 24.3 40.273 18.567 17.065-6.28 25.256-25.256 18.43-41.775L104.766 2.184c-1.229-3.003-5.598-2.867-6.553.273l-6.28 18.294Z" fill="#FFBE3C"/><path d="m168.52 86.007-9.283-15.836c-1.365-2.321-4.778-2.321-6.007.136l-8.601 16.656-13.379-15.29c-2.047-2.458-6.006-.956-6.006 2.32v29.761c0 16.656 12.832 31.127 29.488 31.809 17.747.819 32.355-13.379 32.355-30.853V73.857c0-3.14-3.959-4.642-6.007-2.321l-12.56 14.47Z" fill="#E83452"/><path d="M210.978 293.379c0-6.144-3.004-11.604-7.509-15.017 2.321-3.14 3.823-7.099 3.823-11.331a18.644 18.644 0 0 0-18.703-18.703h-17.065a14.695 14.695 0 0 0 1.911-7.236c0-8.055-6.553-14.471-14.608-14.471l-61.433.41h-.956c-8.19 0-15.972 3.822-21.024 10.648l-8.19 10.785h-.137L4.97 330.239c-3.277 4.232-4.642 9.556-3.823 14.88.683 5.325 3.55 9.966 7.782 13.243l50.512 37.679c3.55 2.594 7.645 3.959 11.877 3.959.956 0 1.911-.137 2.867-.273 5.324-.819 9.966-3.55 13.106-7.918l21.57-28.669h70.443a18.644 18.644 0 0 0 18.703-18.703c0-3.004-.819-6.007-2.047-8.464 6.416-3.004 10.784-9.42 10.784-16.929 0-3.959-1.228-7.645-3.412-10.648 4.641-3.413 7.645-8.874 7.645-15.017Z" fill="#894915"/><path d="M174.39 349.215h-28.942c-8.191 0-14.061-6.553-14.061-11.058v-32.082c4.368-6.553 6.826-14.471 6.826-22.662 0-9.01-3.14-16.246-5.461-20.614 6.826-.41 19.522-1.229 26.485-1.775 11.058-.819 15.972-8.191 16.109-8.464 1.502-2.185 2.048-4.369 2.048-4.369h-5.598s-.136.273-.955 1.365c-.137.273-3.686 5.324-12.014 6.007-9.693.819-30.853 2.048-30.99 2.048-.955 0-1.911.682-2.32 1.638a2.747 2.747 0 0 0 .409 2.867c.137.136 6.963 8.874 6.963 21.297 0 14.88-9.284 28.396-23.209 33.72-1.365.546-2.184 2.048-1.638 3.549.41 1.093 1.502 1.775 2.594 1.775.273 0 .683 0 .956-.136a38.574 38.574 0 0 0 14.471-9.42v25.256c0 7.645 8.6 16.519 19.522 16.519h28.942a2.739 2.739 0 0 0 2.73-2.731c0-1.501-1.365-2.73-2.867-2.73Z" fill="#842306"/></svg>';
+defineCustomElement('sinch-illustration-flower-hand', createIllustrationClass(templateHTML));

package/illustrations/football/index.d.ts

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

package/illustrations/football/index.js

@@ -0,0 +1,4 @@
+import { defineCustomElement } from '../../utils';
+import { createIllustrationClass } from '../create-illustration-class';
+const templateHTML = '<svg viewBox="0 0 855 800" fill="none" aria-hidden="true" focusable="false"><path d="M376.317 795.116c206.045 0 373.077-167.032 373.077-373.077S582.362 48.962 376.317 48.962 3.24 215.994 3.24 422.039s167.032 373.077 373.077 373.077Z" fill="#F2F2F2"/><path d="m230.851 288.296-39.666-68.116 36.839-23.112 47.67 71.983a24.829 24.829 0 0 1 .346 26.882l-58.377 93.266-16.521-29.082 29.709-71.821Z" fill="#842306"/><path d="m227.546 385.757.018-24.49c0-1.366-14.107-9.304-13.967-8.28 0 0 3.287 19.101 5.336 31.063a22.428 22.428 0 0 0 9.531 14.779l5.596 3.793a4.048 4.048 0 0 0 5.139-.49 3.369 3.369 0 0 0 .731-3.67 3.348 3.348 0 0 0-.731-1.092l-11.65-11.61" fill="#760D00"/><path d="m221.365 364.922-164.604-1.098L71.72 252.891l-11.911-1.613-26.483-30.626 34.044-54.897a39.738 39.738 0 0 1 33.786-18.797h73.503a39.738 39.738 0 0 1 33.366 18.15l46.694 72.142-53.722-.364 20.368 128.036Z" fill="#A7D5C2"/><path d="m54.356 421.931 75.799-1.012-56.086 335.275-51.638-3.907 31.925-330.356Zm157.02-30.158-67.059 6.388 58.297 347.887 53.127-6.906-44.365-347.369Z" fill="#842306"/><path d="M57.454 360.478h163.277s24.573 151.289 30.948 190.212a7.763 7.763 0 0 1-1.78 6.323 7.758 7.758 0 0 1-5.994 2.687c-19.148-.296-62.623.028-79.061-.23a7.76 7.76 0 0 1-7.531-6.469l-15.254-113.095a1.85 1.85 0 0 0-1.811-1.602 1.848 1.848 0 0 0-1.844 1.564c-4.974 31.864-17.702 113.462-17.702 113.462a7.758 7.758 0 0 1-7.66 6.504H33.634a7.761 7.761 0 0 1-7.475-5.68 7.758 7.758 0 0 1-.182-3.33c6.52-39.881 31.475-190.346 31.475-190.346h.002Z" fill="#FFBE3C"/><path d="m320.891 763.731-19.455-1.265a27.134 27.134 0 0 1-18.76-9.238l-14.033-15.983c-11.974-13.641-25.003-9.266-37.837 2.939-.124.116-.253.233-.364.354l-.106.104a2.475 2.475 0 0 1-3.174.253 41.887 41.887 0 0 0-24.174-7.666 2.637 2.637 0 0 0-2.635 2.625v56.719a2.629 2.629 0 0 0 2.625 2.627l117.215-.027c2.075 0 4.129-.41 6.045-1.207a15.733 15.733 0 0 0 8.528-8.571 15.753 15.753 0 0 0 1.177-6.051c-.041-8.318-6.752-15.087-15.052-15.626M2.87 775.826l23.85-31.743c7.903-10.52 21.357-14.867 33.48-10.821 10.349 3.452 17.035 12.25 17.035 22.416 0 8.814 2.843 20.935 3.94 24.877A14.313 14.313 0 0 1 67.4 798.731H14.308a14.316 14.316 0 0 1-14.25-15.604 14.314 14.314 0 0 1 2.812-7.301Z" fill="#09283D"/><path d="M314.022 795.21c36.563 0 66.204-29.64 66.204-66.204 0-36.564-29.641-66.204-66.204-66.204-36.564 0-66.204 29.64-66.204 66.204 0 36.564 29.64 66.204 66.204 66.204Z" fill="#A7D5C2"/><mask id="b" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="247" y="662" width="134" height="134"><path d="M314.022 795.21c36.564 0 66.205-29.64 66.205-66.204 0-36.564-29.641-66.204-66.205-66.204-36.563 0-66.204 29.64-66.204 66.204 0 36.564 29.641 66.204 66.204 66.204Z" fill="#A7D5C2"/></mask><g mask="url(#b)" fill="#007171" stroke="#A7D5C2" stroke-width="18.16" stroke-linecap="round" stroke-linejoin="round"><path d="m248.475 724.348 27.492 15.863v31.746l-27.492 15.871-27.491-15.871v-31.746l27.491-15.863Zm54.741-94.121 27.492 15.871v31.743l-27.492 15.871-27.489-15.871v-31.743l27.489-15.871Z"/><path d="m220.963 677.242 27.492 15.872v31.742l-27.492 15.872-27.502-15.869v-31.743l27.502-15.874Z"/><path d="m248.339 630.187 27.492 15.871v31.743l-27.492 15.879-27.492-15.874v-31.748l27.492-15.871Zm81.967 141.608 27.489 15.871v31.746l-27.489 15.871-27.492-15.871v-31.746l27.492-15.871Z"/><path d="m330.306 771.795 27.489 15.871v31.746l-27.489 15.871-27.492-15.871v-31.746l27.492-15.871Z"/><path d="m303.196 724.47 27.489 15.871v31.735l-27.489 15.872-27.492-15.872v-31.735l27.492-15.871Z"/><path d="m330.566 677.404 27.492 15.872v31.743l-27.492 15.871-27.489-15.871v-31.743l27.489-15.872Z"/><path d="m385.049 677.672 27.492 15.874v31.745l-27.492 15.872-27.492-15.872v-31.745l27.492-15.874Z"/></g><path d="M567.593 0H297.17a17.395 17.395 0 0 0-17.377 17.376v174.482a2.898 2.898 0 0 0 2.896 2.896h284.904a17.395 17.395 0 0 0 17.376-17.376V17.376A17.392 17.392 0 0 0 567.593 0" fill="#007071"/><path d="M509.76 78.545H355.006a5.961 5.961 0 0 1 0-11.921H509.76a5.961 5.961 0 0 1 0 11.921Zm-77.403 49.585h-77.351a5.96 5.96 0 1 1 0-11.922h77.351a5.96 5.96 0 1 1 0 11.922Z" fill="#DCEDE1"/><path d="m842.562 763.293-16.056-1.045a22.403 22.403 0 0 1-15.485-7.622l-11.582-13.191c-9.883-11.256-46.765-7.098-54.185-7.101-1.199 0-2.177-1.563-2.177-.367v53.14a2.166 2.166 0 0 0 2.165 2.168l96.74-.021a13.004 13.004 0 0 0 9.215-3.83 12.995 12.995 0 0 0 3.784-9.234c-.033-6.863-5.564-12.452-12.422-12.897" fill="#FFBE3C"/><path d="M766.568 789.139v-66.946H648.377l26.457-160.838a53.085 53.085 0 0 0-30.085-56.795 53.104 53.104 0 0 0-22.296-4.911h-13.998l-7.705 46.765-20.598-.04-15.7 75.546h9.079a12.538 12.538 0 0 1 12.377 14.581L567.416 748.75a34.83 34.83 0 0 0 19.753 37.278 34.829 34.829 0 0 0 14.64 3.212l164.761-.104-.002.003Z" fill="#A7D5C2"/><path d="m380.892 774.395 15.823-1.029a22.06 22.06 0 0 0 15.257-7.514l11.415-13.001c9.739-11.094 20.338-7.536 30.777 2.39l.296.289.086.085a2.025 2.025 0 0 0 2.585.215 34.046 34.046 0 0 1 19.659-6.236 2.144 2.144 0 0 1 2.145 2.137v46.14a2.141 2.141 0 0 1-1.317 1.974 2.143 2.143 0 0 1-.818.163l-95.339-.023a12.812 12.812 0 0 1-12.812-12.875c.033-6.764 5.493-12.27 12.245-12.707" fill="#FFBE3C"/><path d="M674.996 546.204H483.702a47.118 47.118 0 0 0-46.454 39.261l-28.903 170.897 76.156.574 22.014-134.718h82.096c43.816 0 80.811-32.552 86.388-76.014h-.003Z" fill="#A7D5C2"/><path d="M492.202 582.074a25.449 25.449 0 0 1-5.311 11.405l-42.863 52.328 23.104 28.011 58.312-58.312a41.844 41.844 0 0 0 11.509-21.749c6.97-36.585 26.675-139.985 26.675-139.985l-45.697-8.092s-20.495 108.657-25.729 136.394Z" fill="#F2A068"/><path d="M534.46 473.792c-.253 7.971-10.03 12.113-15.816 6.517-4.413-4.269-12.316-9.514-12.986-10.162-3.54-3.421-9.104-3.376-12.447.102-9.405 9.802-25.11 9.931-35.074.288l-30.852-29.854c-13.641-13.201-14.127-34.863-.974-48.112 12.875-12.969 34.117-12.564 47.523.409l41.254 39.922c4.047 3.924 10.452 3.871 14.281-.117 10.255.86 18.54 3.321 24.682 7.526l-19.591 33.481Z" fill="#F2A068"/><path d="M417.748 425.059c-7.367-15.006 8.457-43.244 30.324-41.98a35.026 35.026 0 0 1 25.767 9.913l28.863 27.932c-6.055 6.189-16.059 6.239-22.422.081l-7.101-6.873c-2.739-2.651-7.114-2.507-9.554.397-2.228 2.65-1.818 6.679.721 9.134l.677.658-4.612 4.805-7.38-7.142c-1.542-1.492-12.495 11.838-24.024 10.621a7.588 7.588 0 0 1-14.29 2.507 7.58 7.58 0 0 1 .284-7.394 7.592 7.592 0 0 1 2.749-2.656l-.002-.003Z" fill="#272727"/><path d="M675.145 546.3c-6.441-49.736-56.614-91.334-117.645-116.433a29.775 29.775 0 0 0-12.919-2.21 29.777 29.777 0 0 0-22.481 12.182 29.76 29.76 0 0 0-5.204 12.029c-7.958 41.727-20.271 107.061-20.271 107.061h47.143l2.615-12.624 128.762-.005Z" fill="#007171"/><path d="m448.07 641.918-14.787 13.853a7.374 7.374 0 0 1-5.058 1.99 10.823 10.823 0 0 0-6.663 2.276l-9.287 7.241a25.65 25.65 0 0 1-6.201 3.568l-6.651 2.675a4.933 4.933 0 0 0-2.862 3.096 4.92 4.92 0 0 0 .586 4.175 4.104 4.104 0 0 0 4.532 1.697l10.445-2.926-17.45 23.18a4.446 4.446 0 0 0 .49 5.579 4.447 4.447 0 0 0 2.664 1.319 4.445 4.445 0 0 0 2.898-.657c-.111.205-1.419 1.725-1.932 2.871-.794 1.477-.026 3.897 1.588 5.057a4.438 4.438 0 0 0 5.508-.252c.179-.157 1.411-1.705 1.568-1.895a4.44 4.44 0 0 0 1.885 5.33 4.433 4.433 0 0 0 2.947.582 4.432 4.432 0 0 0 2.643-1.428l.896-1.335a4.433 4.433 0 0 0 2.604 4.538 4.438 4.438 0 0 0 5.116-1.096l3.647-4.335s15.277-13.679 26.172-24.965c3.864-3.852 3.452-6.692 5.533-9.104 8.598-8.449 18.104-20.232 23.296-24.685a1.582 1.582 0 0 0 .414-1.846 1.582 1.582 0 0 0-.396-.541l-24.465-21.703a1.58 1.58 0 0 0-2.18.076l-7.521 7.649.021.016Z" fill="#F2A068"/><path d="M102.709 72.878a11.948 11.948 0 0 0 0 22.584v7.245a35.064 35.064 0 0 0 13.874 27.972 9.17 9.17 0 0 1 3.689 7.271 9.017 9.017 0 0 1-9 9.013h-2.754l22.53 26.116a9.091 9.091 0 0 0 10.594 2.356 9.078 9.078 0 0 0 3.098-2.283l23.086-26.189h-3.391a9.008 9.008 0 0 1-9.011-9.013 9.167 9.167 0 0 1 3.69-7.271 35.059 35.059 0 0 0 13.881-27.972v-7.245a11.95 11.95 0 0 0 5.821-18.221 11.95 11.95 0 0 0-5.821-4.363v-5.31a35.148 35.148 0 0 0-22.229-32.683 35.151 35.151 0 0 0-13.681-2.454c-19.22.41-34.376 16.562-34.376 35.782v4.668-.003Z" fill="#842306"/><path d="M148.895 114.218a15.62 15.62 0 0 1-22.088 0" stroke="#272727" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/><path d="M106.803 69.13c0-7.809 2.588-14.349 10.202-14.349 8.345 0 10.515 12.005 20.846 12.005 10.33 0 12.505-12.005 20.848-12.005 7.612 0 10.202 6.54 10.202 14.35v18.736h4.094V54.33a17.952 17.952 0 0 0-10.72-16.395c-6.428-2.853-15.216-5.632-24.889-5.508-9.37.121-17.809 2.82-24.025 5.563a17.894 17.894 0 0 0-10.654 16.383v33.495h4.096V69.13Z" fill="#272727"/><path d="M115.015 208.175c-3.619-4.231-7.931-6.115-8.042-6.644-.324-1.385-.074-6.355.172-10.024a4.425 4.425 0 0 0-4.064-4.509v-.02a4.634 4.634 0 0 0-3.554 1.24 4.628 4.628 0 0 0-1.451 3.473l.23 10.511a15.64 15.64 0 0 1-7.248 13.544l-5.563 3.541 4.478 7.556s28.61-14.483 25.036-18.658l.006-.01Z" fill="#760D00"/><path d="M154.59 169.776a4.715 4.715 0 0 0-4.712-4.712h-40.583a4.715 4.715 0 0 0-4.712 4.712v74.206a4.714 4.714 0 0 0 4.712 4.711h40.583a4.71 4.71 0 0 0 4.712-4.711v-74.206Z" fill="#272727"/><path d="M145.321 178.339a3.174 3.174 0 1 0 0-6.348 3.174 3.174 0 0 0 0 6.348Z" fill="#fff"/><path d="m48.555 238.198-14.948-17.573s-14.2 22.489-27.79 44.003a25.188 25.188 0 0 0 8.488 35.138 25.186 25.186 0 0 0 12.81 3.501h.52a23.518 23.518 0 0 0 16.563-6.828l53.145-52.71-7.736-27.087-41.052 21.556Z" fill="#842306"/><path d="M406.295 772.409c-.357 0-.712-.044-1.057-.131a2.39 2.39 0 0 1-2.17-.858c-2.023-2.476-2.127-7.101-.321-13.742 1.401-5.159 3.904-11.203 6.694-16.185 3.973-7.081 7.412-10.308 10.515-9.883 1.34.182 3.105 1.085 3.899 4.34.506 2.056.344 4.962-.465 8.631a65.814 65.814 0 0 1-3.323 10.381c-1.229 3.035-5.629 13.151-10.543 16.375a6.122 6.122 0 0 1-3.229 1.072Zm12.773-35.84c-.791.542-2.415 2.137-4.676 5.905a70.878 70.878 0 0 0-6.069 13.282c-2.223 6.593-2.299 10.268-1.897 11.861.321-.114 1.492-.693 3.495-3.515 5.417-7.63 10.462-22.27 9.306-27.009a5.355 5.355 0 0 0-.159-.524Z" fill="#12364C"/><path d="M403.937 772.807h-.146c-5.885-.357-11.201-12.807-12.754-17.574-1.848-5.679-1.805-9.071.139-10.677.734-.604 2.335-1.411 4.833-.027 3.563 1.972 6.864 8.38 8.118 11.046 3.854 8.186 3.584 12.268 3.409 13.325-.253 1.585-.989 2.488-1.725 3.004a2.379 2.379 0 0 1-.834.665 2.383 2.383 0 0 1-1.04.238Zm-9.427-23.491c.354 2.822 2.217 8.671 5.368 13.891 1.227 2.023 2.251 3.262 2.992 3.976-.106-1.561-.776-4.57-2.729-8.892-1.997-4.398-4.167-7.587-5.631-8.975Z" fill="#12364C"/><path d="M436.029 793.997c-.221 0-.44-.03-.652-.091-9.724-2.764-14.638-7.552-16.299-9.484-1.571-1.82-2.41-4.046-3.224-6.175-1.298-3.412-2.218-5.536-4.74-6.181-1.082-.278-2.25-.114-3.601.073-.995.16-2.001.25-3.009.268a2.372 2.372 0 0 1-1.736-.67 2.377 2.377 0 0 1-.727-1.713c0-.32.065-.636.189-.931a2.397 2.397 0 0 1 1.338-1.294c.298-.115.616-.169.936-.159a17.177 17.177 0 0 0 2.352-.225c1.616-.225 3.449-.478 5.442.031 5.058 1.292 6.691 5.624 8.014 9.104.698 1.838 1.355 3.571 2.38 4.759 2.918 3.392 8.016 6.31 13.987 8.009a2.385 2.385 0 0 1 1.716 2.622 2.38 2.38 0 0 1-2.366 2.054v.003Z" fill="#12364C"/><path d="M143.286 207.087a5.721 5.721 0 0 1-.655 9.577s-19.433 13.624-27.664 19.137a27.37 27.37 0 0 1-7.779 3.598l-.792.228a29.364 29.364 0 0 0-10.467 5.404l-7.69 6.198-23.623-21.536c15.068-5.892 31.359-12.743 38.71-27.299l21.213-25.97a4.57 4.57 0 0 1 3.122-1.589 4.579 4.579 0 0 1 3.332 1.084 4.578 4.578 0 0 1 .493 6.453l-12.501 14.572 2.868-1.103c4.001-1.697 5.617-2.316 10.308-3.952l9.585-4.168a4.577 4.577 0 0 1 4.599 7.714 4.57 4.57 0 0 1-1.534.915l-2.398 1.391a4.573 4.573 0 0 1 2.408 8.798l-1.548.551.013-.003Z" fill="#842306"/></svg>';
+defineCustomElement('sinch-illustration-football', createIllustrationClass(templateHTML));

package/illustrations/geometric-shapes-passing/index.d.ts

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

package/illustrations/geometric-shapes-passing/index.js

@@ -0,0 +1,4 @@
+import { defineCustomElement } from '../../utils';
+import { createIllustrationClass } from '../create-illustration-class';
+const templateHTML = '<svg viewBox="0 0 363 400" fill="none" aria-hidden="true" focusable="false"><path d="M123.38 312.535c3.428-2.347 8.075-1.455 10.517 1.972 2.441 3.427 1.784 8.216-1.456 10.892l-26.479 25.258-37.23.282 54.648-38.404Z" fill="#6D3A10"/><path d="M96.995 327.887c40.751 0 73.756-33.943 73.756-75.821s-33.051-75.822-73.756-75.822c-40.75 0-73.756 33.944-73.756 75.822s33.005 75.821 73.756 75.821Z" fill="#FFBE3C"/><path d="m.798 374.836 15.211-32.77 1.878-3.991c3.521-7.559 9.578-13.521 17.043-16.901l1.408-.611L82.3 300c4.273-1.925 9.296-.235 11.644 3.944 2.347 4.178 1.267 9.483-2.442 12.347L71.08 331.925c-1.737 1.314-.798 4.178 1.361 4.178h78.122c4.038 0 7.371 3.193 7.653 7.324.282 4.132-2.582 7.841-6.573 8.404l-59.765 8.451a68.266 68.266 0 0 0-17.934 5.164l-13.334 5.962a18.766 18.766 0 0 0-9.39 9.249l-7.088 14.883c-1.315 2.817-4.038 4.46-6.902 4.46a7.649 7.649 0 0 1-3.145-.704L4.553 385.587C1.831 384.319 0 381.502 0 378.263c0-1.221.329-2.347.798-3.427Z" fill="#894915"/><path d="m227.324 172.535.845-1.878c-3.145 1.456-6.854.845-9.39-1.502-2.582-2.394-3.521-6.056-2.441-9.437 3.24-10.187 7.183-22.535 10.188-31.972 2.817-8.873 10.798-14.976 19.859-15.211 11.925-.328 28.31-.798 39.061-1.08 7.371-.187 14.554-2.394 20.845-6.338 7.23-4.507 16.949-10.61 23.615-14.835 4.226-2.63 9.718-1.315 12.348 3.051 5.164 8.592 13.474 22.348 18.685 31.033 1.268 2.113 1.643 4.648 1.08 7.089a9.206 9.206 0 0 1-4.132 5.728 28575.184 28575.184 0 0 0-29.53 17.981c-1.268.752-2.16 1.972-2.535 3.428-4.179 15.539-17.935 26.338-33.615 26.431-3.662 0-14.273-27.558-14.273-28.215.094-3.569-1.502-6.996-4.037-9.437-2.535-2.441-5.963-3.662-9.39-3.38-4.507.375-8.404 3.427-9.953 7.793-1.408 3.944-3.239 8.967-4.836 13.474-2.77 7.794-6.338 15.258-10.563 22.301-.939 1.596-1.925 3.192-2.77 4.648-2.253 3.709-6.667 5.399-10.704 4.037-2.77-.939-4.93-3.145-5.822-6.009-.939-2.817-.469-5.963 1.221-8.404l6.244-9.296Z" fill="#842306"/><path d="M288.357 161.08c0-1.784-1.409-3.24-3.146-3.24h-79.906c-1.737 0-3.145 1.456-3.145 3.24v82.159c0 1.785 1.408 3.24 3.145 3.24h79.906c1.737 0 3.146-1.455 3.146-3.24V161.08Z" fill="#007071"/><path d="M64.977 105.164a10.895 10.895 0 0 1 4.084 6.151c.563 2.3 1.22 4.788 1.22 4.788l47.466-22.817-73.615-47.37-34.32 18.356s43.052 31.925 55.165 40.892Z" fill="#EB5C2A"/><path d="M158.685 157.183a1.924 1.924 0 0 1-.845 1.737c-.563.376-1.267.47-1.878.188-14.929-7.042-82.394-38.967-97.605-46.15-.61-.282-1.033-.892-1.127-1.596-.047-.705.235-1.409.798-1.785 13.99-9.906 76.385-54.178 90.282-64.037a1.79 1.79 0 0 1 1.925-.14c.61.328 1.033.938 1.08 1.642 1.173 17.136 6.244 93.287 7.37 110.141Z" fill="#E03E52"/><path d="M39.061 85.54c52.582 28.779 71.221-14.695 74.319-14.789 6.62-.282 18.216.047 18.216.047 8.733 2.348 18.169-2.112 19.766-9.437 1.314-6.056-4.226-11.08-12.958-13.427l-18.357-4.882a38.077 38.077 0 0 0-20.892.375c-11.596 3.521-21.737-.14-34.883-10.798L37.465 3.991c-7.324-5.4-15.212-5.775-20.47 1.737L2.065 42.91C-1.83 49.155-.046 57.465 6.01 61.455" fill="#F2A068"/><path d="M226.667 127.84c2.817-8.873 10.798-14.976 19.859-15.211 11.925-.329 28.31-.798 39.061-1.08 7.371-.188 14.554-2.394 20.845-6.338 7.23-4.507 16.948-10.657 23.615-14.835 4.225-2.63 9.718-1.315 12.347 3.051 5.165 8.592 13.474 22.348 18.686 31.033 1.267 2.113 1.643 4.648 1.08 7.089-.564 2.395-2.066 4.507-4.132 5.728-9.343 5.681-32.113 21.408-32.113 21.408s-.187.47-.469 1.315c-5.587 14.93-19.39 24.836-34.93 25.023-.657 0-1.314 0-1.924.047-3.662.047-7.184 1.503-9.86 4.038-3.38 3.192-7.981 7.512-10.704 10.047a7.049 7.049 0 0 1-5.352 1.878 9.954 9.954 0 0 1-7.7-4.836c-1.69-2.77-1.971-6.197-.845-9.249.329-.892.564-1.455.564-1.455s6.197-13.662 16.948-16.855c3.662-1.784 6.056-5.586 6.197-9.765 0-.61.47-7.277-3.756-11.408-2.535-2.442-5.962-3.662-9.389-3.381" fill="#842306"/></svg>';
+defineCustomElement('sinch-illustration-geometric-shapes-passing', createIllustrationClass(templateHTML));

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

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

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

@@ -0,0 +1,4 @@
+import { defineCustomElement } from '../../utils';
+import { createIllustrationClass } from '../create-illustration-class';
+const templateHTML = '<svg viewBox="0 0 484 800" fill="none" aria-hidden="true" focusable="false"><path d="M178.004 78.73v102.229l138.383 25.498-75.495-140.143-62.888 12.416Zm-24.832 663.471 11.512-2.378c7.802-1.475 15.032-5.043 20.931-10.418 8.896-8.087 13.938-19.647 13.891-31.635l-.048-3.663c0-1.142.524-2.236 1.38-2.997.856-.713 1.998-1.046 3.044-.856l43.195-.333a3.39 3.39 0 0 1 3.377 3.377v70.929a2.811 2.811 0 0 1-2.806 2.806h-27.211a2.812 2.812 0 0 1-2.807-2.806v-5.994a1.37 1.37 0 0 0-.761-1.237 1.304 1.304 0 0 0-1.427.143c-8.61 6.374-19.028 9.894-29.446 9.894h-30.208c-6.898 0-12.511-5.613-12.511-12.511a12.368 12.368 0 0 1 9.895-12.321Zm196.468-51.376c.475-.619 1.189-.904 2.045-.904l41.72.333c2.045-.333 4.471 1.284 5.137 3.473l.952 3.377c3.377 11.465 11.655 22.644 22.691 30.683 7.183 5.233 13.177 8.611 22.549 10.371 1.665.333 3.092.571 4.329.808 5.518.999 7.183 1.332 10.703 2.95 6.565 3.092 8.706 5.328 10.942 11.512 1.379 3.853 1.141 7.516-.666 10.133-1.57 2.188-4.139 3.425-7.231 3.425h-30.446c-10.465 0-22.073-3.758-32.633-10.656-.571-.381-1.142-.428-1.57-.143-.333.238-.428.714-.286 1.237l1.808 6.422c.238.856.143 1.713-.333 2.283-.38.524-.999.809-1.76.809h-27.448c-1.523 0-3.045-1.284-3.473-2.902l-17.459-70.928c-.19-.856-.047-1.665.429-2.283Z" fill="#FA0"/><path d="M340.554 405.256H177.861c.999-25.212 5.851-50.14 14.842-73.735 3.568-9.371 5.804-18.314 3.901-25.355h105.845l14.224 27.401a300.306 300.306 0 0 1 23.881 71.689Z" fill="#0A273D"/><path d="M303.115 307.403H196.937c-8.23-30.445-28.685-106.464-36.582-136.243 7.564-6.137 16.84-10.133 26.497-11.512 2.949-.999 56.895-.381 61.509-.523 14.034-.571 40.626-2.189 49.046 11.75 18.172 30.159 1.141 102.61 5.708 136.528Z" fill="#007171"/><path d="m241.225 199.607-.761 14.367-2.473 46.144-.429 7.754h-28.827l-.381-7.754-2.474-46.144-.761-14.367h36.106Z" fill="#F2F2F2"/><path d="M242.129 209.55h-37.961c-.619 0-1.094-.571-.952-1.142l1.903-9.752c.143-.666.714-1.189 1.427-1.189h33.252c.714 0 1.285.476 1.428 1.189l1.902 9.752c.096.571-.38 1.142-.999 1.142Z" fill="#F2F2F2"/><path d="m240.464 213.974-2.473 46.143h-29.637l-2.474-46.143h34.584Z" fill="#FA0"/><path d="M194.891 140.049c-10.227-3.52-17.125-11.132-17.125-30.636V82.298c0-9.229 3.758-17.601 9.799-23.69 6.09-6.09 14.51-9.847 23.786-9.8 18.505.095 25.213 15.46 25.213 33.966v64.411l-34.87 1.665-.428-1.665c-.666-3.235-3.092-5.994-6.375-7.136Z" fill="#842306"/><path d="M219.01 182.054c-9.61 0-17.411-7.802-17.411-17.411v-22.739c0-9.609 7.801-17.411 17.411-17.411 9.609 0 17.411 7.802 17.411 17.411v22.739c0 9.609-7.802 17.411-17.411 17.411Z" fill="#842306"/><path d="M248.361 159.124c-2.854 13.891-15.127 24.309-29.874 24.309-14.605 0-26.83-10.275-29.78-23.976a55.777 55.777 0 0 1 5.661-.285 7.08 7.08 0 0 0 5.043-2.093 7.164 7.164 0 0 0 2.093-5.043v-2.711c0-.476-.143-1.57-.238-2.046l35.202.571c0 6.232 5.043 11.322 11.322 11.322h.571v-.048Z" fill="#842306"/><path d="M256.543 158.744c-14.604.761-26.354 2.712-26.354-11.845V94.38c0-4.756-3.853-8.657-8.658-8.657h-36.106c-3.33 0-6.28 2.236-7.183 5.423l-.476 1.712v-10.56c0-9.23 3.758-17.602 9.799-23.69a33.396 33.396 0 0 1 23.691-9.8c18.41 0 33.347 14.842 33.49 33.252h.761l11.036 76.684Z" fill="#FA0"/><path d="M197.698 123.256c-2.902 0-5.613-1.284-7.421-3.52-.285-.333-.238-.809.095-1.047.333-.285.809-.237 1.047.096a8.083 8.083 0 0 0 6.279 2.949c2.426 0 4.71-1.094 6.28-2.949.285-.333.761-.381 1.046-.096.333.286.381.762.095 1.047-1.855 2.236-4.566 3.52-7.421 3.52Z" fill="#E83452"/><path d="M119.206 323.434c-11.512-4.804-16.983-18.029-12.178-29.541l48.332-119.308c4.709-11.655 18.029-17.173 29.589-12.368 11.465 4.757 16.935 17.839 12.273 29.351L148.7 311.256c-4.757 11.512-17.982 16.983-29.494 12.178Zm225.296-13.176c-11.132 5.661-24.451 1.712-29.779-8.753l-56.134-107.748c-5.471-10.514-.809-23.691 10.37-29.399 11.037-5.614 24.309-1.808 29.685 8.562l56.276 108.082c5.376 10.513.666 23.595-10.418 29.256Z" fill="#007171"/><path d="m304.4 256.931-11.846 37.866-43.908-22.691c-8.087-4.186-11.179-14.176-6.897-22.216 2.902-5.47 8.515-8.658 14.414-8.658 1.76 0 3.568.286 5.328.904l42.909 14.795Z" fill="#842306"/><path d="M354.92 300.506c-5.233 11.321-18.648 16.269-29.97 11.036l-32.396-16.745 11.846-37.866 39.483 13.605c11.322 5.233 16.27 18.648 11.037 29.97Zm-218.113 22.215c-11.369 5.09-24.737 0-29.874-11.369l-17.364-43.385 34.109-20.646s-3.188-5.946-7.897-14.889l32.396 60.462c5.09 11.37 0 24.737-11.37 29.827Z" fill="#007171"/><path d="m123.678 247.274-34.156 20.693-26.07-64.601c-.142-.286-.237-.619-.332-.904-6.993-19.171 20.74-31.111 30.112-12.987 13.843 26.687 30.446 57.799 30.446 57.799Z" fill="#842306"/><path d="M136.332 211.643a5.353 5.353 0 0 1-3.854 1.76l-19.694.38-9.181.191-9.372.19c-1.57.048-3.092-.618-4.09-1.808-.334-.38-.62-.761-.81-1.237l-1.046-2.235-.904-1.903-.238-.524-3.758-7.944-.238-.428-3.805-8.039-.19-.381-.81-1.713-1.57-3.33-.094-.19-.238-.476-.048-.095-1.046-2.188-2.236-4.709-2.617-5.519-9.514-20.17c-1.665-3.472.857-7.516 4.662-7.564l4.044-.095 34.156-.713c2.093-.048 3.996 1.141 4.899 3.044l28.4 59.844c1.047 2.094.571 4.377-.808 5.852Z" fill="#0A273D"/><path d="M70.493 210.739c-2.188 0-4.233-1.284-5.185-3.377-3.9-9.086-5.708-16.364-2.521-24.594 1.712-4.472 1.237-10.466-1.332-15.651a5.643 5.643 0 0 1 2.616-7.516 5.643 5.643 0 0 1 7.517 2.616c3.9 8.04 4.519 17.221 1.665 24.594-1.618 4.234-1.047 8.135 2.378 16.079 1.237 2.855-.095 6.137-2.95 7.374a5.194 5.194 0 0 1-2.188.475Z" fill="#842306"/><path d="m82.1 215.877-7.135 2.617a4.981 4.981 0 0 1-6.374-2.855l-6.042-15.318c-1.95-5.09.618-10.798 5.708-12.701l16.032-5.804 6.136 15.651c2.855 7.374-.903 15.699-8.324 18.41Z" fill="#842306"/><path d="M68.4 198.846a4.622 4.622 0 0 1-3.187-1.284c-1.855-1.76-1.95-4.71-.19-6.612l27.734-29.494c1.76-1.903 4.71-1.951 6.612-.191 1.855 1.76 1.95 4.71.19 6.613l-27.734 29.494c-.904.999-2.14 1.474-3.425 1.474Z" fill="#842306"/><path d="M68.258 199.56c-1.856 0-3.568-1.094-4.33-2.901-.95-2.379.191-5.138 2.57-6.09l43.907-17.886c2.379-.952 5.138.19 6.09 2.569.951 2.378-.191 5.137-2.569 6.089l-43.908 17.886c-.571.191-1.19.333-1.76.333Z" fill="#842306"/><path d="M71.017 208.551a4.733 4.733 0 0 1-4.33-2.902c-.998-2.378.144-5.137 2.522-6.089l41.101-17.078c2.379-.999 5.138.143 6.089 2.521.999 2.379-.142 5.138-2.521 6.09L72.824 208.17c-.618.238-1.189.381-1.807.381Z" fill="#842306"/><path d="M74.252 217.305a4.765 4.765 0 0 1-4.33-2.855c-.998-2.378.096-5.137 2.474-6.136l36.582-15.413c2.379-.999 5.138.095 6.137 2.473.999 2.379-.095 5.138-2.474 6.137l-36.582 15.413a4.728 4.728 0 0 1-1.807.381Zm202.557 40.91-3.711 12.416c-1.903 6.279-8.943 9.324-14.794 6.374l-4.377-2.188v.048l-1.855-.904c-.381-.19-.761-.381-1.142-.619l-1.617-.808c-.048-.095-.048-.143-.048-.19-4.186-2.712-7.706-6.375-10.18-10.704l-18.6-.285c-2.807-.048-5.043-2.331-4.995-5.138a5.07 5.07 0 0 1 3.52-4.757l-4.281-.048c-2.807-.047-5.043-2.331-4.995-5.137.047-1.808.999-3.378 2.426-4.234-2.664-.143-4.805-2.426-4.757-5.138.047-2.807 2.331-5.042 5.137-4.995l18.648.286-11.322-2.997a5.058 5.058 0 0 1-3.615-6.185 5.058 5.058 0 0 1 6.184-3.615l23.5 6.232 4.139 1.046.999.286c.475.143.904.333 1.284.571a10.23 10.23 0 0 1 3.616 3.235l5.898 8.61c1.856 2.759 4.615 4.709 7.802 5.613 5.566 1.665 8.801 7.564 7.136 13.225Z" fill="#842306"/><path d="M180.953 159.315c-11.988-.095-22.834 7.231-27.163 18.41l-6.755 17.269 17.839-7.279 16.079-28.4Z" fill="#007171"/><path d="M249.408 702.575h-61.7c-5.613 0-10.18-4.567-10.18-10.18v-281.62c0-22.644 18.362-41.006 41.006-41.006 22.644 0 41.006 18.362 41.006 41.006v281.62c.048 5.613-4.519 10.18-10.132 10.18Z" fill="#0A273D"/><path d="M407.153 702.575h-64.125c-4.329 0-8.183-2.902-9.277-7.135l-75.257-281.811c-4.567-22.168 9.657-43.86 31.873-48.474 22.168-4.567 43.86 9.657 48.474 31.872l77.636 293.465c1.57 6.089-2.997 12.083-9.324 12.083Z" fill="#0A273D"/><path d="M189.801 200.892c-6.517 0-11.75-5.28-11.75-11.75v-37.486h23.453l.047 37.486c0 6.47-5.28 11.75-11.75 11.75Z" fill="#FA0"/></svg>';
+defineCustomElement('sinch-illustration-girl-on-phone', createIllustrationClass(templateHTML));

package/illustrations/global-reach/index.d.ts

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

package/illustrations/global-reach/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="M564.711 673.681c45.826 0 82.975-37.149 82.975-82.974 0-45.826-37.149-82.975-82.975-82.975-45.825 0-82.974 37.149-82.974 82.975 0 45.825 37.149 82.974 82.974 82.974Z" fill="#FFBE3C"/><path d="m607.09 608.535-8.639-8.592a13.01 13.01 0 0 0-14.187-2.825 13.01 13.01 0 0 0-4.222 2.825 6.401 6.401 0 0 1-8.286.699 77.958 77.958 0 0 1-9.503-8.262 78.77 78.77 0 0 1-8.238-9.424 6.432 6.432 0 0 1 .722-8.302 13.037 13.037 0 0 0 0-18.401l-8.639-8.639a13.347 13.347 0 0 0-9.448-3.918 13.347 13.347 0 0 0-9.448 3.918l-2.356 2.356a21.702 21.702 0 0 0-2.23 28.179 239.168 239.168 0 0 0 53.845 53.908 21.697 21.697 0 0 0 28.202-2.191l2.395-2.356a13.378 13.378 0 0 0 3.957-9.481 13.379 13.379 0 0 0-3.925-9.494Z" fill="#fff"/><path d="M617.331 215.772c59.584 0 107.886-48.302 107.886-107.886C725.217 48.302 676.915 0 617.331 0c-59.584 0-107.886 48.302-107.886 107.886 0 59.584 48.302 107.886 107.886 107.886Z" fill="#FFBE3C"/><path d="M612.124 36.308a96.947 96.947 0 0 1-43.423 22.516 8.165 8.165 0 0 0-6.377 7.933v41.97c0 42.237 38.829 67.062 51.465 74.021a8.146 8.146 0 0 0 7.854 0c12.629-6.974 51.465-31.847 51.465-74.021v-41.9a8.176 8.176 0 0 0-6.464-7.924A96.86 96.86 0 0 1 622.97 36.33a8.112 8.112 0 0 0-10.846-.023Zm21.841 115.575a105.893 105.893 0 0 1-13.351 10.586 5.22 5.22 0 0 1-5.812 0 106.772 106.772 0 0 1-12.715-9.95c-14.537-13.352-21.912-28.077-21.912-43.792V78.066a5.217 5.217 0 0 1 3.582-4.932 114.387 114.387 0 0 0 17.278-7.414 116.036 116.036 0 0 0 13.43-8.388 5.251 5.251 0 0 1 6.173 0 115.328 115.328 0 0 0 13.61 8.45 108.997 108.997 0 0 0 8.317 3.975 4.108 4.108 0 0 1 1.272 6.675l-31.414 31.415-10.917-10.917a5.448 5.448 0 0 0-3.852-1.598 5.441 5.441 0 0 0-3.852 1.598l-4.917 4.917a5.44 5.44 0 0 0 0 7.704l18.676 18.684a6.874 6.874 0 0 0 9.723 0l32.098-32.098a3.435 3.435 0 0 1 3.74-.744 3.432 3.432 0 0 1 2.119 3.17v10.148c-.024 15.464-7.171 29.977-21.276 43.172Z" fill="#fff"/><path d="M103.331 664.979c37.363 0 67.651-30.289 67.651-67.652s-30.288-67.651-67.651-67.651-67.652 30.288-67.652 67.651 30.289 67.652 67.652 67.652Z" fill="#FFBE3C"/><path d="M103.669 563.203a22.834 22.834 0 0 0-17.39 8.025 22.84 22.84 0 0 0-5.166 18.442c1.853 12.566 12.29 30.072 18.291 39.331a5.082 5.082 0 0 0 8.521 0c6.008-9.259 16.438-26.781 18.299-39.331a22.828 22.828 0 0 0-5.166-18.442 22.83 22.83 0 0 0-17.389-8.025Zm0 32.271a9.43 9.43 0 0 1-8.707-5.818 9.423 9.423 0 1 1 8.707 5.818Z" fill="#fff"/><path d="M82.974 182.92c45.826 0 82.974-37.149 82.974-82.974S128.8 16.972 82.974 16.972C37.15 16.972 0 54.12 0 99.946c0 45.825 37.149 82.974 82.974 82.974Z" fill="#FFBE3C"/><path d="M112.308 70.11H53.641a17.121 17.121 0 0 0-17.098 17.066v40.603a2.49 2.49 0 0 0 2.482 2.482h73.283a17.115 17.115 0 0 0 17.097-17.097V87.176a17.113 17.113 0 0 0-17.097-17.066Zm-50.264 35.915a6.083 6.083 0 0 1-5.97-7.263 6.079 6.079 0 1 1 5.97 7.263Zm20.97 0a6.081 6.081 0 0 1-5.962-7.268 6.079 6.079 0 1 1 5.922 7.268h.04Zm20.969 0a6.08 6.08 0 0 1-4.296-10.38 6.078 6.078 0 0 1 10.375 4.309 6.074 6.074 0 0 1-6.118 6.071h.039Z" fill="#fff"/><circle cx="332.068" cy="338" r="212" fill="#A8D7E2"/><mask id="b" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="115" y="120" width="430" height="430"><path d="M329.957 549.734c118.508 0 214.578-96.07 214.578-214.578 0-118.508-96.07-214.578-214.578-214.578-118.509 0-214.579 96.07-214.579 214.578 0 118.508 96.07 214.578 214.579 214.578Z" fill="#A8D7E2"/></mask><g mask="url(#b)"><path d="M544.818 491.499a61.354 61.354 0 0 1-29.381 8.42 14.341 14.341 0 0 1-11.474-5.255l-3.086-3.754a12.04 12.04 0 0 0-10.265-4.358 73.247 73.247 0 0 1-38.201-7.069 11.78 11.78 0 0 0-8.976-.652 36.207 36.207 0 0 1-22.046.385 6.414 6.414 0 0 0-6.416 1.618l-.212.204a4.89 4.89 0 0 1-5.584.974c-2.788-1.343-7.068-2.945-10.83-2.427-11.05 1.571-12.338 9.998-18.15 12.825a16.493 16.493 0 0 1-16.493-2.568c-9.66-7.547-4.1-18.943-12.919-26.765-4.367-3.88-9.699-4.013-13.988-3.142a4.376 4.376 0 0 1-4.111-1.394 4.365 4.365 0 0 1-.876-4.252l3.22-9.888a6.146 6.146 0 0 0-6.763-7.285 6.153 6.153 0 0 0-3.446 1.591 17.708 17.708 0 0 1-10.564 4.956 19.76 19.76 0 0 1-21.354-22.305 21.208 21.208 0 0 1 19.643-18.695 21.22 21.22 0 0 1 9.589 1.59 12.49 12.49 0 0 0 9.628 0 21.203 21.203 0 0 1 27.787 11.529 4.447 4.447 0 0 0 2.337 2.442 4.45 4.45 0 0 0 5.852-2.206 4.451 4.451 0 0 0 .143-3.377 25.478 25.478 0 0 1 15.087-32.004 9.266 9.266 0 0 0 5.945-9.652 24.349 24.349 0 0 1 3.22-14.969 29.244 29.244 0 0 1 5.294-6.228 15.042 15.042 0 0 0 4.312-6.888 45.53 45.53 0 0 1 4.374-9.527 4.851 4.851 0 0 1 3.211-2.3 4.855 4.855 0 0 1 3.857.847 5.443 5.443 0 0 0 6.283.118l12.064-8.215a3.598 3.598 0 0 0-2.718-6.534l-3.455.652a3.83 3.83 0 0 1-4.524-3.762 3.65 3.65 0 0 0-3.652-3.644 8.789 8.789 0 0 0-5.576 1.995l-5.883 4.845a2.446 2.446 0 0 1-3.283-.157 2.436 2.436 0 0 1-.164-3.275 33.487 33.487 0 0 1 10.728-8.733c7.39-3.542 16.846-2.804 19.359-8.27 2.513-5.466-1.775-12.723-8.576-18.919a131.428 131.428 0 0 0-13.273-10.344 5.552 5.552 0 0 0-4.484-.848 16.568 16.568 0 0 1-10.265-.722 13.086 13.086 0 0 1-7.281-7.249 5.763 5.763 0 0 0-2.866-2.993l-7.579-3.534a5.07 5.07 0 0 0-6.622 2.236 5.08 5.08 0 0 0-.58 2.476l-.282 39.685a2.786 2.786 0 0 1-1.792 2.488 2.782 2.782 0 0 1-2.991-.674 27.098 27.098 0 0 1-4.006-5.199c-3.063-5.317-1.61-9.346-6.448-13.351-4.837-4.006-12 .997-16.437-7.618-3.927-7.587 2.167-13.289 10.209-21.347 3.88-3.879 12.417-13.225 16.446-17.278 1.932-1.963 1.641-5.112-.919-6.11-3.141-1.233-6.715-2.654-8.207-3.385a12.294 12.294 0 0 1-7.359-10.995 3.197 3.197 0 0 0-6.283-.652l-1.987 7.917a3.016 3.016 0 0 1-5.945-.739v-9.306c0-3.927-3.495-7.218-6.283-9.228a15.656 15.656 0 0 1-5.301-6.77 6.286 6.286 0 0 0-8.406-3.735 6.304 6.304 0 0 0-2.102 1.464 6.289 6.289 0 0 0-1.021 7.187l.989 2.246a16.041 16.041 0 0 0 4.469 5.883l4.029 3.306a3.494 3.494 0 0 1 1.131 3.668 3.481 3.481 0 0 1-5.655 1.626l-29.428-26.137a7.674 7.674 0 0 1-2.167-8.113c1.468-4.555 1.57-10.815-4.587-14.844a13.114 13.114 0 0 0-13.194-.856 20.425 20.425 0 0 1-8.521 1.948h-.377a7.235 7.235 0 0 0-6.637 4.359l-.534 1.233a4.223 4.223 0 0 1-5.128 2.356c-3.267-.998-8.286-1.571-12.645 1.712a13.793 13.793 0 0 0-5.458 9.291 3.63 3.63 0 0 1-1.943 2.738 3.64 3.64 0 0 1-3.358-.021c-.354-.196-.691-.4-1.021-.612a2.97 2.97 0 0 0-3.864 4.421 13.21 13.21 0 0 0 2.552 2.356c8.553 6.032 22.517 3.189 28.973 19.368 5.497 13.704-6.888 25.548-8.765 40.839a63.872 63.872 0 0 0 .118 16.65 23.719 23.719 0 0 1-3.927 16.877 92.913 92.913 0 0 0-16.359 53.201c0 24.543 9.157 46.706 23.891 62.547a2.2 2.2 0 0 0 3.424-2.741 75.887 75.887 0 0 1-11.522-27.166 3.442 3.442 0 0 1 4.386-3.974 3.457 3.457 0 0 1 2.093 1.813c.204.431.317.899.331 1.376a62.394 62.394 0 0 0 5.246 22.139c5.411 12.268 10.21 20.027 4.853 26.436a5.053 5.053 0 0 0-.526 5.615 5.147 5.147 0 0 0 3.888 2.639c10.995 1.437 15.652 12.173 27.488 19.414 12.738 7.775 26.035 6.44 40.58 15.543 10.571 6.612 16.1 22.5 26.097 27.378 8.058 3.926 14.977 4.885 20.067 4.79h2.489a4.333 4.333 0 0 1 4.046 2.66 4.34 4.34 0 0 1 .337 1.668v7.068a8.722 8.722 0 0 1-8.71 8.71 7.18 7.18 0 0 0-6.197 3.55l-1.343 2.293a11.825 11.825 0 0 0-1.618 5.969v2.356a11.841 11.841 0 0 0 6.158 10.367 101.846 101.846 0 0 1 18.016 12.566c6.888 6.094 10.673 11.332 12.629 14.631a7.568 7.568 0 0 0 6.526 3.699 2.796 2.796 0 0 1 2.796 2.796v17.215h136.065l-.447-61.408c-.66-14.513 6.769-25.603 11.717-31.32a6.57 6.57 0 0 0 .058-8.497 6.569 6.569 0 0 0-8.375-1.438l-.039-.087Z" fill="#059688"/></g><path d="M355.772 209.254a5.891 5.891 0 0 0 .479 5.921c1.437 2.074 2.568 3.142 6.676 5.498 7.853 4.555 17.553 4.241 18.471 12.401a7.063 7.063 0 0 1-2.835 6.715 3.93 3.93 0 0 0-1.534 3.497 3.923 3.923 0 0 0 2.163 3.147l14.505 7.068a6.59 6.59 0 0 0 7.545-1.267 6.604 6.604 0 0 0 1.479-2.259l2.435-6.212a6.564 6.564 0 0 0-.786-6.283c-5.984-8.074-10.319-5.176-14.207-10.548-4.319-5.968-.078-9.275-9.825-13.83-5.922-2.772-11.937-4.422-16.807-6.621a5.88 5.88 0 0 0-7.759 2.773Zm81.325 90.372a4.904 4.904 0 0 0-.581 6.919l6.283 7.445a4.916 4.916 0 0 0 7.508-6.346l-6.283-7.437a4.915 4.915 0 0 0-6.927-.581Zm12.55-95.187a10.535 10.535 0 0 0 2.95-3.667 10.533 10.533 0 0 0 1.055-4.587c0-8.176-6.196-11.78-12.848-17.207-6.652-5.427-22.336-9.158-32.2-15.472-9.056-5.788-20.875-1.971-26.774 6.935a2.493 2.493 0 0 1-1.735 1.076l-.503.07a2.557 2.557 0 0 1-2.921-2.639 2.574 2.574 0 0 0-1.632-2.496 2.578 2.578 0 0 0-1.039-.174c-6.283.22-16.917 5.639-16.917 17.278 0 8.184 4.1 12.252 7.32 14.176a3.288 3.288 0 0 0 4.838-1.885l3.259-10.814a3.456 3.456 0 0 1 6.699.33 20.077 20.077 0 0 0 9.904 13.351c5.238 2.898 12.299 6.974 17.686 10.108a16.054 16.054 0 0 1 7.988 13.893v6.047a14.644 14.644 0 0 0 4.712 10.83c6.558 5.985 19.783 14.137 38.75 6.833a3.619 3.619 0 0 0 .947-6.189 3.62 3.62 0 0 0-2.337-.801c-4.194.079-11.828-1.021-11.828-10.013v-15.221a12.72 12.72 0 0 1 4.626-9.762Zm-61.542 235.807-32.702-6.825a3.38 3.38 0 0 0-4.034 2.267 3.377 3.377 0 0 0 2.015 4.165l30.763 12.959a6.601 6.601 0 0 0 5.303-.149 6.593 6.593 0 0 0 3.483-4.002 6.606 6.606 0 0 0-4.859-8.415h.031Zm15.574 3.589a5.634 5.634 0 0 0-4.526 1.244 5.629 5.629 0 0 0-2.011 4.242 5.644 5.644 0 0 0 1.903 4.292 5.64 5.64 0 0 0 4.493 1.359l16.697-2.239a3.139 3.139 0 0 0 3.185-3.098 3.144 3.144 0 0 0-3.099-3.185l-16.642-2.615Zm61.314-228.927a5.656 5.656 0 0 0 4.396.672 5.679 5.679 0 0 0 3.529-2.706l6.801-11.898a6.289 6.289 0 0 0-.776-7.473 6.283 6.283 0 0 0-7.384-1.386l-9.762 4.555a5.734 5.734 0 0 0-3.299 5.301c.157 7.194 3.401 10.972 6.495 12.935Z" fill="#059688"/><path d="M372.901 375.642a252.37 252.37 0 0 1-11.985-48.638 9.423 9.423 0 0 0 4.549-10.603 9.426 9.426 0 1 0-13.698 10.603 253.086 253.086 0 0 1-11.985 48.638c0 .102-.063.204-.087.314a3.224 3.224 0 0 0 2.22 3.799 3.223 3.223 0 0 0 3.938-1.961 10.99 10.99 0 0 1 10.484-7.296 10.991 10.991 0 0 1 10.493 7.343 3.229 3.229 0 0 0 1.664 1.819 3.225 3.225 0 0 0 4.282-1.555 3.21 3.21 0 0 0 .109-2.463h.016Zm-16.564-59.822a2.963 2.963 0 0 1 2.743 1.833 2.964 2.964 0 0 1-2.163 4.048 2.974 2.974 0 0 1-3.548-2.912 2.966 2.966 0 0 1 2.968-2.969ZM359 351.397h-5.317c1.107-4.641 1.979-12.055 2.654-15.644.676 3.581 1.555 11.003 2.663 15.644Zm-2.647 12.661a17.863 17.863 0 0 0-6.361 1.162c.785-2.529 1.445-5.003 2.081-7.39h8.568a294.512 294.512 0 0 0 2.081 7.39 17.815 17.815 0 0 0-6.369-1.162Zm-48.379 31.689a253.312 253.312 0 0 1-11.992-48.614 9.425 9.425 0 1 0-9.142 0 253.033 253.033 0 0 1-11.961 48.614c0 .102-.063.205-.086.307a3.219 3.219 0 0 0 6.157 1.83 10.99 10.99 0 0 1 10.484-7.289 11 11 0 0 1 10.493 7.343 3.219 3.219 0 0 0 5.202 1.277 3.207 3.207 0 0 0 1.043-2.233 3.208 3.208 0 0 0-.19-1.243l-.008.008Zm-16.563-59.821a2.969 2.969 0 1 1 0 5.938 2.969 2.969 0 0 1 0-5.938Zm2.662 35.553h-5.324c1.115-4.633 1.986-12.055 2.662-15.636.675 3.597 1.531 11.018 2.662 15.636Zm-2.646 12.668a17.666 17.666 0 0 0-6.362 1.163c.786-2.529 1.445-5.003 2.081-7.391h8.569a231.416 231.416 0 0 0 2.081 7.391 17.808 17.808 0 0 0-6.369-1.147v-.016Zm-12.794-71.665a253.046 253.046 0 0 1-11.985-48.598 9.424 9.424 0 1 0-9.149 0 252.223 252.223 0 0 1-11.985 48.638c-.039.099-.07.202-.094.306a3.219 3.219 0 0 0 4.985 3.38 3.232 3.232 0 0 0 1.18-1.542 10.996 10.996 0 0 1 10.492-7.296 10.99 10.99 0 0 1 10.501 7.343 3.22 3.22 0 0 0 6.047-2.199l.008-.032Zm-16.556-59.821a2.97 2.97 0 1 1-2.976 2.969 2.975 2.975 0 0 1 2.976-2.969Zm2.655 35.577h-5.317c1.107-4.634 1.979-12.055 2.662-15.645.676 3.59 1.548 11.011 2.655 15.637v.008Zm-2.639 12.66a17.881 17.881 0 0 0-6.369 1.163c.754-2.529 1.448-4.99 2.081-7.383h8.568a297.24 297.24 0 0 0 2.082 7.383 17.756 17.756 0 0 0-6.362-1.163Z" fill="#fff"/><path d="M375.155 317.179c8.733-2.482 2.199-14.686-4.712-8.812-3.621 3.605-.299 9.833 4.712 8.812Zm2.654-187.923c5.561 4.006 11.687-4.154 6.283-8.372-5.591-4.005-11.702 4.178-6.283 8.372Zm33.3 28.226c-5.969 3.44-.958 12.37 5.066 9.134 5.945-3.432.981-12.37-5.066-9.134Zm21.629 50.586c-.613-6.833-10.791-6.111-10.414.746.597 6.848 10.775 6.094 10.414-.746Zm-95.359-99.687c6.675 1.461 9.063-8.474 2.356-10.21-6.692-1.382-9.008 8.553-2.356 10.21Zm89.932 119.243c-6.801-.943-8.38 9.141-1.618 10.319 6.77.958 8.396-9.141 1.618-10.319Zm-30.7 65.146c-4.901-4.807-12.165 2.356-7.429 7.327 4.916 4.814 12.189-2.364 7.429-7.327Zm28.273-34.565c2.443-6.408-7.068-10.209-9.691-3.879-2.45 6.416 6.998 10.233 9.691 3.879Zm-62.688-150.743c-6.283-2.772-10.555 6.495-4.374 9.487 6.235 2.773 10.579-6.495 4.374-9.487Zm49.337 165.972c-5.741-3.77-11.482 4.673-5.874 8.639 5.678 3.754 11.45-4.673 5.874-8.639Zm-11.89-126.099c9.573-.926 4.406-14.749-3.44-9.141-3.652 2.968-1.163 9.322 3.44 9.141Zm18.464 38.656c2.112 6.558 11.867 3.573 10.005-3-2.081-6.542-11.867-3.613-10.005 3Zm-170.716 70.534c-3.636-7.429-14.011-.597-8.513 5.686 3.927 4.029 10.673-.518 8.513-5.686Zm-71.979 24.959c-5.168 4.539 1.437 12.307 6.746 7.971 5.168-4.523-1.437-12.314-6.746-7.971Zm-41.075 59.366c-2.356 6.424 7.171 10.116 9.755 3.723 2.348-6.464-7.21-10.108-9.755-3.723Zm61.22-73.244c-5.977 3.432-.982 12.37 5.042 9.142 5.953-3.44.989-12.354-5.042-9.142Zm-58.903 166.357c-1.421-6.722-11.45-4.712-10.21 2.011 1.414 6.73 11.404 4.72 10.21-2.011Zm-7.751-17.034c6.856-.479 6.282-10.689-.566-10.422-6.864.479-6.275 10.713.566 10.422Zm89.147-158.873c-6.542 2.144-3.472 11.906 3.071 9.974 6.526-2.112 3.494-11.882-3.071-9.974Zm-52.337 40.086c-5.396-4.249-11.851 3.66-6.613 8.089 5.38 4.257 11.859-3.652 6.613-8.089Zm-24.535 157.71c-2.356-6.44-12.008-3.079-9.856 3.447 2.403 6.425 12.016 3.048 9.856-3.447Zm-12.668-62.383c6.833.456 7.712-9.722.864-10.414-6.856-.416-7.689 9.763-.864 10.414Zm23.262-76.494c-6.023-3.299-11.073 5.576-5.167 9.071 5.992 3.306 11.089-5.56 5.167-9.071Zm-18.157 43.062c-6.731-1.383-8.953 8.568-2.286 10.209 6.692 1.375 8.977-8.576 2.286-10.209Zm173.598-4.155c6.722-1.571 4.759-11.388-2.042-10.21-6.731 1.524-4.768 11.364 2.042 10.21Zm54.371 80.917c4.421-5.246-3.275-11.961-7.854-6.864-4.437 5.246 3.252 11.961 7.854 6.864Zm20.427 13.775c3.448-5.937-5.309-11.215-8.945-5.387-3.44 5.921 5.285 11.215 8.945 5.387Zm-69.309-81.561c-6.283 2.898-2.049 12.244 4.226 9.55 6.228-2.874 2.104-12.228-4.226-9.55Zm24.433 42.685c-5.215 4.477 1.32 12.338 6.668 8.035 5.215-4.469-1.312-12.331-6.668-8.035Zm-6.495-18.77c-3.667-5.804-12.393-.495-8.929 5.435 3.722 5.803 12.401.479 8.929-5.435Zm190.059 45.135c-4.256-5.396-12.377.785-8.317 6.322 4.257 5.403 12.354-.801 8.317-6.322Zm-49.478 19.492c-6.652 1.822-4.068 11.71 2.576 10.124 6.582-1.815 4.06-11.694-2.576-10.124Zm22.069-8.112c-6.134 3.141-1.618 12.306 4.571 9.424 6.118-3.149 1.633-12.315-4.571-9.424Zm60.301-48.08a5.221 5.221 0 0 0-3.939-.692 5.22 5.22 0 0 0-3.271 2.302 5.253 5.253 0 0 0 4.398 8.026c5.081.118 7.218-6.958 2.812-9.636Zm-18.951 28.406c4.586.165 7.068-6.078 3.502-9.094-7.83-5.749-13.139 8.136-3.502 9.094Zm-130.018 30.598c2.277-6.479-7.304-10.013-9.794-3.62-2.269 6.456 7.281 10.045 9.794 3.62Zm24.079 5.271c.958-6.802-9.118-8.412-10.312-1.642-.974 6.77 9.095 8.411 10.312 1.642Zm19.65 5.795c6.849-.416 6.393-10.626-.463-10.429-6.864.416-6.393 10.634.463 10.429Zm117.625-90.231c-3.66-7.422-14.003-.589-8.514 5.686 3.896 4.021 10.736-.542 8.514-5.686Zm-18.527-132.57c8.294-.471 5.804-12.833-2.034-10.037-5.215 2.112-3.511 10.139 2.034 10.037ZM113.47 415.271c-2.497-6.401-12.071-2.851-9.794 3.629 2.529 6.424 12.064 2.843 9.794-3.629ZM509.1 186.753c9.534-.904 4.46-14.702-3.393-9.181-3.715 2.961-1.257 9.346 3.393 9.181ZM97.284 375.131c6.769-1.123 5.269-11.215-1.571-10.335-6.762 1.139-5.215 11.239 1.57 10.335Zm9.086 17.412c-1.806-6.621-11.694-4.092-10.115 2.591 1.845 6.645 11.71 4.061 10.115-2.591Zm459.574-62.609c-6.864.117-6.856 10.327 0 10.445 6.865-.118 6.865-10.328 0-10.445Zm-1.39-21.088c-6.832.73-5.913 10.901.919 10.406 6.825-.722 5.938-10.893-.919-10.406ZM142.851 191.229c5.403 4.226 11.819-3.73 6.55-8.136-5.412-4.21-11.828 3.738-6.55 8.136Zm413.638 99.703c1.445 6.738 11.45 4.712 10.257-1.987-1.422-6.723-11.443-4.775-10.257 1.987Zm-394.13-116.706c4.485.165 7.069-5.835 3.676-8.921a5.214 5.214 0 0 0-7.375 0c-3.314 3.141-.762 9.086 3.699 8.921Zm-45.08 58.4c6.134 3.024 10.822-6.063 4.712-9.298-6.133-3.016-10.775 6.078-4.712 9.298Zm375.037-63.512c4.524.165 7.068-5.953 3.589-9.009-7.799-5.968-13.328 7.964-3.589 9.009Zm-384.477 85.974c6.401 2.356 10.139-7.155 3.754-9.747-6.448-2.356-10.123 7.163-3.754 9.747Zm206.308-149.479c7.069-.142 6.747-10.744-.337-10.438-6.676.534-6.33 10.351.337 10.438Zm94.033 12.377c6.455 2.23 9.982-7.383 3.542-9.825-6.472-2.23-9.967 7.39-3.542 9.825ZM94.425 350.942c6.856-.416 6.401-10.618-.456-10.43-6.864.417-6.393 10.626.456 10.43Zm290.963-239.851c6.652 1.57 9.158-8.38 2.498-10.147-6.692-1.524-9.134 8.395-2.498 10.147Zm-284.61 167.314c6.613 1.689 9.354-8.16 2.718-10.076-6.644-1.689-9.315 8.168-2.718 10.076Zm-6.714 48.183a5.217 5.217 0 0 0 5.497-4.909c.283-6.864-9.911-7.445-10.422-.604a5.225 5.225 0 0 0 4.925 5.513Zm2.112-24.221c6.762.974 8.443-9.095 1.657-10.312-6.793-1.013-8.419 9.047-1.657 10.312Zm32.821-91.103c5.796 3.644 11.388-4.916 5.678-8.757-5.812-3.644-11.372 4.933-5.678 8.757Zm327.514-81.49c-5.906-3.51-11.27 5.184-5.497 8.883 5.882 3.495 11.285-5.144 5.497-8.883Zm-8.199 403.531c-5.843 3.644-.558 12.393 5.364 8.961 5.827-3.621.589-12.385-5.364-8.961Zm19.768-13.265c-5.427 4.225.714 12.37 6.283 8.364 5.403-4.209-.715-12.416-6.283-8.364Zm8.906-376.114c-5.498-4.099-11.734 3.99-6.37 8.27 5.49 4.092 11.75-3.989 6.37-8.27Zm-94.669 416.042c-6.691 1.688-4.311 11.631 2.356 10.21 6.66-1.705 4.359-11.648-2.356-10.21Zm104.077-55.156c-4.963 4.751 1.964 12.236 7.069 7.68 4.987-4.743-1.948-12.212-7.069-7.68Zm-51.716-387.007c-6.236-2.882-10.665 6.283-4.54 9.425 6.181 2.866 10.697-6.283 4.54-9.425Zm-7.398 426.668c-6.197 3.016-1.822 12.259 4.406 9.424 6.173-2.968 1.838-12.236-4.406-9.424Zm-22.077 8.905c-6.487 2.356-3.086 12.009 3.401 9.88 6.456-2.348 3.126-12-3.401-9.88Zm155.55-288.599c-2.113-6.534-11.883-3.55-9.99 3.047 2.136 6.558 11.859 3.527 9.99-3.047Zm-19.359-45.795c-3.409-5.961-12.346-1.029-9.15 5.034 3.44 5.977 12.362 1.013 9.15-5.034Zm23.851 135.303c-6.856-.596-7.853 9.574-1.068 10.383 6.786.597 7.901-9.574 1.068-10.383Zm-54.818 133.034c-5.223-4.453-11.985 3.196-6.919 7.853 5.222 4.438 11.984-3.227 6.919-7.853Zm14.733-19.406c-5.654-3.927-11.584 4.421-6.071 8.505 5.632 3.896 11.6-4.414 6.071-8.505Zm-384.273 8.592c-5.332 4.335.982 12.361 6.44 8.222 5.333-4.335-.966-12.361-6.44-8.222Zm380.126-279.992a5.224 5.224 0 0 0-1.311 7.264c4.029 5.577 12.385-.267 8.576-5.953a5.226 5.226 0 0 0-7.265-1.311Zm16.807 250.596c-6.023-3.299-11.073 5.576-5.16 9.078 6.001 3.252 11.09-5.568 5.16-9.078ZM197.128 133.803c-5.687 3.888 0 12.409 5.756 8.71 5.631-3.88-.008-12.401-5.756-8.71Zm23.443 404.607c-6.087-3.142-10.94 5.827-4.956 9.196 6.063 3.158 10.972-5.819 4.956-9.196Zm21.527 10.201c-6.393-2.497-10.281 6.935-3.982 9.66 6.353 2.521 10.304-6.943 3.982-9.66Zm-41.876-22.571c-5.733-3.762-11.49 4.665-5.883 8.639 5.718 3.762 11.506-4.673 5.883-8.639Zm18.307-404.873c-6.04 3.298-1.273 12.33 4.838 9.259 6.023-3.283 1.311-12.322-4.838-9.259Zm-37.274 390.462c-5.333-4.335-11.906 3.479-6.746 7.987 5.34 4.343 11.906-3.463 6.746-7.987Zm-4.194-363.053c-5.23 4.469 1.257 12.338 6.629 8.082 5.23-4.453-1.241-12.339-6.629-8.082Zm-20.592 346.653c-4.854 4.854 2.23 12.197 7.249 7.516 4.861-4.822-2.223-12.196-7.249-7.516ZM289.055 97.386c-6.778 1.288-4.987 11.356 1.759 10.288 6.739-1.241 5.019-11.325-1.759-10.288Zm46.07 468.488c-6.857.267-6.621 10.469.227 10.438 6.864-.267 6.637-10.477-.227-10.438Zm-23.805-.684c-6.856-.432-7.673 9.754-.832 10.414 6.801.432 7.673-9.754.832-10.414Zm47.593-1.06c-6.809.982-5.497 11.113 1.296 10.367 6.762-.974 5.49-11.097-1.296-10.367ZM241.179 110.808c-6.37 2.646-2.537 12.141 3.84 9.707 6.338-2.623 2.576-12.134-3.84-9.707Zm23.38 445.72c-6.628-1.83-9.503 7.972-2.961 10.022 6.574 1.845 9.535-7.956 2.961-10.022Zm23.153 5.545c-6.77-1.131-8.639 8.906-1.901 10.273 6.739 1.131 8.647-8.899 1.901-10.273Zm-22.948-459.19c-6.605 1.979-3.778 11.781 2.819 10.053 6.574-1.979 3.825-11.82-2.819-10.053Z" fill="#FFBE3C"/><path d="M335.352 426.636a32.795 32.795 0 0 1 23.212 9.598 32.8 32.8 0 0 1 9.609 23.207v16.492h-65.578v-16.492a32.79 32.79 0 0 1 32.757-32.805Zm83.249 116.195a59.058 59.058 0 0 0-48.237-31.359c-9.636-.637-21.283-1.1-34.87-1.1-13.587 0-25.03.463-34.556 1.1a59.038 59.038 0 0 0-48.175 31.352l-41.004 77.547 57.355 14.993v48.92h133.199v-47.907l56.971-16.611-40.683-76.935Z" fill="#0A273D"/><path d="M361.521 538.33h-51.882a2.204 2.204 0 0 1-2.206-2.269l1.036-36.913h54.191l1.036 36.913a2.206 2.206 0 0 1-2.175 2.269Z" fill="#fff"/><path d="M334.363 537.687c-11.993-10.995-31.376-25.187-31.415-41.923a29.96 29.96 0 0 0-2.395-11.977l-3.684-8.332a5.654 5.654 0 0 1 .442-5.357 5.646 5.646 0 0 1 4.726-2.56h15.652a26.033 26.033 0 0 0 26.02-25.132 26.078 26.078 0 0 0 26.042 25.132 5.643 5.643 0 0 1 4.734 2.575 5.648 5.648 0 0 1 .418 5.373c-2.505 5.859-6.754 14.05-6.754 20.608 0 15.974-19.265 30.724-31.328 41.625a1.852 1.852 0 0 1-2.458-.032Z" fill="#894915"/><path d="M319.896 492.143a12.364 12.364 0 0 1-11.434-7.632 12.37 12.37 0 1 1 23.796-4.729 12.385 12.385 0 0 1-12.362 12.361Zm0-21.283a8.916 8.916 0 0 0-8.242 5.508 8.916 8.916 0 0 0 1.934 9.722 8.914 8.914 0 0 0 9.723 1.934 8.92 8.92 0 0 0 2.894-14.551 8.921 8.921 0 0 0-6.309-2.613Zm30.873 21.283a12.361 12.361 0 0 1-11.434-7.632 12.37 12.37 0 1 1 23.796-4.729 12.377 12.377 0 0 1-12.362 12.361Zm0-21.283a8.918 8.918 0 0 0-8.237 5.513 8.92 8.92 0 1 0 8.237-5.513Zm-14.702 40.046a16.588 16.588 0 0 1-11.78-4.869 1.807 1.807 0 0 1 2.552-2.553 13.027 13.027 0 0 0 18.417 0 1.806 1.806 0 0 1 2.552 2.553 16.594 16.594 0 0 1-11.741 4.869Z" fill="#0A273D"/><path d="M451.461 659.497c-68.9 20.561-162.445 20.545-231.314-.039a31.928 31.928 0 0 0-37.36 15.707l-.15.283a31.995 31.995 0 0 0-1.497 26.656 31.998 31.998 0 0 0 7.6 11.356 31.996 31.996 0 0 0 11.647 7.147l79.691 27.731v38.734l55.431-19.445 54.442 18.943v-38.208l81.05-27.991a31.96 31.96 0 0 0 19.276-18.412 31.971 31.971 0 0 0-1.377-26.621 31.956 31.956 0 0 0-37.439-15.841Z" fill="#007171"/><path d="m422.018 793.222 32.71-41.852c8.027-10.273-2.238-24.684-14.568-20.459l-76.181 26.106s-5.019 18.668 14.089 25.406c6.77 2.356 12.346 6.88 16.713 11.694a17.793 17.793 0 0 0 13.827 5.902 17.784 17.784 0 0 0 13.41-6.797Zm-172.687 0-32.687-41.813c-8.034-10.273 2.23-24.684 14.561-20.459l76.18 26.106s5.019 18.668-14.089 25.406c-6.77 2.356-12.338 6.88-16.713 11.694a17.787 17.787 0 0 1-27.252-.934Z" fill="#0A273D"/><path d="M238.948 663.621c16.661 0 30.167-13.506 30.167-30.166s-13.506-30.166-30.167-30.166c-16.66 0-30.166 13.506-30.166 30.166s13.506 30.166 30.166 30.166Zm193.437 0c16.66 0 30.166-13.506 30.166-30.166s-13.506-30.166-30.166-30.166c-16.661 0-30.166 13.506-30.166 30.166s13.505 30.166 30.166 30.166Z" fill="#fff"/><path d="m341.266 552.9 26.546-8.443a15.2 15.2 0 0 1 18.167 7.631 15.197 15.197 0 0 1 1.632 6.89 25.172 25.172 0 0 0 9.636 19.878l48.057 37.658a21.205 21.205 0 0 1 4.076 29.193 21.216 21.216 0 0 1-16.69 8.774 21.203 21.203 0 0 1-17.081-7.989l-45.347-56.594a15.422 15.422 0 0 1-15.15-19.359l3.393-12.802-15.377 3.315-1.862-8.152Z" fill="#894915"/><path d="M348.397 538.3h-25.296a5.662 5.662 0 0 0-5.663 5.662v51.803a5.662 5.662 0 0 0 5.663 5.663h25.296a5.662 5.662 0 0 0 5.663-5.663v-51.803a5.662 5.662 0 0 0-5.663-5.662Z" fill="#4A5961"/><path d="M309.891 481.667h-5.553a1.572 1.572 0 0 1-1.571-1.571v-15.158h3.142v13.587h3.982v3.142Zm56.57 0h-5.639v-3.142h4.068v-13.587h3.141v15.158a1.57 1.57 0 0 1-1.57 1.571Z" fill="#0A273D"/><path d="M352.026 582.005a3.927 3.927 0 0 0-3.927-3.927h-18.315l17.938-9.314a3.919 3.919 0 0 0 1.688-5.341 3.924 3.924 0 0 0-5.159-1.782l-26.813 12.212v-4.186h-1.366a13.306 13.306 0 0 0-11.318 6.283l-2.968 4.799a10.493 10.493 0 0 1-4.799 4.123l-67.008 28.501a21.822 21.822 0 0 0-11.994 12.67 21.815 21.815 0 0 0 1.133 17.41 21.822 21.822 0 0 0 14.311 11.187 21.822 21.822 0 0 0 17.818-3.53l57.709-41.625c14.922 1.171 18.26-8.073 18.26-8.073h15.542a3.764 3.764 0 0 0 2.549-6.357 3.762 3.762 0 0 0-2.549-1.159h2.357a3.98 3.98 0 0 0 3.981-3.982 3.982 3.982 0 0 0-3.981-3.982h3.007a3.928 3.928 0 0 0 3.904-3.927Z" fill="#894915"/></svg>';
+defineCustomElement('sinch-illustration-global-reach', createIllustrationClass(templateHTML));

package/illustrations/hand-ok/index.d.ts

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

package/illustrations/hand-ok/index.js

@@ -0,0 +1,4 @@
+import { defineCustomElement } from '../../utils';
+import { createIllustrationClass } from '../create-illustration-class';
+const templateHTML = '<svg viewBox="0 0 69 100" fill="none" aria-hidden="true" focusable="false"><path d="M66.309 55.839c-2.685-1.61-6.175-.805-7.785 1.88l-.269.536a14.716 14.716 0 0 1-4.698 4.832c-1.879 1.074-4.027 1.745-6.174 1.611-2.148 0-4.161-.94-5.906-2.148-1.611-1.342-2.82-3.087-3.356-5.234-1.208-4.027.403-8.994 4.027-11.41 3.624-2.55 8.59-2.819 12.886-.403l.402.269c2.014 1.074 4.564.805 6.31-.94 2.012-2.147 1.878-5.369-.135-7.382-3.356-3.222-7.92-5.37-12.752-5.638a20.507 20.507 0 0 0-8.59 1.074L39.866 5.1a5.098 5.098 0 0 0-5.1-5.101c-2.82-.134-5.236 2.148-5.37 5.1l-.134 6.444c-.806-1.88-2.55-3.222-4.698-3.222a5.334 5.334 0 0 0-5.37 5.1l-.133 5.907a5.385 5.385 0 0 0-2.014-.403c-2.819 0-5.1 2.416-5.235 5.37l-.402 22.818a40.844 40.844 0 0 1-9.128 25.1l-.671.94C.537 74.497-.134 76.107-.134 77.718c0 2.148.94 4.027 2.55 5.37l19.06 15.436A6.936 6.936 0 0 0 25.773 100h.94c1.879-.268 3.49-1.208 4.698-2.684l15.57-19.464c2.416 0 4.832-.268 7.114-.94 2.282-.67 4.564-1.744 6.577-3.22 4.027-2.82 6.846-6.98 8.054-11.679.671-2.281-.268-4.832-2.416-6.174Z" fill="#842306"/></svg>';
+defineCustomElement('sinch-illustration-hand-ok', createIllustrationClass(templateHTML));

package/illustrations/hands-laptop/index.d.ts

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

package/illustrations/hands-laptop/index.js

@@ -0,0 +1,4 @@
+import { defineCustomElement } from '../../utils';
+import { createIllustrationClass } from '../create-illustration-class';
+const templateHTML = '<svg viewBox="0 0 663 400" fill="none" aria-hidden="true" focusable="false"><path d="M399.021 21.99A26.666 26.666 0 0 0 372.833.326H27.643a27.295 27.295 0 0 0-26.8 32.458L61.57 348.302h399.66L399.021 21.991Z" fill="#0A273D"/><path d="m471.145 400.31-9.915-52.008H61.57l5.85 30.386a26.681 26.681 0 0 0 26.203 21.644l377.522-.022Z" fill="#CCC"/><path d="m431.538 320.359-55.88-293.36a3.747 3.747 0 0 0-3.689-3.053H28.204a3.754 3.754 0 0 0-3.689 4.426l55.88 293.351a3.741 3.741 0 0 0 3.69 3.054H427.85a3.756 3.756 0 0 0 3.688-4.418Z" fill="#FFBE3C"/><path d="M542.126 270.948h-95.768l24.787 129.362h95.767l-24.786-129.362Z" fill="#059688"/><path d="M542.126 270.948h95.804l-20.19 108.315a25.763 25.763 0 0 1-25.333 21.047h-25.495l-24.786-129.362Z" fill="#007171"/><path d="M199.378 15.322h-27.493a3.181 3.181 0 0 1-3.18-3.18 3.18 3.18 0 0 1 3.18-3.18h27.493a3.181 3.181 0 0 1 3.18 3.18 3.18 3.18 0 0 1-3.18 3.18Zm15.721.996a4.175 4.175 0 1 0 0-8.35 4.175 4.175 0 0 0 0 8.35Z" fill="#CCC"/><path d="M124.274 370.028h-16.642a4.291 4.291 0 0 0-2.921 7.262 4.297 4.297 0 0 0 2.921 1.317h16.642a4.295 4.295 0 0 0 2.92-7.262 4.295 4.295 0 0 0-2.92-1.317Zm33.476 0h-16.642a4.295 4.295 0 0 0-2.92 7.262 4.295 4.295 0 0 0 2.92 1.317h16.642a4.293 4.293 0 0 0 0-8.579Zm20.774-.989a5.287 5.287 0 0 0-4.88 3.261 5.285 5.285 0 0 0 1.145 5.756 5.279 5.279 0 0 0 9.017-3.735 5.285 5.285 0 0 0-5.282-5.282Z" fill="#0A273D"/><path d="M512.36 374.387c7.167 0 12.976-5.809 12.976-12.976 0-7.166-5.809-12.976-12.976-12.976-7.166 0-12.976 5.81-12.976 12.976 0 7.167 5.81 12.976 12.976 12.976Z" fill="#007171"/><path d="m542.148 270.948 24.787-129.355h95.767l-24.787 129.355h-95.767Z" fill="#059688"/><path d="M566.935 141.593c-35.004 0-49.359-14.606-70.081-31.3-23.982-19.32-34.716-29.943-63.56-33.934l-92.713-11.803a17.803 17.803 0 0 0-19.918 17.704 17.811 17.811 0 0 0 14.149 17.425l81.884 16.657 30.113 48.547S406 152.71 390.301 147.922a21.657 21.657 0 0 0-25.118 9.93l-.258.45a21.07 21.07 0 0 0-1.664 17.53 21.09 21.09 0 0 0 12.22 12.678c11.383 4.471 44.107 17.159 57.799 23.031 29.729 12.762 43.678 35.837 66.562 48.105 22.883 12.268 42.734 11.331 42.306 11.331l24.787-129.355v-.029Z" fill="#F2A068"/><path d="m424.988 158.199 21.821 6.698-30.113-48.555 8.292 41.857Z" fill="#894915"/><path d="M446.395 271.014a58.005 58.005 0 0 1-22.793-4.562 57.997 57.997 0 0 1-19.174-13.143l-1.918-1.991a89.778 89.778 0 0 0-96.601-21.312l-72.818 30.245a15.716 15.716 0 0 0-9.662 18.43 15.715 15.715 0 0 0 3.48 6.652c-5.481 3.445-8.564 9.966-7.023 16.325a14.919 14.919 0 0 0 18 11.028l3.113-.737a14.92 14.92 0 0 0 2.213 14.859 14.928 14.928 0 0 0 14.017 5.405l6.919-1.121a15.004 15.004 0 0 0 .797 7.583 15.173 15.173 0 0 0 14.289 9.59h74.249c7.377 0 14.23 3.143 18.509 8.425 21.806 26.948 53.851 43.583 88.523 43.583h10.667l-24.787-129.259Z" fill="#F2A068"/></svg>';
+defineCustomElement('sinch-illustration-hands-laptop', createIllustrationClass(templateHTML));

package/illustrations/handset-omnichannel-messages/index.d.ts

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

package/illustrations/handset-omnichannel-messages/index.js

@@ -0,0 +1,4 @@
+import { defineCustomElement } from '../../utils';
+import { createIllustrationClass } from '../create-illustration-class';
+const templateHTML = '<svg viewBox="0 0 397 400" fill="none" aria-hidden="true" focusable="false"><path d="m270.947 171.135-39.822 44.789a14.24 14.24 0 0 1-23.451-3.248 14.23 14.23 0 0 1-.64-10.877 14.247 14.247 0 0 1 3.643-5.656l43.441-41.288a11.724 11.724 0 0 1 19.754 8.063 11.718 11.718 0 0 1-2.925 8.217Z" fill="#F2A068"/><path d="M338.744 23.37a57.814 57.814 0 0 0-53.421 35.691 57.818 57.818 0 0 0-4.402 22.128v45.814a12.014 12.014 0 0 0 12.014 12.013h45.819a57.82 57.82 0 1 0 0-115.636l-.01-.01Z" fill="#FFBE3C"/><path d="M108.315 121.545v-.525a53.937 53.937 0 0 0-64.58-52.386 53.94 53.94 0 0 0 10.15 106.816h42.446a12.015 12.015 0 0 0 12.014-12.014v-41.891h-.03Zm226.109 76.731h-25.229a12.014 12.014 0 0 0-12.013 12.014v25.229a37.262 37.262 0 0 0 22.988 34.448 37.264 37.264 0 0 0 50.828-27.144 37.265 37.265 0 0 0-36.549-44.547h-.025Z" fill="#0A273D"/><path d="M79.105 236.063A12.014 12.014 0 0 0 67.09 224.05H41.86a37.237 37.237 0 0 0-34.39 23.007 37.243 37.243 0 1 0 71.658 14.235l-.025-25.229Z" fill="#007171"/><path d="M290.174 310.686h-32.643a12.01 12.01 0 0 0-12.014 12.014v32.643a44.658 44.658 0 1 0 44.657-44.657Z" fill="#FFBE3C"/><path d="M224.04 42.323A44.662 44.662 0 0 0 195.454 2.96a44.656 44.656 0 1 0-18.347 86.284l-.063.059h35.036a12.014 12.014 0 0 0 12.014-12.014V42.264l-.054.059Z" fill="#007171"/><path d="M318.257 61.785h40.974A10.489 10.489 0 0 1 369.72 72.27v18.143a10.487 10.487 0 0 1-10.489 10.484h-51.178a.274.274 0 0 1-.201-.08.268.268 0 0 1-.062-.091.29.29 0 0 1-.022-.108V72.274a10.489 10.489 0 0 1 10.489-10.489Z" fill="#F1F1F1"/><path d="M359.232 102.343h-51.179a1.744 1.744 0 0 1-1.736-1.736V72.274a11.943 11.943 0 0 1 3.493-8.453 11.946 11.946 0 0 1 8.447-3.507h40.975a11.952 11.952 0 0 1 11.94 11.94v18.143a11.959 11.959 0 0 1-11.94 11.946Zm-50.017-2.908h50.017a9.04 9.04 0 0 0 9.032-9.033V72.26a9.039 9.039 0 0 0-9.032-9.003h-40.975a9.041 9.041 0 0 0-9.032 9.032l-.01 27.147Z" fill="#F1F1F1"/><path d="M353.391 85.41a4.242 4.242 0 1 0 0-8.483 4.242 4.242 0 0 0 0 8.484Zm-14.647 0a4.242 4.242 0 1 0 0-8.483 4.242 4.242 0 0 0 0 8.484Zm-14.647 0a4.242 4.242 0 1 0 0-8.483 4.242 4.242 0 0 0 0 8.484Z" fill="#FFBE3C"/><path d="M201.532 35.306 190.587 40.7v-4.06a6.483 6.483 0 0 0-6.477-6.478h-22.606a6.477 6.477 0 0 0-6.477 6.477v16.035a6.477 6.477 0 0 0 6.477 6.478h22.606a6.484 6.484 0 0 0 6.477-6.478v-4.09l10.945 5.395a3.13 3.13 0 0 0 4.516-2.805V38.115a3.131 3.131 0 0 0-2.976-3.13 3.13 3.13 0 0 0-1.54.32Z" fill="#0A273D"/><path d="M184.11 60.618h-22.606a7.953 7.953 0 0 1-7.943-7.944V36.64a7.951 7.951 0 0 1 7.943-7.944h22.606a7.953 7.953 0 0 1 7.944 7.944v1.726l8.826-4.37a4.595 4.595 0 0 1 6.64 4.12v13.082a4.606 4.606 0 0 1-2.173 3.91 4.593 4.593 0 0 1-4.467.21l-8.826-4.37v1.726a7.957 7.957 0 0 1-7.944 7.944Zm-22.606-28.99a5.02 5.02 0 0 0-5.011 5.012v16.034a5.02 5.02 0 0 0 5.011 5.011h22.606a5.017 5.017 0 0 0 5.006-5.01v-4.09a1.476 1.476 0 0 1 1.402-1.465c.249-.012.498.04.722.15l10.944 5.394a1.663 1.663 0 0 0 2.398-1.47V38.115a1.654 1.654 0 0 0-.793-1.398 1.659 1.659 0 0 0-1.605-.074L191.24 42.04a1.474 1.474 0 0 1-1.937-.601 1.484 1.484 0 0 1-.187-.714V36.64a5.017 5.017 0 0 0-5.006-5.012h-22.606Z" fill="#0A273D"/><path d="M24.67 244.066a8.978 8.978 0 0 0-.917 11.607 107.032 107.032 0 0 0 24.067 24.062 8.983 8.983 0 0 0 11.606-.912l1.074-1.079a5.178 5.178 0 0 0 0-7.326l-3.869-3.869a5.025 5.025 0 0 0-7.105 0 3.731 3.731 0 0 1-4.805.407 36.219 36.219 0 0 1-4.38-3.81 35.166 35.166 0 0 1-3.795-4.364 3.732 3.732 0 0 1 .402-4.801 5.031 5.031 0 0 0 0-7.105l-3.883-3.884a5.18 5.18 0 0 0-7.321 0l-1.074 1.074Z" fill="#DCEDE1"/><path d="M53.096 282.289a9.804 9.804 0 0 1-5.767-1.878 107.673 107.673 0 0 1-24.253-24.253 9.763 9.763 0 0 1 .98-12.68l1.075-1.079a6.025 6.025 0 0 1 8.507 0l3.88 3.883a5.884 5.884 0 0 1 0 8.283 2.882 2.882 0 0 0-.325 3.731 35.436 35.436 0 0 0 3.708 4.261 35.729 35.729 0 0 0 4.305 3.707 2.89 2.89 0 0 0 3.732-.318 5.848 5.848 0 0 1 4.14-1.716 5.844 5.844 0 0 1 4.142 1.716l3.869 3.869a6.013 6.013 0 0 1 0 8.503l-1.074 1.078a9.748 9.748 0 0 1-3.171 2.137 9.747 9.747 0 0 1-3.748.756Zm-23.69-39.983a4.312 4.312 0 0 0-3.069 1.274l-1.079 1.074a8.109 8.109 0 0 0-.828 10.528 105.984 105.984 0 0 0 23.875 23.881 8.122 8.122 0 0 0 10.533-.834l1.074-1.074a4.347 4.347 0 0 0 0-6.149l-3.87-3.869a4.2 4.2 0 0 0-5.928 0 4.546 4.546 0 0 1-5.884.491 42.273 42.273 0 0 1-8.365-8.366 4.544 4.544 0 0 1 .49-5.884 4.204 4.204 0 0 0 0-5.933l-3.884-3.879a4.33 4.33 0 0 0-3.064-1.26Z" fill="#DCEDE1"/><path d="M271.668 338.901a43.67 43.67 0 0 1-4.781-2.603 1.42 1.42 0 0 0-1.888.363 31.247 31.247 0 0 0-5.958 15.014 1.43 1.43 0 0 0 1.418 1.584h8.301a1.414 1.414 0 0 0 1.413-1.324 42.314 42.314 0 0 1 2.221-11.278 1.4 1.4 0 0 0-.726-1.756Zm16.422 41.896v-7.355a1.423 1.423 0 0 0-1.554-1.417 39.313 39.313 0 0 0-6.198 1.074 1.432 1.432 0 0 0-.829 2.157 26.144 26.144 0 0 0 6.316 6.679 1.414 1.414 0 0 0 1.481.126 1.427 1.427 0 0 0 .784-1.264Zm12.593 1.217a30.61 30.61 0 0 1-3.806 3.324.317.317 0 0 0-.119.176.316.316 0 0 0 .164.366.318.318 0 0 0 .21.027 31.285 31.285 0 0 0 13.024-6.424 1.414 1.414 0 0 0 .521-1.21 1.42 1.42 0 0 0-.697-1.119 36.645 36.645 0 0 0-3.011-1.574 1.433 1.433 0 0 0-1.844.569 31.122 31.122 0 0 1-4.442 5.865Zm7.992-10.234a44.982 44.982 0 0 1 4.786 2.604 1.41 1.41 0 0 0 1.883-.363 31.166 31.166 0 0 0 5.958-15.015 1.421 1.421 0 0 0-1.412-1.579h-8.307a1.419 1.419 0 0 0-1.412 1.324 42.353 42.353 0 0 1-2.221 11.278 1.405 1.405 0 0 0 .725 1.751Zm-29.014-43.107a29.743 29.743 0 0 1 3.81-3.325.32.32 0 0 0-.26-.569 31.24 31.24 0 0 0-13.024 6.419 1.42 1.42 0 0 0-.517 1.21 1.422 1.422 0 0 0 .694 1.119c.98.569 1.986 1.094 3.015 1.574.323.152.69.178 1.03.072a1.42 1.42 0 0 0 .809-.641 31.289 31.289 0 0 1 4.443-5.859Zm-10.901 28.754h-8.301a1.437 1.437 0 0 0-1.063.472 1.437 1.437 0 0 0-.355 1.107 31.193 31.193 0 0 0 5.958 15.015 1.42 1.42 0 0 0 1.888.363 43.847 43.847 0 0 1 4.781-2.604 1.4 1.4 0 0 0 .726-1.746 42.314 42.314 0 0 1-2.221-11.278 1.417 1.417 0 0 0-.442-.945 1.417 1.417 0 0 0-.971-.384Zm9.219 11.98a43.604 43.604 0 0 1 8.827-1.609 1.413 1.413 0 0 0 1.294-1.412v-7.542a1.425 1.425 0 0 0-.417-1.003 1.416 1.416 0 0 0-1.005-.414h-10.901a1.418 1.418 0 0 0-1.417 1.52 38.04 38.04 0 0 0 1.888 9.562 1.402 1.402 0 0 0 1.731.898Zm1.682 12.607a31.331 31.331 0 0 1-4.442-5.885 1.425 1.425 0 0 0-1.839-.568 39.068 39.068 0 0 0-3.016 1.574 1.41 1.41 0 0 0-.697 1.118 1.419 1.419 0 0 0 .52 1.211 31.288 31.288 0 0 0 13.024 6.448.316.316 0 0 0 .364-.178.315.315 0 0 0-.104-.391 30.603 30.603 0 0 1-3.81-3.329Zm21.022-53.341a31.059 31.059 0 0 1 4.442 5.884 1.433 1.433 0 0 0 1.844.569 39.118 39.118 0 0 0 3.011-1.574 1.431 1.431 0 0 0 .697-1.119 1.42 1.42 0 0 0-.521-1.211 31.214 31.214 0 0 0-13.024-6.418.314.314 0 0 0-.363.177.316.316 0 0 0 .104.391 29.558 29.558 0 0 1 3.81 3.301Zm-24.906 24.586h10.891a1.422 1.422 0 0 0 1.422-1.422v-7.542a1.418 1.418 0 0 0-1.294-1.412 43.577 43.577 0 0 1-8.817-1.594 1.405 1.405 0 0 0-1.721.898 38.04 38.04 0 0 0-1.888 9.562 1.425 1.425 0 0 0 1.407 1.51Zm35.806 0h8.307a1.418 1.418 0 0 0 1.061-.476 1.426 1.426 0 0 0 .351-1.108 31.193 31.193 0 0 0-5.958-15.015 1.417 1.417 0 0 0-1.883-.363 42.888 42.888 0 0 1-4.785 2.604 1.405 1.405 0 0 0-.726 1.746 42.353 42.353 0 0 1 2.221 11.278 1.416 1.416 0 0 0 1.412 1.334Zm-18.03 14.539c2.989.234 5.947.773 8.826 1.609a1.408 1.408 0 0 0 1.726-.898 37.945 37.945 0 0 0 1.883-9.562 1.418 1.418 0 0 0-.376-1.069 1.422 1.422 0 0 0-1.041-.451h-10.9a1.419 1.419 0 0 0-1.418 1.417v7.542a1.41 1.41 0 0 0 1.3 1.412Zm-1.295-23.503v7.542a1.433 1.433 0 0 0 .414 1.005 1.422 1.422 0 0 0 1.003.417h10.891a1.421 1.421 0 0 0 1.417-1.525 38.033 38.033 0 0 0-1.883-9.562 1.409 1.409 0 0 0-1.726-.897 43.592 43.592 0 0 1-8.826 1.608 1.411 1.411 0 0 0-1.29 1.412Zm-11.92-6.693c2.034.523 4.106.882 6.198 1.074a1.422 1.422 0 0 0 1.554-1.417v-7.356a1.422 1.422 0 0 0-2.27-1.137 26.15 26.15 0 0 0-6.311 6.698 1.42 1.42 0 0 0 .829 2.138Zm11.92-7.713v7.355a1.423 1.423 0 0 0 1.555 1.417 39.448 39.448 0 0 0 6.198-1.074 1.417 1.417 0 0 0 .962-.866 1.427 1.427 0 0 0-.138-1.287 26.202 26.202 0 0 0-6.306-6.703 1.418 1.418 0 0 0-1.494-.125 1.416 1.416 0 0 0-.777 1.283Zm2.271 52.046a26.216 26.216 0 0 0 6.306-6.698 1.43 1.43 0 0 0 .138-1.289 1.44 1.44 0 0 0-.962-.869 39.564 39.564 0 0 0-6.198-1.074 1.43 1.43 0 0 0-1.434.843c-.08.181-.121.377-.121.575v7.355a1.424 1.424 0 0 0 2.271 1.157Z" fill="#007171"/><path d="m337.107 234.744 15.289-13.313a.886.886 0 0 0 .248-.986.896.896 0 0 0-.837-.578h-34.761a.898.898 0 0 0-.509.158.898.898 0 0 0-.357.952.886.886 0 0 0 .278.454l15.289 13.313a4.097 4.097 0 0 0 5.36 0Zm18.898 11.529v-20.492a.896.896 0 0 0-.522-.805.897.897 0 0 0-.949.133l-12.544 10.915 12.534 10.92a.885.885 0 0 0 .957.142.897.897 0 0 0 .524-.813Zm-43.156-20.492v20.492a.895.895 0 0 0 .521.804.895.895 0 0 0 .95-.133l12.543-10.92-12.543-10.915a.904.904 0 0 0-.456-.205.902.902 0 0 0-.494.072.895.895 0 0 0-.521.805Zm21.575 14.122a8.268 8.268 0 0 1-4.285-1.197l-12.514 10.886a.887.887 0 0 0-.254.99.887.887 0 0 0 .842.579h32.427a.887.887 0 0 0 .843-.579.897.897 0 0 0-.254-.99l-12.514-10.886a8.289 8.289 0 0 1-4.291 1.197Z" fill="#E5E8ED"/><path d="M54.37 130.563c9.997 0 18.1-8.104 18.1-18.099 0-9.996-8.103-18.1-18.1-18.1-9.995 0-18.098 8.104-18.098 18.1 0 9.995 8.103 18.099 18.099 18.099Z" fill="#FFBE3C"/><path d="M36.272 112.464c0 9.949 9.488 25.954 14.71 34.03a4.017 4.017 0 0 0 5.294 1.346 4.019 4.019 0 0 0 1.454-1.346c5.237-8.076 14.71-24.081 14.71-34.03H36.273Z" fill="#FFBE3C"/><path d="M54.37 119.932a7.468 7.468 0 1 0 0-14.937 7.468 7.468 0 0 0 0 14.937Z" fill="#0A273D"/><path d="m162.392 319.606-52.576 52.576h39.797a28.325 28.325 0 0 0 20.169-8.336l44.132-44.132-51.522-.108Z" fill="#FF7F51"/><path d="m240.795 129.876-.064-.049-4.413-3.54h-72.896c-6.777 0-12.931 5.497-13.731 12.259l-21.345 183.458 4.051 3.231c.152.132.308.255.49.378l.054.044a11.073 11.073 0 0 0 6.639 2.118h70.195c6.772 0 12.916-5.482 13.73-12.259l21.022-175.852a10.853 10.853 0 0 0-3.732-9.788Z" fill="#8F969C"/><path d="m98.4 269.246 19.963-60.51a11.423 11.423 0 0 1 4.975-6.208 11.425 11.425 0 0 1 14.698 2.54 11.43 11.43 0 0 1 2.604 7.517l-1.472 63.698a20.894 20.894 0 0 1-6.378 14.802 20.9 20.9 0 0 1-23.034 4.06 20.918 20.918 0 0 1-11.055-11.731 20.906 20.906 0 0 1-1.326-8.112 21.31 21.31 0 0 1 1.025-6.056Z" fill="#F2A068"/><path d="M205.352 324.235h-70.214c-6.772 0-11.607-5.483-10.788-12.259l20.879-175.853c.804-6.781 6.953-12.258 13.73-12.258h70.318c6.781 0 11.621 5.496 10.812 12.258l-21.017 175.872c-.809 6.738-6.953 12.24-13.72 12.24Z" fill="#BFC7D1"/><path d="M179.417 132.956a1.728 1.728 0 0 0-1.018-1.852 1.73 1.73 0 0 0-.737-.144 2.317 2.317 0 0 0-2.236 1.996 1.729 1.729 0 0 0 .414 1.409 1.731 1.731 0 0 0 1.346.587 2.307 2.307 0 0 0 2.231-1.996Z" fill="#fff"/><path d="M201.424 135.167h-17.197a2.208 2.208 0 0 1-1.467-.696 2.205 2.205 0 0 1 0-3.021c.383-.41.908-.659 1.467-.696h17.197a2.215 2.215 0 0 1 2.176 1.326 2.207 2.207 0 0 1-.518 2.496 2.209 2.209 0 0 1-1.658.591Z" fill="#F1F1F1"/><path d="M160.352 327.79a9.068 9.068 0 0 1-8.758-6.605c-7.198-26.087-23.419-50.507-23.586-50.752l-.618-.922-1.045.377a40.506 40.506 0 0 0-10.871 6.429c-7.223-7.846-12.906-13.039-12.965-13.093l-1.432-1.304-.819 1.755c-.343.746-8.394 18.6-2.334 47.899 3.129 14.117-1.47 27.077-14 39.63l-11.19 11.171a5.649 5.649 0 0 0-1.294 6.124 5.885 5.885 0 0 0 5.522 3.683h72.803a28.179 28.179 0 0 0 19.918-8.248l36.15-36.154-45.481.01Zm90.103-72.313a14.26 14.26 0 0 0-5.884-22.64l5.884-5.575a16.7 16.7 0 0 0 1.02-1.069 14.248 14.248 0 0 0-21.639-18.536l-18.286 21.34a12.853 12.853 0 0 0 .432 17.119 12.703 12.703 0 0 0 5.913 3.54l-7.38 8.616a12.8 12.8 0 0 0-2.676 11.528 12.786 12.786 0 0 0 7.928 8.787l-7.09 8.474a12.786 12.786 0 0 0 9.95 20.978 12.787 12.787 0 0 0 8.762-3.595l20.183-19.614a14.225 14.225 0 0 0 1.299-19.018 14.222 14.222 0 0 0-5.001-4.019l5.57-5.277c.356-.328.695-.675 1.015-1.039Z" fill="#F2A068"/></svg>';
+defineCustomElement('sinch-illustration-handset-omnichannel-messages', createIllustrationClass(templateHTML));

package/illustrations/happy-text/index.d.ts

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

package/illustrations/happy-text/index.js

@@ -0,0 +1,4 @@
+import { defineCustomElement } from '../../utils';
+import { createIllustrationClass } from '../create-illustration-class';
+const templateHTML = '<svg viewBox="0 0 470 800" fill="none" aria-hidden="true" focusable="false"><path d="M292.51 167.246c-.288 0-.479-.192-.479-.48 0-3.21-1.773-4.84-3.69-6.517-1.965-1.773-3.978-3.594-3.978-7.236s2.013-5.463 3.978-7.236c1.869-1.677 3.69-3.307 3.69-6.517 0-3.211-1.773-4.841-3.69-6.518-1.965-1.773-3.978-3.594-3.978-7.236s2.013-5.463 3.978-7.236c1.869-1.677 3.69-3.307 3.69-6.517 0-.288.191-.48.479-.48.287 0 .479.192.479.48 0 3.642-2.013 5.463-3.977 7.236-1.869 1.677-3.69 3.306-3.69 6.517 0 3.211 1.773 4.84 3.69 6.517 1.964 1.774 3.977 3.595 3.977 7.237s-2.013 5.463-3.977 7.236c-1.869 1.677-3.69 3.306-3.69 6.517 0 3.211 1.773 4.84 3.69 6.517 1.964 1.773 3.977 3.594 3.977 7.236 0 .24-.24.48-.479.48Z" fill="#272727"/><path d="M292.941 106.434c12.439 0 22.523-10.084 22.523-22.523 0-12.44-10.084-22.523-22.523-22.523s-22.523 10.084-22.523 22.523 10.084 22.523 22.523 22.523Z" fill="#FFBE3C" stroke="#FFBE3C" stroke-miterlimit="10"/><path d="M301.231 89.613c-.479 4.121-4.025 7.332-8.29 7.332-4.265 0-7.763-3.21-8.291-7.332h16.581Z" fill="#F2F2F2" stroke="#F2F2F2" stroke-miterlimit="10"/><path d="M288.916 80.844a.862.862 0 0 1-.719-.336 4.845 4.845 0 0 0-3.642-1.677c-1.39 0-2.732.623-3.642 1.677-.336.383-.959.431-1.342.096-.383-.335-.431-.958-.096-1.342a6.81 6.81 0 0 1 5.128-2.348c1.965 0 3.834.863 5.127 2.348.336.384.288 1.007-.095 1.342-.288.144-.48.24-.719.24Zm16.82 0a.864.864 0 0 1-.719-.336 4.843 4.843 0 0 0-3.642-1.677 4.847 4.847 0 0 0-3.642 1.677c-.335.383-.958.431-1.342.096-.383-.335-.431-.958-.095-1.342a6.807 6.807 0 0 1 5.127-2.348 6.81 6.81 0 0 1 5.128 2.348c.335.384.287 1.007-.096 1.342-.24.144-.479.24-.719.24Z" fill="#272727"/><path d="M343.402 360.561c-1.054 0-2.108-.288-3.114-.815l-26.166-13.945c-3.354-1.773-4.6-5.942-2.827-9.297 1.773-3.354 5.942-4.6 9.297-2.827l26.165 13.945c3.354 1.773 4.6 5.942 2.827 9.297-1.294 2.348-3.69 3.69-6.182 3.642Z" fill="#842306"/><path d="M386.723 333.101c.096 5.176-4.025 9.393-9.201 9.489l-49.886.719 13.322 16.724-79.118-32.826 13.754-23.434 22.283 8.962a158.392 158.392 0 0 0 61.579 11.405l17.683-.24h.288c5.127.096 9.201 4.17 9.296 9.201ZM201.22 153.205c-3.307 2.108-5.895 6.038-5.559 9.967l.239 2.396c.048.288.048.527.096.815l-43.321 3.93c0-.288 0-.528-.048-.815l-4.744-50.461-1.725-18.594c-.479-5.271.192-10.399 1.917-15.095.287-.767.575-1.486.862-2.252a31.824 31.824 0 0 1 2.924-5.32c.335-.479.67-1.006 1.054-1.485 5.559-7.476 14.041-12.7 24.008-13.706a34.198 34.198 0 0 1 25.159 7.715 33.446 33.446 0 0 1 5.272 5.464 37.401 37.401 0 0 1 2.635 3.93c.671 1.197 1.294 2.395 1.821 3.69 1.342 3.114 2.205 6.516 2.54 10.063l2.588 27.602c1.198 13.322-5.272 25.495-15.718 32.156Z" fill="#842306"/><path d="M175.486 98.239a17.684 17.684 0 0 1-11.981 18.21l-.766-7.716c-.432-4.265-4.217-7.379-8.435-6.948h-.191c-4.265.383-7.38 4.217-6.949 8.434l.863 8.722h-.096l-1.725-18.594c-.479-5.271.191-10.399 1.917-15.095.287-.767.575-1.486.862-2.204a31.896 31.896 0 0 1 2.923-5.32c0-.048.048-.048.096-.096.144-.191.288-.43.432-.623.191-.24.335-.479.527-.718 5.559-7.476 14.041-12.7 24.008-13.706A34.198 34.198 0 0 1 202.13 70.3a33.399 33.399 0 0 1 5.271 5.464 37.409 37.409 0 0 1 2.636 3.93c.671 1.197 1.294 2.395 1.821 3.69l-37.762-3.547 1.39 18.402Z" fill="#081B2B"/><path d="M177.594 205.919c-11.932 1.054-22.427-7.764-23.481-19.696l-3.786-43.273c-1.054-11.933 7.763-22.427 19.696-23.482 11.932-1.054 22.427 7.764 23.481 19.696l3.786 43.273c1.054 11.932-7.763 22.427-19.696 23.482Z" fill="#842306"/><path d="m317.045 308.422-17.347 53.337a14.693 14.693 0 0 1-1.534-.527l-108.925-40.638c-14.52-5.415-21.9-21.564-16.485-36.084 5.415-14.521 21.565-21.9 36.085-16.485l108.206 40.397Z" fill="#059688"/><path d="M256.185 312.975c0 17.491 9.68 54.294 15.623 68.863l-17.779 1.485-25.207-43.896 16.821-25.254 7.523-2.492 3.019 1.294Z" fill="#081B2B"/><path d="m253.598 230.79 2.635 85.108H132.931l-1.964-.096-28.562-101.162c-4.36-28.177 14.185-48.88 41.644-46.819.431.048.863.096 1.342.096 2.061.192 3.786-.479 4.936-1.677.958-1.055 1.533-2.54 1.438-4.313l44.279 4.456c1.006 3.834 4.6 7.093 8.434 7.476.431.048.863.096 1.342.144 27.651 3.498 43.417 28.657 47.778 56.787Z" fill="#005F5F"/><path d="m205.772 174.051-61.723-6.182c.431.048.863.096 1.294.096 2.061.191 3.786-.432 4.936-1.677.958-1.055 1.533-2.588 1.438-4.313l44.279 4.456c1.006 3.834 4.6 7.093 8.434 7.476.479.048.911.096 1.342.144Z" fill="#059688"/><path d="M132.74 393.675s-12.843-23.242-1.582-77.729h125.123v15.191c0 38.242-25.35 72.074-62.25 82.09-4.792 1.294-9.248 2.06-13.178 2.06-25.686 0-48.113-21.612-48.113-21.612Z" fill="#081B2B"/><path d="M256.281 315.898v.911l-.048-.911h.048Z" fill="#081B2B"/><path d="M208.456 124.452c.718 0 1.246.623 1.102 1.342-.815 3.929-4.265 6.901-8.434 6.901-4.17 0-7.668-2.972-8.435-6.901-.143-.671.432-1.342 1.103-1.342h14.664Z" fill="#F2F2F2" stroke="#F2F2F2" stroke-miterlimit="10"/><path d="M256.138 220.343c3.258-4.936 9.919-8.818 11.261-19.984l-11.261 19.984Z" fill="#842306"/><path d="M256.138 220.343c3.258-4.936 9.919-8.818 11.261-19.984" stroke="#842306" stroke-width="20" stroke-miterlimit="10" stroke-linecap="round"/><path d="M304.538 257.098h-38.816c-2.253 0-4.026-2.204-3.69-4.552l11.884-81.419c.24-1.677 1.582-2.875 3.211-2.875h38.816c2.253 0 4.026 2.204 3.69 4.552l-11.884 81.419c-.24 1.677-1.582 2.875-3.211 2.875Z" fill="#272727" stroke="#272727" stroke-miterlimit="10"/><path d="M296.008 190.248a1.582 1.582 0 1 0 0-3.165 1.582 1.582 0 0 0 0 3.165Z" fill="#A8D4C2" stroke="#CCC" stroke-miterlimit="10"/><path d="M265.866 252.689c.575 3.45-.767 7.188-4.218 9.249l-31.58 19.073c-7.044 4.265-16.245 2.06-20.558-4.936-1.534-2.444-2.252-5.224-2.252-7.907 0-4.888 2.396-9.68 6.757-12.556l12.411-8.194-.144-.048c7.572-5.271 10.256-10.207 11.885-14.664l3.115-10.303c1.869-6.038 8.29-10.878 14.28-10.83h18.881l-8.577 41.116Z" fill="#842306"/><path d="M254.7 216.27h33.832m-33.832 9.584h40.637m-40.637 9.488h37.81m-37.81 9.537h26.452" stroke="#842306" stroke-width="20" stroke-miterlimit="10" stroke-linecap="round"/><path d="M112.23 345.705c-1.534 0-3.067-.144-4.649-.383-15.287-2.54-25.59-17.012-23.05-32.251l19.121-114.628c2.539-15.287 17.012-25.59 32.251-23.051 15.287 2.54 25.59 17.013 23.05 32.252l-19.121 114.628c-2.252 13.705-14.137 23.433-27.602 23.433Z" fill="#059688"/><path d="M103.508 693.422c.766-.67 1.677-1.054 2.635-1.054l46.676.336c2.396-.384 4.504 1.437 4.361 3.881l-.24 3.786c-.671 12.891 4.217 25.446 13.466 34.408 6.038 5.894 11.453 9.68 21.229 11.644 1.773.336 3.259.671 4.553.911 5.798 1.15 7.523 1.486 10.83 3.307 6.182 3.45 7.715 5.99 7.763 12.938.048 4.313-1.677 8.434-4.696 11.358-2.588 2.492-5.942 3.833-9.441 3.833h-34.168c-11.74 0-23.241-4.265-32.442-11.932a1.376 1.376 0 0 0-1.678-.144c-.479.288-.766.767-.814 1.39l-.479 7.188c-.048.959-.528 1.917-1.294 2.588-.671.575-1.486.91-2.301.91H96.655c-1.677 0-2.923-1.485-2.731-3.258l8.242-79.598c.048-.91.575-1.821 1.342-2.492Z" fill="#0A273D"/><path d="M216.219 657.481c.862-.527 1.821-.766 2.779-.623l47.155 7.812c2.444 0 4.217 2.156 3.69 4.552l-.863 3.69a44.785 44.785 0 0 0 7.764 36.133c5.031 6.757 9.728 11.357 19.12 14.903 1.678.623 3.115 1.151 4.313 1.63 5.511 2.06 7.188 2.635 10.16 4.984 5.558 4.408 6.661 7.14 5.606 13.993a14.023 14.023 0 0 1-.718 2.875c-1.007 2.923-3.786 4.84-6.853 4.84-36.325-.048-41.644.048-42.411.096h-.143c-11.597-1.869-22.284-8.482-30.143-17.539-.431-.48-1.054-.671-1.629-.432a1.593 1.593 0 0 0-1.007 1.246l-.814 3.499c-.24.958-.815 1.821-1.678 2.348-.766.479-1.581.671-2.396.527l-30.478-.048c-1.677-.288-2.635-1.917-2.156-3.642l18.977-78.543c.191-.959.814-1.773 1.725-2.301Z" fill="#0A273D"/><path d="m180.901 316.712 68.096-.815s48.353 118.414 69.294 169.69c6.182 15.095 7.38 31.724 3.499 47.538-10.016 40.829-29.472 120.427-33.737 137.726-.479 1.965-2.252 3.355-4.313 3.355h-71.211a4.382 4.382 0 0 1-3.45-1.677c-.863-1.055-1.151-2.444-.815-3.786 5.846-24.344 29.52-122.775 34.743-144.339a12.828 12.828 0 0 0-.671-8.147c-7.428-17.396-36.852-86.115-36.852-86.115s-25.206 249.575-28.704 284.509c-.24 2.301-2.157 4.026-4.457 3.978-14.281-.24-62.106-.958-77.537-1.198-1.246 0-2.396-.575-3.21-1.486-.815-.91-1.247-2.156-1.103-3.402 3.786-37.81 28.561-286.906 28.561-286.906l4.888-50.796c1.582-32.731 8.77-58.656 9.009-58.896l15.383.815h32.587v-.048Z" fill="#081B2B"/><path d="m232.32 293.423-104.229 49.263a28.113 28.113 0 0 1-11.98 2.683c-10.495 0-20.558-5.942-25.35-16.053-6.614-13.993-.623-30.718 13.37-37.331l104.373-49.359 23.816 50.797Z" fill="#059688"/></svg>';
+defineCustomElement('sinch-illustration-happy-text', createIllustrationClass(templateHTML));

package/illustrations/headphones/index.d.ts

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

package/illustrations/headphones/index.js

@@ -0,0 +1,4 @@
+import { defineCustomElement } from '../../utils';
+import { createIllustrationClass } from '../create-illustration-class';
+const templateHTML = '<svg viewBox="0 0 554 400" fill="none" aria-hidden="true" focusable="false"><path d="m271.087 163.069-1.706-3.643c6.278 2.868 13.719 1.706 18.834-2.945 5.115-4.65 7.053-11.858 4.883-18.446a35257.638 35257.638 0 0 0-20.461-62.313c-5.658-17.284-21.624-29.22-39.838-29.684-23.948-.62-56.733-1.55-78.357-2.093-14.725-.388-29.141-4.65-41.774-12.323C98.252 22.709 78.721 10.85 65.312 2.635 56.865-2.558 45.782.078 40.59 8.525A67087.97 67087.97 0 0 1 3.154 69.056C.596 73.164-.18 78.124.984 82.852 2.146 87.58 5.169 91.61 9.277 94.09c18.678 11.083 48.595 28.754 59.213 35.032a11.324 11.324 0 0 1 5.115 6.666c8.37 30.304 36.117 51.153 67.584 51.23 7.286 0 28.444-53.478 28.444-54.796-.155-6.975 3.023-13.64 8.061-18.446 5.038-4.805 11.935-7.13 18.833-6.587 9.068.775 16.819 6.742 19.996 15.19 2.868 7.751 6.433 17.516 9.688 26.352 5.581 15.191 12.711 29.684 21.159 43.48 1.938 3.1 3.798 6.2 5.581 9.068 4.495 7.285 13.408 10.54 21.468 7.828a18.691 18.691 0 0 0 11.703-11.703c1.86-5.503.93-11.626-2.402-16.354l-12.633-17.981Z" fill="#F2A068"/><path d="M200.79 168.029c1.008-2.092 9.921-20.151 11.006-22.166 27.436-52.858 82.697-88.975 146.405-88.975 90.991 0 164.852 73.862 164.852 164.852 0 39.295-13.796 75.334-36.737 103.701-5.348 6.665-4.34 16.431 2.248 21.779 6.665 5.347 16.431 4.34 21.779-2.248 27.281-33.637 43.634-76.497 43.634-123.154 0-108.042-87.734-195.776-195.776-195.776-75.566 0-146.56 50.3-189.188 115.403-8.525 13.176-2.402 8.758-3.487 11.006-3.643 7.751 6.897 19.609 14.648 23.251 7.75 3.333 16.973.078 20.616-7.673Z" fill="#007171"/><path d="M258.298 361.015c-66.653-11.083-111.683-74.171-100.6-140.825 2.712-16.354 8.603-31.389 16.818-44.643 3.333-5.347 1.705-12.4-3.643-15.733-5.347-3.333-15.423 5.968-18.756 11.316-9.843 15.733-16.431 31.699-18.291 45.727-10.463 79.442 41.62 153.459 120.675 166.635 6.2 1.007 12.09-3.178 13.098-9.378 1.085-6.201-3.1-12.014-9.301-13.099Z" fill="#059688"/><path d="M279.302 388.142a20.032 20.032 0 0 0 .31-15.269c-1.938-4.96-5.735-8.913-10.541-11.005l-33.791-14.881c-10.076-4.418-21.779.155-26.274 10.153-4.418 10.076.155 21.779 10.153 26.274l33.792 14.881a20.03 20.03 0 0 0 15.268.31c4.96-1.86 8.913-5.58 11.083-10.463Z" fill="#059688"/><path d="m417.57 329.239 55.105-97.113a18.74 18.74 0 0 1 16.044-9.456c6.665-.077 14.881 5.58 9.3 2.403 24.802 14.105 34.257 44.797 22.244 70.219-1.007 2.48-2.17 4.96-3.565 7.363l-36.505 63.476c-14.881 25.886-47.975 34.799-73.861 19.918 5.502 3.178-3.488-1.085-6.821-6.82-3.332-5.735-3.332-12.788 0-18.601l18.059-31.389ZM258.376 172.137 203.27 269.25c-3.255 5.735-9.378 9.378-16.043 9.378-6.666.078-14.881-5.58-9.301-2.402-24.801-14.106-34.257-44.798-22.243-70.219 1.007-2.481 2.17-4.961 3.565-7.363l36.504-63.476c14.881-25.887 47.975-34.8 73.862-19.919-5.503-3.178 3.488 1.085 6.82 6.82 3.333 5.736 3.333 12.789 0 18.601l-18.058 31.467Z" fill="#FFBE3C"/><path d="M160.565 189.498c4.651 0 8.448-3.798 8.448-8.448s-3.797-8.448-8.448-8.448c-4.65 0-8.448 3.798-8.448 8.448" fill="#007171"/><path d="M232.799 46.038c-23.948-.62-56.733-1.55-78.357-2.093-14.803-.388-29.141-4.65-41.774-12.323C98.252 22.709 78.721 10.85 65.312 2.635 56.865-2.558 45.782.078 40.59 8.525 30.203 25.344 13.617 52.16 3.154 69.134.596 73.242-.18 78.202.984 82.93c1.162 4.727 4.185 8.758 8.293 11.238 16.043 9.455 51.85 33.404 61.77 39.992 1.706 1.163 3.023 2.79 3.721 4.65 11.083 28.832 38.597 48.053 69.521 48.441 2.171 0 4.186.077 6.046.077 6.2.078 12.168 2.48 16.741 6.665 7.053 6.433 17.516 16.044 23.251 21.237 2.558 2.402 6.045 3.565 9.533 3.255a20.75 20.75 0 0 0 15.888-9.688c3.488-5.581 4.108-12.401 1.706-18.524a119.867 119.867 0 0 1-.853-2.247s-12.401-26.662-33.947-32.862a21.738 21.738 0 0 1-12.401-18.989c0-1.24-.93-14.183 7.518-22.244 5.038-4.805 10.231-7.285 17.206-6.665-.465-1.705.62-.93.62-.93" fill="#F2A068"/></svg>';
+defineCustomElement('sinch-illustration-headphones', createIllustrationClass(templateHTML));

package/illustrations/heart/index.d.ts

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

package/illustrations/heart/index.js

@@ -0,0 +1,4 @@
+import { defineCustomElement } from '../../utils';
+import { createIllustrationClass } from '../create-illustration-class';
+const templateHTML = '<svg viewBox="0 0 118 100" fill="none" aria-hidden="true" focusable="false"><path d="M117.136 28.2C115.401 13.883 103.687 2.17 89.371.217 77.44-1.302 65.726 3.905 58.568 13.666 51.626 3.905 39.913-1.302 27.982.434 13.666 2.169 1.952 13.883.216 28.2-.868 37.744 2.17 47.072 8.46 54.23l42.95 42.95c1.953 1.952 4.556 3.037 7.159 3.037 2.603 0 5.206-1.085 7.158-3.037l41.649-41.649 1.084-1.301c6.725-6.941 9.762-16.486 8.677-26.03Z" fill="#E83452"/></svg>';
+defineCustomElement('sinch-illustration-heart', createIllustrationClass(templateHTML));

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

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

package/illustrations/hero-messages/index.js

@@ -0,0 +1,4 @@
+import { defineCustomElement } from '../../utils';
+import { createIllustrationClass } from '../create-illustration-class';
+const templateHTML = '<svg viewBox="0 0 616 800" fill="none" aria-hidden="true" focusable="false"><path d="m324.132 774.747-11.713-2.419a43.402 43.402 0 0 1-35.475-42.818l.066-3.751a3.955 3.955 0 0 0-1.407-3.057 3.83 3.83 0 0 0-3.085-.938l-43.971-.337a3.43 3.43 0 0 0-3.422 3.432v72.206a2.88 2.88 0 0 0 2.869 2.879h27.71a2.88 2.88 0 0 0 2.87-2.879v-6.076a1.42 1.42 0 0 1 .781-1.263 1.416 1.416 0 0 1 1.479.128 50.64 50.64 0 0 0 30.008 10.09h30.748a12.76 12.76 0 0 0 12.664-11.461 12.763 12.763 0 0 0-10.075-13.792l-.047.056Zm-200.04-52.28a2.54 2.54 0 0 0-2.073-.938l-42.48.319c-2.072-.356-4.557 1.322-5.213 3.535l-.938 3.442c-3.45 11.694-11.863 23.078-23.087 31.246-7.324 5.335-13.429 8.768-22.956 10.577l-4.389.816c-5.626 1.022-7.296 1.332-10.878 3.01-6.695 3.123-8.88 5.43-11.15 11.722-1.406 3.911-1.153 7.671.694 10.315a8.653 8.653 0 0 0 7.362 3.498h30.983c10.653 0 22.45-3.854 33.243-10.84a1.396 1.396 0 0 1 1.575-.141 1.117 1.117 0 0 1 .29 1.266l-1.875 6.564a2.653 2.653 0 0 0 .338 2.335 2.167 2.167 0 0 0 1.782.844h27.945a3.922 3.922 0 0 0 3.516-2.972l17.695-72.207a2.617 2.617 0 0 0-.384-2.391Z" fill="#0A273D"/><path d="M427.059 180.113a20.255 20.255 0 0 0-3.245 8.44 22.167 22.167 0 0 0 1.041 9.096l.835 2.644c.332 1.087.599 2.192.797 3.311.419 2.227.582 4.496.487 6.761a38.017 38.017 0 0 1-2.879 12.753l-.14.338-.197.347a11723.368 11723.368 0 0 1-18.221 30.767l-9.161 15.351-9.209 15.323a5.079 5.079 0 0 1-9.285-1.34 5.073 5.073 0 0 1 .555-3.846l9.058-15.417 9.106-15.388a4584.477 4584.477 0 0 1 18.314-30.711l-.338.684a27.79 27.79 0 0 0 2.195-9.274 19.756 19.756 0 0 0-.3-4.529 18.214 18.214 0 0 0-.516-2.213l-.394-1.313-.422-1.482a30.14 30.14 0 0 1-.938-13.334 25.925 25.925 0 0 1 2.082-6.565c.966-2 2.152-3.887 3.535-5.626a4.503 4.503 0 0 1 7.963 1.917 4.5 4.5 0 0 1-.63 3.287l-.093.019Z" fill="#F2A068"/><path d="M311.275 168.729c-2.138-5.496-3.985-10.241-2.879-13.766l3.301-9.547-69.13-27.194-.15.422c-6.902 20.105-16.13 27.41-23.547 33.271-5.336 4.22-11.253 7.999-16.88 11.656-1.828 1.182-3.657 2.354-5.476 3.545-8.88 5.833-14.901 12.612-17.883 20.161-2.532 6.386-1.603 17.217 6.414 25.91l.122.131 121.907 5.177h.319l6.986-19.834c4.136-11.299.122-21.633-3.104-29.932Z" fill="#272727"/><path d="M298.325 195.313H191.647v37.867h106.678v-37.867Z" fill="#007372"/><path d="M349.863 342.277a24.483 24.483 0 0 1-21.652-13.129l-51.764-97.891a24.506 24.506 0 0 1-1.741-18.667 24.491 24.491 0 0 1 21.128-17.158 24.486 24.486 0 0 1 23.937 12.954l51.754 97.891a24.512 24.512 0 0 1-21.662 36Z" fill="#F2A068"/><path d="M319.771 208.357a24.556 24.556 0 0 0-14.468-12.218 24.542 24.542 0 0 0-26.341 7.82 24.55 24.55 0 0 0-2.59 27.354l29.811 56.378 43.399-22.947-29.811-56.387Z" fill="#007171"/><path d="M180.103 257.88v74.269l93.719.619h.047a6.681 6.681 0 0 0 6.329-4.52l24.082-70.331-124.177-.037Z" fill="#007372"/><path d="m277.085 332.562-.141-.15H183.92l-.113.31c-.14.403-14.263 40.041-14.263 57.399 0 35.287 29.23 63.992 65.155 63.992s65.164-28.705 65.164-63.992c0-32.24-22.553-57.306-22.778-57.559Z" fill="#FFBE3C"/><path d="M240.438 301.222c31.592 0 57.202-23.603 57.202-52.72 0-29.116-25.61-52.72-57.202-52.72s-57.203 23.604-57.203 52.72c0 29.117 25.611 52.72 57.203 52.72Z" fill="#007171"/><path d="M319.415 107.212a35.983 35.983 0 0 0-55.14-22.138 35.982 35.982 0 0 0-13.991 18.125l-9.734 28.132a35.948 35.948 0 0 0 25.835 46.841c2.697.624 5.456.938 8.224.937a35.874 35.874 0 0 0 33.909-24.231l9.743-28.132a35.84 35.84 0 0 0 1.154-19.534Z" fill="#F2A068"/><path d="M203.716 389.802v333.546a11.053 11.053 0 0 0 11.028 11.047h74.007a11.062 11.062 0 0 0 11.046-11.047V389.802h-96.081Z" fill="#FFBE3C"/><path d="M167.181 378.502h-.328L49.7 719.766a11.048 11.048 0 0 0 10.447 14.629h72.788a11.038 11.038 0 0 0 6.427-2.074 11.04 11.04 0 0 0 4.019-5.428l117.79-343.074-93.99-5.317Z" fill="#FFBE3C"/><path d="M129.681 334.85a24.543 24.543 0 0 1-21.676-13.058 24.554 24.554 0 0 1 1.374-25.267l61.291-90.464a24.546 24.546 0 0 1 33.886-6.248 24.548 24.548 0 0 1 6.756 33.789l-61.273 90.464a24.51 24.51 0 0 1-20.358 10.784Zm202.178-31.489 71.175-88.561a11.585 11.585 0 0 1 7.163-4.165 11.587 11.587 0 0 1 12.239 16.6l-50.704 101.67a23.82 23.82 0 0 1-13.723 12.558 23.804 23.804 0 0 1-18.566-1.144 23.815 23.815 0 0 1-12.078-14.147 23.83 23.83 0 0 1-.991-9.44 23.792 23.792 0 0 1 2.775-9.076 25.174 25.174 0 0 1 2.71-4.295Z" fill="#F2A068"/><path d="M319.452 107.203a35.765 35.765 0 0 0-27.007-27.317c-18.68-4.341-38.597 5.768-44.402 22.506l-12.125 34.613c-2.466 7.145-4.023 18.126-3.957 27.991.084 11.928 2.457 20.818 6.695 25.029l.563.562 17.817-59.753-.506-.112a9.817 9.817 0 0 1-6.48-4.576 10.016 10.016 0 0 1-.703-8.056c2.231-7.202 10.099-8.627 25.497-4.595 14.572 3.817 23.922 3.282 30.655-10.315.478 4.529 2.738 15.989 13.334 19.693l.526.178.112-.535a37.492 37.492 0 0 0-.019-15.313Z" fill="#272727"/><path d="M293.055 156.65c-1.101 0-2.199-.123-3.273-.366a15.126 15.126 0 0 1-9.199-6.33 1.701 1.701 0 0 1 .59-2.162 1.702 1.702 0 0 1 2.223.287 11.602 11.602 0 0 0 15.632 3.526 1.723 1.723 0 0 1 1.341-.272c.23.049.448.145.64.281a1.724 1.724 0 0 1 .704 1.173 1.708 1.708 0 0 1-.377 1.316c-.15.181-.335.33-.545.437a15.208 15.208 0 0 1-7.736 2.11Z" fill="#842306"/><path d="M135.223 334.859 93.024 457.704a16.037 16.037 0 0 0 15.154 21.24h.15l90.812-.807a26.302 26.302 0 0 0 24.634-17.704L266.77 335.45l.197-.553-131.744-.038Zm178.125-134.266a23.524 23.524 0 0 0-3.751-2.447l-.432-.225-44.552 126.652 5.129.759 43.737-124.27.094-.281-.225-.188Z" fill="#0A273D"/><path d="M419.744 151.736h-35.268a6.152 6.152 0 0 0-5.824 4.183l-21.371 63.222a6.144 6.144 0 0 0 5.823 8.112h35.316a6.159 6.159 0 0 0 5.833-4.182l21.324-63.214a6.153 6.153 0 0 0-3.025-7.44 6.176 6.176 0 0 0-2.808-.681Z" fill="#272727"/><path d="m412.899 204.26-33.112.488a4.693 4.693 0 0 1-4.317-4.547 4.686 4.686 0 0 1 4.064-4.774l33.074-1.313a5.081 5.081 0 0 1 .403 10.155l-.112-.009Z" fill="#F2A068"/><path d="m410.507 202.731-24.381-18.568a4.106 4.106 0 0 1 1.71-7.394 4.108 4.108 0 0 1 3.063.708l25.469 16.983a5.083 5.083 0 0 1-5.626 8.44l-.235-.169Z" fill="#F2A068"/><path d="M410.01 212.971h-33.571a4.521 4.521 0 0 1-4.409-4.438 4.516 4.516 0 0 1 4.25-4.592l33.515-1.125a5.06 5.06 0 0 1 3.639 1.36 5.067 5.067 0 0 1 1.612 3.535 5.074 5.074 0 0 1-4.895 5.251l-.141.009Z" fill="#F2A068"/><path d="m407.207 221.421-33.112-.066a4.217 4.217 0 0 1-4.323-4.116 4.22 4.22 0 0 1 4.116-4.324l33.094-1.65a5.09 5.09 0 0 1 3.77 1.237 5.081 5.081 0 0 1-3.255 8.909l-.29.01Z" fill="#F2A068"/><path d="M204.804 199.524a24.565 24.565 0 0 0-27.305-.213 24.568 24.568 0 0 0-6.829 6.73l-36.404 53.715 40.614 27.588 36.441-53.752a24.552 24.552 0 0 0-6.517-34.068Z" fill="#007171"/><path d="M391.415 221.421h3.019a5.46 5.46 0 0 1 5.177 7.183l-8.571 7.427 28.751-17.208 1.172-23.265-29.548 25.863Zm-260.571 71.155 112.079 14.714a13.86 13.86 0 0 1-1.819 27.607l-113.036-.122a21.2 21.2 0 0 1-19.983-12.975 21.2 21.2 0 0 1 0-16.426 21.19 21.19 0 0 1 19.983-12.976c.928.001 1.855.06 2.776.178Zm144.412-97.262a8.117 8.117 0 0 1-5.723-2.379 8.117 8.117 0 0 1-2.379-5.723 8.023 8.023 0 0 1 .592-3.118 8.023 8.023 0 0 1 4.402-4.396 8.005 8.005 0 0 1 3.118-.588h.469l-.732-50.695-18.558 5.683-12.631 40.323c-4.154 12.716-15.229 20.93-28.208 20.93h-2.166l26.342 12.069 38.588-12.078-3.114-.028Z" fill="#F2A068"/><path d="M211.237 195.313v.469c0 18.99 15.182 34.434 33.843 34.434s33.852-15.444 33.852-34.434v-.469h-67.695Zm76.388 101.756a7.296 7.296 0 0 0-6.001-3.085h-16.927a19.115 19.115 0 0 0-18.07 12.931l-9.377 27.373a.406.406 0 0 0 .056.384.412.412 0 0 0 .347.178h35.053a7.382 7.382 0 0 0 6.977-4.988l8.936-26.117a7.308 7.308 0 0 0-.994-6.676Z" fill="#F2A068"/><path d="m274.9 296.328-7.802-5.28a8.808 8.808 0 0 0-11.187 1.126l-15.426 15.688a.422.422 0 0 0 .3.722h23.659a.458.458 0 0 0 .319-.14l10.193-11.488a.482.482 0 0 0 .103-.337.413.413 0 0 0-.159-.291Z" fill="#F2A068"/><path d="M524.556 354.468v-38.879a25.467 25.467 0 0 0-25.46-25.46H424.33v64.339a25.438 25.438 0 0 0 7.457 17.999 25.456 25.456 0 0 0 18.003 7.451h49.306a25.46 25.46 0 0 0 25.46-25.45Z" fill="#fff"/><path d="M498.768 327.273a13.982 13.982 0 0 0-25.272-6.33 13.971 13.971 0 0 0-9.477-5.59 13.976 13.976 0 0 0-10.584 3.01 13.96 13.96 0 0 0-1.592 20.163l18.586 18.558a4.401 4.401 0 0 0 3.104 1.286 4.397 4.397 0 0 0 3.104-1.286l18.052-18.024.516-.515a13.92 13.92 0 0 0 3.563-11.272Z" fill="#E83452"/><path d="M590.133 0H472.155a25.45 25.45 0 0 0-25.451 25.45v124.44h143.429a25.451 25.451 0 0 0 25.45-25.45V25.45A25.45 25.45 0 0 0 590.133 0ZM334.156 44.205v64.817a25.46 25.46 0 0 0 25.451 25.46h70.865V44.205a25.45 25.45 0 0 0-25.45-25.45h-45.415a25.451 25.451 0 0 0-25.451 25.45Zm240.241 121.251H447.061v83.835a25.466 25.466 0 0 0 7.45 18.005 25.459 25.459 0 0 0 18 7.464h101.886a25.471 25.471 0 0 0 25.46-25.46v-58.394a25.458 25.458 0 0 0-25.46-25.45Z" fill="#fff"/><path d="M484.524 247.293h73.388a6.461 6.461 0 0 0 6.461-6.461V197.33a6.461 6.461 0 0 0-6.461-6.461h-73.388a6.46 6.46 0 0 0-6.461 6.461v43.502a6.46 6.46 0 0 0 6.461 6.461Z" fill="#059688"/><path d="M542.936 210.777h10.156a2.794 2.794 0 0 0 2.794-2.794v-5.43a2.794 2.794 0 0 0-2.794-2.794h-10.156a2.794 2.794 0 0 0-2.795 2.794v5.43a2.794 2.794 0 0 0 2.795 2.794Z" fill="#FFD03C"/><path d="M515.254 199.796h-26.735c-.767 0-1.388.621-1.388 1.388v1.322c0 .766.621 1.388 1.388 1.388h26.735c.766 0 1.387-.622 1.387-1.388v-1.322c0-.767-.621-1.388-1.387-1.388Zm-13.71 6.986h-13.025c-.767 0-1.388.622-1.388 1.388v1.322c0 .767.621 1.388 1.388 1.388h13.025c.766 0 1.388-.621 1.388-1.388v-1.322c0-.766-.622-1.388-1.388-1.388Zm62.829 18.568h-86.31v12.247h86.31V225.35Z" fill="#007171"/><path d="m397.07 103.208-32.822-.497-5.692-58.224 34.05-8.618a3.49 3.49 0 0 1 4.464 3.347v63.992Z" fill="#666"/><path d="M358.556 44.486h43.521a4.69 4.69 0 0 1 4.689 4.69v59.302a4.691 4.691 0 0 1-4.689 4.689h-41.795c-.458 0-.897-.182-1.22-.506a1.722 1.722 0 0 1-.506-1.22V44.486Z" fill="#CCC"/><path d="M399.517 83.375h-33.731c-.642 0-1.162.52-1.162 1.163v.469c0 .642.52 1.162 1.162 1.162h33.731c.642 0 1.163-.52 1.163-1.162v-.47c0-.641-.521-1.162-1.163-1.162Z" fill="#F2F2F2"/><path d="M384.532 67.79a2.288 2.288 0 0 0-1.257-3.517 2.288 2.288 0 0 0-2.503 3.517.332.332 0 0 1 .043.324.325.325 0 0 1-.259.2 15.556 15.556 0 0 0-13.457 15.408h31.105a15.558 15.558 0 0 0-13.456-15.407.323.323 0 0 1-.259-.2.323.323 0 0 1 .043-.325Z" fill="#F2F2F2"/><path d="M572.297 100.686a97.184 97.184 0 0 0-55.702-67.518l-.713-.31-35.756 81.837a4.548 4.548 0 0 0 .352 4.309 4.547 4.547 0 0 0 3.802 2.059c.34.002.68-.032 1.013-.103l87.154-19.515-.15-.759Z" fill="#FFBE3C"/><path d="m573.478 101.211-8.393 1.875a91.277 91.277 0 0 0-49.016-61.891c-.75-.366-3.132-1.575-3.132-1.575s.938-2.326 1.463-3.432l1.876-4.427a8.44 8.44 0 0 1 11.046-4.06c24.71 10.934 45.866 34.537 52.392 63.55a8.318 8.318 0 0 1-6.236 9.96Z" fill="#842306"/><path d="M535.115 66.486a14.064 14.064 0 0 0-18.332-10.235 14.063 14.063 0 0 0-9.373 11.69 14.065 14.065 0 1 0 27.705-1.455Zm-3.638 43.343a14.199 14.199 0 0 0-25.666-4.309 14.198 14.198 0 0 0-2.035 10.507l.197.938 27.729-6.246-.225-.89Z" fill="#E03E52"/><path d="M546.828 93.202a3.01 3.01 0 1 0 0 6.02 3.01 3.01 0 0 0 0-6.02Zm-39.451-6.357a3.011 3.011 0 1 0 0 6.022 3.011 3.011 0 0 0 0-6.022Zm-24.194 21.427h-.244l-2.129 4.848a3.003 3.003 0 0 0 2.687 1.147 3.013 3.013 0 0 0 2.696-3.151 3.01 3.01 0 0 0-3.01-2.853v.009Z" fill="#007171"/><path d="M562.113 262.437c8.908 0 16.129-7.221 16.129-16.129 0-8.908-7.221-16.129-16.129-16.129-8.908 0-16.129 7.221-16.129 16.129 0 8.908 7.221 16.129 16.129 16.129Z" fill="#059688"/><path d="M559.834 253.875a1.874 1.874 0 0 1-1.322-.543l-6.18-6.171a1.885 1.885 0 0 1-.445-.609 1.888 1.888 0 0 1-.033-1.478 1.857 1.857 0 0 1 1.047-1.043 1.865 1.865 0 0 1 1.477.039c.231.106.438.258.608.447l4.839 4.839 9.855-9.856a1.892 1.892 0 0 1 1.327-.55 1.877 1.877 0 0 1 1.327 3.204l-11.187 11.178a1.876 1.876 0 0 1-1.313.543Z" fill="#DCEDE1"/></svg>';
+defineCustomElement('sinch-illustration-hero-messages', createIllustrationClass(templateHTML));

package/illustrations/hero-page/index.d.ts

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

package/illustrations/hero-page/index.js

@@ -0,0 +1,4 @@
+import { defineCustomElement } from '../../utils';
+import { createIllustrationClass } from '../create-illustration-class';
+const templateHTML = '<svg viewBox="0 0 618 800" fill="none" aria-hidden="true" focusable="false"><path d="M111.589 741.283a50.26 50.26 0 0 1-15.802-41.874L18.438 672.49a299.388 299.388 0 0 0-12.73 44.456l43.724 25.652 79.056 46.382a26.481 26.481 0 0 0-3.418-35.178l-13.481-12.519Zm498.992-48.905a24.224 24.224 0 0 0-30.847-3.796l-11.262 7.282a30.057 30.057 0 0 1-33.594-.642 111.18 111.18 0 0 1-8.044-6.216l-64.443 57.787.416.733a113.65 113.65 0 0 0 32.981 36.516l119.273-84.836a24.164 24.164 0 0 0-4.48-6.828Z" fill="#666"/><path d="m431.939 319.359-49.024-117.69a63.833 63.833 0 0 0-20.444-26.385l-9.395-7.101a12.065 12.065 0 0 1-4.177-13.649 12.065 12.065 0 0 1 2.627-4.317l-32.115-26.934a44.944 44.944 0 0 1-17.993 5.321 42.911 42.911 0 0 1-25.703 8.487 72.416 72.416 0 0 1 12.467 22.285c6.344 18.286 5.187 37.949-3.258 55.365l-15.636 32.236-13.278 27.377 73.9 31.877a18.337 18.337 0 0 1 14.618-3.167 18.333 18.333 0 0 1 12.11 8.777l38.259 66.416c18.968 32.927 68.138 27.123 78.922-9.315l24.942-84.307a62.055 62.055 0 0 1 1.299-3.914l-38.331-33.395-29.79 72.033Z" fill="#FFBE3C"/><path d="M277.329 212.302c6.957-14.35 8.811-30.74 4.698-46.052-.069-.248-.124-.505-.202-.758-.17-.603-.363-1.204-.553-1.804-.158-.497-.308-1.001-.479-1.498-.055-.16-.112-.319-.168-.478a66.568 66.568 0 0 0-1.213-3.19c-.056-.138-.116-.273-.173-.41a66.543 66.543 0 0 0-1.398-3.112c-.06-.124-.125-.248-.183-.372a64.942 64.942 0 0 0-1.583-3.032c-.061-.109-.124-.217-.186-.326-.566-1-1.157-1.984-1.771-2.951-.058-.092-.124-.181-.178-.272a66.362 66.362 0 0 0-1.963-2.871c-.052-.074-.108-.144-.16-.216a64.809 64.809 0 0 0-2.159-2.79c-.042-.052-.086-.102-.124-.154a66.712 66.712 0 0 0-2.364-2.71l-.074-.077a66.845 66.845 0 0 0-2.585-2.633l-12.792-.621a103.668 103.668 0 0 0-73.494 25.727L143.571 192.2l-15.319 13.481-51.067 44.946c-26.804 23.592-30.65 61.417-14.056 89.363a71.722 71.722 0 0 0 5.141 7.504 70.62 70.62 0 0 0 20.586 17.707l42.067 24.007 24.088-43.774 7.858-14.277-27.69-16.678-9.355-5.68 68.528-54.476a11.435 11.435 0 0 1 11.652-1.549l42.758 18.444 12.947-26.694 15.62-32.222Z" fill="#FFBE3C"/><path d="M397.947 101.311a2.634 2.634 0 0 0-5.267.043c0 .16.278 14.114 14.2 20.133l1.788-4.964c-10.397-4.704-10.708-14.7-10.721-15.212Z" fill="#842306"/><path d="M4.208 724.772 0 748.574l38.137 19.749 11.292-25.726-43.72-25.652a314.94 314.94 0 0 0-1.501 7.827ZM67.7 783.53 95 797.18c11.85 5.924 25.969 2.173 33.481-8.205l-79.05-46.377c-3.209 19.922 5.365 34.481 18.27 40.932Zm428.088.512a113.478 113.478 0 0 0 11.335 7.116l13.349 7.301 27.921-21.451-15.493-19.07 2.385 1.08a38.754 38.754 0 0 0 40.216-5.088l32.546-26.123c8.785-7.051 11.273-18.877 7.014-28.601l-119.273 84.836Zm-264.52-476.748 17.496-36.072L206 252.773l-43.135 78.389 6.74-6.701a65.438 65.438 0 0 1 61.663-17.167Zm292.744 379.227a112.134 112.134 0 0 1-23.443-29.939l-175.936-326.91c-4.419-8.214-1.9-18.171 5.287-23.441l-73.9-31.877-87.601 180.66c-8.438 17.416-23.166 30.502-41.452 36.845a72.55 72.55 0 0 1-23.807 4.039 71.29 71.29 0 0 1-4.53-.155L26.917 652.025a295.663 295.663 0 0 0-6.342 14.891 295.188 295.188 0 0 0-2.137 5.573l77.349 26.919 26.796 9.324 5.879-11.926 14.739-29.889 107.66-218.414 189.414 318.118 22.111-19.828 64.443-57.791a111.78 111.78 0 0 1-2.818-2.481Zm-42.538-471.563 78.752-69.707a9.045 9.045 0 0 0 2.89-9.891 9.048 9.048 0 0 0-8.234-6.196 9.064 9.064 0 0 0-6.647 2.528L469.477 201.4a9.057 9.057 0 0 0 5.533 15.579 9.057 9.057 0 0 0 6.464-2.021Z" fill="#0A273D"/><path d="M356.54 84.528a5.708 5.708 0 1 0 0 11.416 5.708 5.708 0 0 0 0-11.416Zm-80.824 52.563c-.668 0-1.338-.015-2.01-.048l-9.2-.444c.888.853 1.75 1.73 2.584 2.633l.075.077a62.7 62.7 0 0 1 2.364 2.71c.043.052.087.102.124.154.745.91 1.464 1.84 2.159 2.789.052.072.108.143.16.216.68.938 1.335 1.895 1.963 2.872.059.09.124.18.178.272a63.401 63.401 0 0 1 1.771 2.95l.186.327a65.411 65.411 0 0 1 1.583 3.031c.061.124.124.249.183.373a57.198 57.198 0 0 1 1.398 3.112c.057.136.117.272.173.409.431 1.049.833 2.11 1.213 3.191.03.085.066.167.096.248.029.081.047.15.072.224.171.497.321.993.479 1.498.19.602.381 1.201.553 1.805.071.248.134.506.202.758 4.095 15.047 2.66 30.879-4.21 45.045l-.488 1.006-15.615 32.226-12.947 26.698-17.497 36.072-24.959 51.475-4.83 9.96-1.284 2.649c-11.789 24.315-41.695 33.576-65.164 20.181l-4.112-2.346-42.06-24.013a70.601 70.601 0 0 1-20.588-17.712 67.946 67.946 0 0 1-2.946-4.045 69.382 69.382 0 0 1-2.195-3.458l-25.113 51.795c-17.433 35.953-2.366 79.386 33.587 96.82a72.358 72.358 0 0 0 27.028 7.144 72.05 72.05 0 0 0 4.531.155 72.55 72.55 0 0 0 23.807-4.039c18.286-6.344 33.008-19.429 41.452-36.845l87.601-180.66 13.278-27.377 15.636-32.236c8.445-17.417 9.602-37.079 3.258-55.365a72.419 72.419 0 0 0-12.476-22.287Z" fill="#E83452"/><path d="M484.68 212.124a76.562 76.562 0 0 0-20.001 28.065l-2.95 7.138 38.333 33.397a63.3 63.3 0 0 1 15.212-23.466l19.101-18.63a68.825 68.825 0 0 0 12.658-81.69l-62.353 55.186ZM390.746 66.699a24.841 24.841 0 0 0-22.824-15.04c-13.719 0-24.838 11.121-24.838 24.84 0 .431.042.852.063 1.279l-.063.013v5.688c0 17.184-9.574 32.133-23.678 39.804l32.118 26.928a12.123 12.123 0 0 1 8.873-3.901l20.655-.018a24.073 24.073 0 0 0 22.633-15.928l3.195-8.879c-13.922-6.018-14.2-19.979-14.2-20.132a2.648 2.648 0 0 1 .192-1.01 2.633 2.633 0 0 1 5.075.966c.007.513.324 10.508 10.721 15.206l18.805-52.288a47.753 47.753 0 0 0 2.72-19.572L390.746 66.7Zm-34.206 29.24a5.706 5.706 0 0 1-5.598-6.822 5.7 5.7 0 0 1 4.484-4.485 5.707 5.707 0 1 1 1.114 11.306Zm-186.935 228.52-6.74 6.701-7.858 14.277-24.091 43.777 4.111 2.346c23.47 13.395 53.374 4.134 65.164-20.181l1.284-2.649 4.83-9.96 24.96-51.475a65.428 65.428 0 0 0-61.66 17.164Z" fill="#FFE1CC"/><path d="M391.904.974c-18.455-3.761-36.709 3.632-47.578 17.714v-.016l-5.233 6.364a37.095 37.095 0 0 1-29.817 13.505l-10.065-.321v.013c-.47-.014-.939-.036-1.414-.036-25.009 0-45.284 20.274-45.284 45.284 0 25.009 20.275 45.283 45.284 45.283 1.219 0 2.424-.062 3.619-.157a44.985 44.985 0 0 0 17.995-5.324c14.104-7.671 23.678-22.621 23.678-39.805v-5.687l.063-.013c-.021-.427-.063-.848-.063-1.28 0-13.718 11.119-24.84 24.838-24.84a24.84 24.84 0 0 1 22.824 15.04l39.447-22.042C428.735 23.917 413.782 5.432 391.904.974Z" fill="#842306"/></svg>';
+defineCustomElement('sinch-illustration-hero-page', createIllustrationClass(templateHTML));

package/illustrations/jump/index.d.ts

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

package/illustrations/jump/index.js

@@ -0,0 +1,4 @@
+import { defineCustomElement } from '../../utils';
+import { createIllustrationClass } from '../create-illustration-class';
+const templateHTML = '<svg viewBox="0 0 614 800" fill="none" aria-hidden="true" focusable="false"><path d="m538.058 271.847 25.412-3.841a11.026 11.026 0 0 0 9.456-10.342l1.477-22.753a6.087 6.087 0 0 1 5.91-5.614 5.913 5.913 0 0 1 5.91 5.91l.295 20.093 11.82-7.092a8.54 8.54 0 0 1 13.001 6.796l.886 17.434a15.66 15.66 0 0 1-11.524 15.956l-55.551 15.365M223.66 123.808a6.377 6.377 0 0 0-5.023 1.478 7.74 7.74 0 0 0-1.477 2.659l-2.955 15.366a5.7 5.7 0 0 0-2.66-1.478 6.053 6.053 0 0 0-5.023 1.478l-.591.591a4.398 4.398 0 0 0-2.068-.887 6.058 6.058 0 0 0-5.023 1.478l-.591.591a4.397 4.397 0 0 0-2.069-.887 6.053 6.053 0 0 0-5.023 1.477 5.714 5.714 0 0 0-1.478 2.66s-2.954 15.956-3.25 21.866c.078 2.078.275 4.15.591 6.205a47.6 47.6 0 0 1-.295 14.479c-2.069 11.819-6.206 32.503-6.206 32.503a5.363 5.363 0 0 0 .916 4.032 5.355 5.355 0 0 0 3.517 2.174l20.684 7.682a5.435 5.435 0 0 0 6.205-5.614l5.91-41.368c.591-6.796 2.364-10.933 6.796-13.592a13.331 13.331 0 0 0 5.91-6.206l3.841-6.796c1.773-3.25 1.773-6.205-.296-7.682a6.44 6.44 0 0 0-8.273 3.25s-5.91 7.387-5.614 6.205l7.091-35.458a5.145 5.145 0 0 0-3.546-6.206Z" fill="#832511"/><path d="m385.882 622.294-25.116 72.69-25.707-39.595 21.275-76.236 29.548 43.141Z" fill="#fff"/><path d="m340.082 621.703-22.161 61.462 47.573 56.142c11.82 13.888 33.686 0 26.003-16.547l-14.774-32.208a39.01 39.01 0 0 1-3.251-17.434l.296-6.205a8.86 8.86 0 0 0-1.478-5.614l-27.48-39.891a2.57 2.57 0 0 0-4.728.295Z" fill="#14374D"/><path d="M343.332 664.254a8.865 8.865 0 1 0 0-17.73 8.865 8.865 0 0 0 0 17.73Z" fill="#A8D7E2"/><path d="m269.1 507.717-33.967 10.726 17.818 56.423 33.966-10.726-17.817-56.423Z" fill="#fff"/><path d="m283.348 532.466 19.798 62.347-49.937 54.074c-12.115 13.297-33.686-1.477-25.412-17.729l15.956-31.617a34.689 34.689 0 0 0 3.841-17.138v-6.205a9.107 9.107 0 0 1 1.773-5.614l28.958-39.005a2.959 2.959 0 0 1 2.766-.997 2.96 2.96 0 0 1 2.257 1.884Z" fill="#14374D"/><path d="M278.62 574.721a8.863 8.863 0 0 0 8.864-8.864 8.865 8.865 0 1 0-8.864 8.864Zm-44.618 77.417a15.156 15.156 0 0 0 19.502-2.659l49.642-54.074-4.137-12.706-65.007 69.439Z" fill="#A8D7E2"/><path d="m430.501 500.259-46.982-98.397-.296-14.183s-170.496-23.048-180.542-23.048a26.122 26.122 0 0 0-25.412 27.776l1.477 7.682 39.3 125.287 4.432 3.545 61.757-2.364a4.134 4.134 0 0 0 3.546-4.136 1.773 1.773 0 0 0-.296-1.182l-.295-.591-28.367-78.895 92.783 34.867 21.275 28.662-38.413 97.215c0 .296-.296.296-.296.591v.296c0 .295-.295.886-.295 1.182a4.255 4.255 0 0 0 2.364 3.841 1.098 1.098 0 0 0 .886.296l57.62 23.343c.295 0 .295 0 .591.296l.591.295c.295 0 .591.296.886.296a4.26 4.26 0 0 0 3.842-2.364v-.296c0-.295 0-.295.295-.591 1.182-3.546 2.069-7.091 3.251-10.637 2.659-8.569 5.023-16.843 7.682-25.412 2.955-10.047 6.205-20.389 9.16-30.435l7.978-25.708c2.069-6.5 5.319-13.592 5.91-20.388v-.296a27.835 27.835 0 0 0-4.432-16.547Z" fill="#009687"/><path d="M384.701 742.971a14.775 14.775 0 0 1-19.207-3.546l-47.573-55.847 4.432-12.706 62.348 72.099Z" fill="#A8D7E2"/><path d="M203.272 416.931c14.524 0 26.298-11.775 26.298-26.299s-11.774-26.298-26.298-26.298-26.298 11.774-26.298 26.298 11.774 26.299 26.298 26.299Zm18.615 111.399a4.137 4.137 0 1 0 0-8.273 4.137 4.137 0 0 0 0 8.273Z" fill="#009687"/><path d="m551.651 263.868-84.214 17.729s-59.984-42.254-64.121-44.322a30.48 30.48 0 0 0-16.251-4.433h-76.531a32.777 32.777 0 0 0-5.615.591 5.022 5.022 0 0 0-2.068.296l-85.396 23.343 4.137-46.982-42.254-14.775s-2.955 51.711-5.024 87.76a27.573 27.573 0 0 0 11.82 24.23c7.683 5.614 17.434 5.319 26.594 2.955 7.091-1.773 77.417-20.684 77.417-20.684-2.659 10.046-27.185 82.145-27.185 82.145l120.263 30.139 11.229-108.443s38.413 26.889 51.119 34.572c4.728 2.955 9.751 5.023 15.07 3.546 25.707-7.092 100.17-27.185 100.17-27.185l-9.16-40.482Z" fill="#CCE8FA"/><path d="M359.289 258.55a8.564 8.564 0 0 0 9.053 1.381 8.567 8.567 0 0 0 5.13-7.586v-11.228a7.959 7.959 0 0 1 2.328-5.65 7.945 7.945 0 0 1 5.65-2.328 22.758 22.758 0 0 0 16.089-6.664 22.758 22.758 0 0 0 6.664-16.089v-39.3a30.89 30.89 0 0 0-19.199-28.436 30.878 30.878 0 0 0-42.558 28.732v52.006a9.225 9.225 0 0 1-2.7 6.46 9.225 9.225 0 0 1-6.46 2.7h-2.66l28.663 26.002Z" fill="#832511"/><path d="M352.493 148.334c13.887-15.661 44.913-7.092 48.164 8.569 1.477 19.502-25.412 16.843-25.412 19.207v9.455h-6.205v-.886a6.153 6.153 0 0 0-1.588-4.206 6.152 6.152 0 0 0-4.026-2 6.083 6.083 0 0 0-4.511 1.569 6.09 6.09 0 0 0-1.99 4.341v8.865a14.952 14.952 0 0 1-14.479 14.774v-36.345a32.127 32.127 0 0 1 10.047-23.343Z" fill="#FBBD3F"/></svg>';
+defineCustomElement('sinch-illustration-jump', createIllustrationClass(templateHTML));

package/illustrations/laptop-holding/index.d.ts

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

package/illustrations/laptop-holding/index.js

@@ -0,0 +1,4 @@
+import { defineCustomElement } from '../../utils';
+import { createIllustrationClass } from '../create-illustration-class';
+const templateHTML = '<svg viewBox="0 0 498 400" fill="none" aria-hidden="true" focusable="false"><path d="m292.751 126.515 1.323-2.827c-4.752 2.226-10.347 1.323-14.257-2.286-3.911-3.61-5.355-9.205-3.73-14.318 4.933-15.461 10.888-34.11 15.461-48.368 4.271-13.416 16.363-22.68 30.079-23.041 18.048-.482 42.834-1.204 59.137-1.625 11.13-.3 22.018-3.61 31.524-9.565a13704.895 13704.895 0 0 1 35.794-22.44c6.377-4.03 14.739-1.985 18.65 4.573 7.821 12.994 20.394 33.87 28.275 46.984a14.175 14.175 0 0 1 1.624 10.708c-.902 3.67-3.128 6.798-6.257 8.724-14.137 8.602-36.697 22.319-44.698 27.192-1.865 1.143-3.309 3.008-3.85 5.173-6.317 23.523-27.132 39.886-50.895 40.006-5.535 0-21.657-41.69-21.597-42.713.12-5.414-2.286-10.588-6.076-14.318-3.79-3.73-8.964-5.534-14.198-5.113-6.858.601-12.694 5.173-15.1 11.79-2.166 6.017-4.873 13.597-7.339 20.455-4.212 11.791-9.566 23.041-15.943 33.75a2123.171 2123.171 0 0 0-4.211 7.038c-3.369 5.655-10.107 8.182-16.243 6.076-4.151-1.444-7.46-4.812-8.843-9.084-1.384-4.271-.722-9.024 1.804-12.693l9.566-14.078Z" fill="#F2A068"/><path d="M386.058 115.025c0-11.19-8.844-20.274-19.732-20.274H97.172c-10.888 0-19.732 9.084-19.732 20.274v214.588h308.678c-.06 0-.06-157.557-.06-214.588Z" fill="#CCC"/><path d="M99.158 128.741v-6.076c0-3.429 2.707-6.196 6.016-6.196h254.294c3.308 0 6.015 2.767 6.015 6.196v173.68c0 4.572-3.609 8.302-8.061 8.302H107.159c-4.452 0-8.062-3.73-8.062-8.302V128.741h.06Z" fill="#272727"/><path d="M416.258 342.668c0-13.476-10.648-24.425-23.763-24.425H72.327c-13.175 0-23.824 10.949-23.824 24.425h367.755Z" fill="#666"/><path d="M231.749 108.708c1.925 0 3.429-1.564 3.429-3.549 0-1.925-1.564-3.55-3.429-3.55-1.925 0-3.429 1.564-3.429 3.55 0 1.925 1.504 3.549 3.429 3.549Z" fill="#272727"/><path d="M106.979 346.939c33.388-70.567-21.598-93.066-21.959-97.157-.42-5.535-.661-23.402-.722-35.554-.12-6.919-4.993-12.754-11.61-13.837-7.28-1.263-14.258 3.61-15.822 11.069a22392.71 22392.71 0 0 1-6.618 30.922c-1.925 9.145-1.444 18.59 1.444 27.433 4.933 15.1.842 28.576-11.791 46.383L5.49 352.835c-6.377 9.866-6.498 20.334 3.128 26.891l47.044 17.868c7.942 4.812 18.229 2.105 22.921-6.077" fill="#F2A068"/><path d="M291.668 58.896c4.271-13.416 16.363-22.68 30.08-23.041 18.047-.481 42.833-1.203 59.136-1.624 11.13-.301 22.019-3.61 31.524-9.566a13701.673 13701.673 0 0 1 35.795-22.44c6.377-4.03 14.739-1.984 18.649 4.573 7.821 12.994 20.394 33.87 28.275 46.985a14.17 14.17 0 0 1 1.624 10.708c-.902 3.67-3.128 6.798-6.256 8.723-12.092 7.34-39.104 25.929-46.624 31.042-1.263.903-2.226 2.166-2.827 3.61-8.363 22.379-29.178 37.299-52.52 37.599-1.624 0-3.188.061-4.572.061-4.692.06-9.204 1.925-12.633 5.173-5.294 4.994-13.235 12.453-17.506 16.484-1.986 1.865-4.573 2.767-7.22 2.527-4.933-.421-9.385-3.189-11.971-7.52a16.57 16.57 0 0 1-1.264-14.378c.421-1.083.662-1.745.662-1.745s9.325-20.695 25.628-25.508c5.595-2.707 9.204-8.422 9.385-14.739 0-.962.722-11.009-5.715-17.265-3.851-3.73-8.964-5.535-14.198-5.114" fill="#F2A068"/></svg>';
+defineCustomElement('sinch-illustration-laptop-holding', createIllustrationClass(templateHTML));

package/illustrations/laptop-sitting-verified/index.d.ts

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