@nectary/components 0.30.0 → 0.31.0

package/illustrations/passing-heart/index.js

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/illustrations/pineapple/index.d.ts

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

package/illustrations/pineapple/index.js

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

package/illustrations/pizza/index.d.ts

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

package/illustrations/pizza/index.js

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

package/illustrations/plane/index.d.ts

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

package/illustrations/plane/index.js

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

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

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

package/illustrations/presenting-charts/index.js

@@ -0,0 +1,4 @@
+import { defineCustomElement } from '../../utils';
+import { createIllustrationClass } from '../create-illustration-class';
+const templateHTML = '<svg viewBox="0 0 704 800" fill="none" aria-hidden="true" focusable="false"><path d="m75.596 729.084-.824-17.686a22.045 22.045 0 0 1 8.898-18.733l35.593-26.365-35.593-41.677-56.254 48.04 48.18 56.421Z" fill="#F2A068"/><path d="m93.805 772.711-11.56-15.461a26.88 26.88 0 0 1-5.107-20.068l3.012-20.844c2.572-17.79-9.102-24.788-26.545-26.605-.167-.019-.333-.032-.5-.048h-.146a2.446 2.446 0 0 1-2.238-2.222 41.455 41.455 0 0 0-9.775-23.125 2.61 2.61 0 0 0-3.674-.299L.912 695.078a2.6 2.6 0 0 0-.29 3.664l22.9 31.887a2.601 2.601 0 0 0 3.666.288l2.614-2.233a2.621 2.621 0 0 1 4.315 2.21l-.264 3.271a35.83 35.83 0 0 0 8.46 26.224l27.352 32.025a15.59 15.59 0 0 0 22.047 1.682c6.238-5.38 7.02-14.786 2.087-21.385" fill="#12364C"/><path d="M106.376 342.998s124.012-29.959 124.042-15.703a9.048 9.048 0 0 0 1.69 5.25l88.623 123.856 2.649 3.709c25.267 35.447 18.235 84.499-15.976 111.411L142.218 698.31c-4.98 3.917-12.301 2.948-16.32-2.159L77.061 634.09c-4.021-5.107-3.24-12.449 1.74-16.367l145.916-111.632-118.341-163.093Z" fill="#CDE9FB"/><path d="m187.501 752.127-13.984-10.86a22.044 22.044 0 0 1-8.476-18.932l3.065-44.186h-54.798v73.976h74.193v.002Z" fill="#F2A068"/><path d="m232.457 766.711-19.265-1.252a26.877 26.877 0 0 1-18.574-9.147l-13.896-15.827c-11.859-13.509-24.761-9.176-37.468 2.914-.125.116-.244.233-.363.349l-.103.104a2.453 2.453 0 0 1-3.145.264 41.483 41.483 0 0 0-23.937-7.589 2.61 2.61 0 0 0-2.61 2.599v56.156a2.608 2.608 0 0 0 .761 1.839 2.594 2.594 0 0 0 1.838.762h39.119a2.598 2.598 0 0 0 2.598-2.601v-8.495a2.626 2.626 0 0 1 1.62-2.428 2.62 2.62 0 0 1 2.862.574l2.315 2.331a35.829 35.829 0 0 0 25.429 10.596h42.139a15.59 15.59 0 0 0 11.055-4.596 15.601 15.601 0 0 0 4.541-11.078c-.04-8.238-6.686-14.939-14.905-15.472" fill="#12364C"/><path d="m112.016 308.644.151-.164 99.171-.093.119.337c.154.424 15.226 42.726 15.226 61.255 0 37.656-139.1 68.288-139.1 68.288L86.58 372.89a86.788 86.788 0 0 1 4.36-28.536c4.932-14.964 12.015-36.735 11.523-36.873" fill="#CDE9FB"/><path d="M189.395 366.339V689.06c0 5.893-5.298 10.688-11.788 10.688H98.631c-6.5 0-11.79-4.795-11.79-10.688V366.204l102.554.135Z" fill="#CDE9FB"/><path d="M101.452 177.92a55.677 55.677 0 0 1 43.685-23.397l26.298-.808L103.306 270.3a27.548 27.548 0 0 1-37.574 9.965 27.582 27.582 0 0 1-13.163-18.005 27.577 27.577 0 0 1 4.461-21.853l44.422-62.487Z" fill="#F2A068"/><path d="m357.921 352.017-21.54 1.643a1.961 1.961 0 0 0-.747 3.647l14.473 8.381a5.108 5.108 0 0 1 2.286 6.008c-.858 2.606-3.708 4.008-6.344 3.274l-30.128-8.728a35.503 35.503 0 0 1-5.981-2.456 48.282 48.282 0 0 1-22.473-23.906c-2.692-6.206-5.372-12.407-5.372-12.407l31.532-12.508 5.751 14.065a9.049 9.049 0 0 0 7.528 5.587l2.778.265c3.926.371 7.887.068 11.711-.896a45.59 45.59 0 0 1 21.721-.113c5.218 1.255 10.805 2.516 12.566 2.598a5.628 5.628 0 0 1 5.057 3.801l3.385.419a5.619 5.619 0 0 1 4.916 5.205 4.613 4.613 0 0 1-1.131 3.348 4.617 4.617 0 0 1-3.17 1.563c-.302.018-.615.042-.933.066l4.445 5.107a5.62 5.62 0 0 1 .183 7.152 4.628 4.628 0 0 1-3.079 1.735 4.6 4.6 0 0 1-3.403-.954c-4.453-3.499-11.862-8.442-15.581-10.886-1.947.291-3.178.492-3.178.492a39.498 39.498 0 0 1-5.269-1.51l-.003.008Z" fill="#F2A068"/><path d="M703.568 363.653a12.777 12.777 0 0 0-3.744-9.042 12.784 12.784 0 0 0-9.042-3.744H275.218a12.777 12.777 0 0 0-9.042 3.744 12.784 12.784 0 0 0-3.744 9.042 12.79 12.79 0 0 0 12.786 12.786h415.564a12.787 12.787 0 0 0 12.786-12.786Z" fill="#2E3542"/><path d="M689.656 13.467A13.466 13.466 0 0 0 676.192 0h-387.87a13.466 13.466 0 0 0-13.467 13.467V286.51a13.467 13.467 0 0 0 13.467 13.464h387.87a13.463 13.463 0 0 0 13.464-13.464V13.467Z" fill="#F2F2F2"/><path d="M606.976 143.553a32.631 32.631 0 0 0 32.317-32.944l-16.315.157a16.317 16.317 0 0 1-16.158 16.473l.156 16.314Z" fill="#A7D5C2"/><path d="M637.295 108.527a32.629 32.629 0 0 0-20.435-29.955 32.633 32.633 0 0 0-42.225 43.049 32.64 32.64 0 0 0 30.344 19.853l-.159-16.315a16.317 16.317 0 1 1 16.158-16.476l16.315-.156h.002Zm.001 90.488a31.353 31.353 0 0 1-53.523 22.188 31.353 31.353 0 0 1 22.17-53.529 31.37 31.37 0 0 1 31.353 31.352v-.011Z" fill="#007171"/><path d="M605.888 199.341h-35.85v-.326a35.923 35.923 0 0 1 35.852-35.903v36.229h-.002Z" fill="#A7D5C2"/><path d="M354.067 126.584a3.711 3.711 0 0 0-3.708-3.708h-24.775a3.708 3.708 0 0 0-3.709 3.708V230.37h32.208V126.584h-.016Zm39.188-23.431a3.708 3.708 0 0 0-3.709-3.709h-24.777a3.709 3.709 0 0 0-3.709 3.709V230.37h32.208V103.153h-.013Zm39.19 92.485a3.71 3.71 0 0 0-3.709-3.708h-24.783a3.707 3.707 0 0 0-3.708 3.708v34.732h32.208v-34.732h-.008Zm39.187-114.053a3.706 3.706 0 0 0-3.708-3.708h-24.775a3.708 3.708 0 0 0-3.708 3.708V230.37h32.191V81.585Zm39.188 64.495a3.708 3.708 0 0 0-3.709-3.708h-24.775a3.71 3.71 0 0 0-3.708 3.708v84.29h32.207v-84.29h-.015Z" fill="#007171"/><path d="M151.823 71.064c30.022-8.044 60.924 9.801 68.974 39.821 8.05 30.02-9.801 60.924-39.82 68.977-30.02 8.052-60.925-9.801-68.977-39.824-8.053-30.022 9.801-60.929 39.823-68.974Z" fill="#272727"/><path d="M213.56 106.382a26.642 26.642 0 0 1 33.479 23.988 26.644 26.644 0 0 1-30.06 28.155 26.644 26.644 0 0 1-22.255-19.517 26.653 26.653 0 0 1 18.836-32.626Z" fill="#272727"/><path d="M274.354 203.248a29.646 29.646 0 0 0-37.015-18.396 29.748 29.748 0 0 0-16.587 43.372l65.856 112.35a17.401 17.401 0 0 0 32.406-9.192 7.874 7.874 0 0 0-.447-2.45c-3.613-10.272-29.758-84.571-44.236-125.681l.023-.003Z" fill="#F2A068"/><path d="M264.498 175.091a37.798 37.798 0 0 0-35.659-25.257h-92.774a27.784 27.784 0 0 0-12.678 3.064 27.783 27.783 0 0 0-9.88 8.514L65.957 227.7l51.123-1.033-21.418 103.412h135.177l-.056-84.936 6.116 10.119 48.12-21.851-20.521-58.32Z" fill="#FFBE3C"/><path d="M242.322 57.695a36.587 36.587 0 0 0-70.36 2.872l-7.035 29.463a36.573 36.573 0 0 0 4.318 27.756 36.576 36.576 0 0 0 22.724 16.511 36.574 36.574 0 0 0 38.203-14.24 36.59 36.59 0 0 0 5.917-13.042l7.035-29.464a36.517 36.517 0 0 0-.794-19.866" fill="#F2A068"/><path d="M220.431 115.154a14.78 14.78 0 0 1-3.284-.037 15.134 15.134 0 0 1-9.769-5.382 1.714 1.714 0 0 1-.378-1.254 1.715 1.715 0 0 1 1.873-1.53c.452.045.867.268 1.154.62a11.6 11.6 0 0 0 15.893 1.962 1.706 1.706 0 0 1 2.705 1.621 1.704 1.704 0 0 1-.671 1.121 15.144 15.144 0 0 1-7.504 2.879" fill="#894915"/><path d="M242.372 57.681a36.382 36.382 0 0 0-30.091-24.94c-19.337-2.52-38.475 9.717-42.671 27.285l-8.797 36.2c-1.785 7.474-2.254 18.745-1.197 28.716 1.282 12.071 4.577 20.828 9.271 24.661l.633.53 12.047-62.249-.53-.06c-2.932-.361-5.422-1.776-7.014-3.974-1.592-2.199-2.138-5.086-1.526-8.08 1.537-7.52 9.314-9.49 25.347-7.212 25.104 3.568 41.164 2.368 44.502-10.84.021.099.1 0 0 0" fill="#272727"/><path d="M215.203 149.807h-.072a12.277 12.277 0 0 1-3.777-.559 8.243 8.243 0 0 1-1.828-14.998 6.506 6.506 0 0 1 1.385-.617l.451-.135-14.06-49.608-16.728 10.481-9.329 44.236a14.152 14.152 0 0 1-13.674 11.229l-3.091.04 28.984 20.894 32.17-19.4a.841.841 0 0 0-.431-1.56v-.003Z" fill="#F2A068"/><path d="M151.728 149.853v.476c0 19.313 15.443 35.026 34.435 35.026 18.992 0 34.435-15.713 34.435-35.026v-.476h-68.87Z" fill="#F2A068"/><path d="M184.796 81.766a1.982 1.982 0 1 1 .394 3.945 1.982 1.982 0 0 1-.394-3.945Z" fill="#fff"/><path d="M299.699 357.757a31.603 31.603 0 0 1-9.576-10.352 22786.012 22786.012 0 0 1-11.464-19.932l68.788 23.087-10.282.562a3.32 3.32 0 0 0-2.932 4.468 3.321 3.321 0 0 0 1.26 1.6c.069.051.111.098.14.117l14.474 8.381a5.103 5.103 0 0 1 2.286 6.008c-.858 2.606-3.708 4.007-6.344 3.274l-30.128-8.728c-5.341-1.55-11.655-5.372-16.222-8.477v-.008Zm-40.422-155.481-.095-.244a5.037 5.037 0 0 0-5.735-3.073l-41.964 8.977a4.943 4.943 0 0 1-2.799-.212c-1.341-.498-3.905-1.324-9.571-2.164-6.166-.922-11.758 5.052-14.423 8.959-2.408 3.533-5.918 6.336-10.182 6.818l-4.546.432.019.047-.861.098-51.817 4.861-40.721 4.278a26.978 26.978 0 0 0-19.568 11.472 26.404 26.404 0 0 0-3.708 22.195 26.646 26.646 0 0 0 13.244 16.317 27.14 27.14 0 0 0 21.074 1.796l52.125-17c.297-.041.591-.101.88-.18 0 0 26.88-8.477 41.476-12.673.217-.042.437-.092.659-.153 3.894-1.06 9.396-.623 13.422-.265 3.571.315 8.026.553 10.98.18 7.483-.948 27.879-8.063 27.89-8.066l.265-.087a5.117 5.117 0 0 0 3.021-7.566 5.12 5.12 0 0 0-2.319-2.044 5.13 5.13 0 0 0 .341-9.838 5.135 5.135 0 0 0 .207-10.066l16.751-5.226a4.69 4.69 0 0 0 1.261-.612l1.518-.472a4.993 4.993 0 0 0 2.999-2.566 4.92 4.92 0 0 0 .177-3.923Z" fill="#F2A068"/><path d="M308.965 367.648v430.231c0 .562.223 1.101.621 1.498a2.115 2.115 0 0 0 2.996 0c.398-.397.621-.936.621-1.498V367.648a2.12 2.12 0 0 0-4.238 0Zm366.074 0v430.231c0 .562.223 1.101.621 1.498a2.115 2.115 0 0 0 2.997 0c.397-.397.62-.936.62-1.498V367.648a2.118 2.118 0 1 0-4.238 0Zm-386.097 0v430.231c0 .562.223 1.101.621 1.498a2.115 2.115 0 0 0 2.996 0c.398-.397.621-.936.621-1.498V367.648a2.12 2.12 0 0 0-4.238 0Zm366.077 0v430.231c0 .562.223 1.101.621 1.498a2.115 2.115 0 0 0 2.996 0c.398-.397.621-.936.621-1.498V367.648a2.12 2.12 0 0 0-4.238 0Z" fill="#2E3542"/><path d="M542.225 232.945a2.089 2.089 0 0 1-1.471-.61 2.077 2.077 0 0 1-.608-1.472V52.329a2.08 2.08 0 0 1 3.526-1.424c.388.375.616.885.635 1.424v178.534a2.083 2.083 0 0 1-2.082 2.082Z" fill="#fff"/></svg>';
+defineCustomElement('sinch-illustration-presenting-charts', createIllustrationClass(templateHTML));

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

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

package/illustrations/product-page/index.js

@@ -0,0 +1,4 @@
+import { defineCustomElement } from '../../utils';
+import { createIllustrationClass } from '../create-illustration-class';
+const templateHTML = '<svg viewBox="0 0 333 800" fill="none" aria-hidden="true" focusable="false"><path d="M171.014 194.231a3.079 3.079 0 0 0-2.176 5.253 3.078 3.078 0 1 0 2.176-5.253Z" fill="#E9F0FF"/><path d="M172.163 100.957a1.856 1.856 0 0 0-2.602.334 12.66 12.66 0 0 1-2.717 2.598 12.436 12.436 0 0 1-4.934 2.097 12.72 12.72 0 0 1-2.36.239c-.195 0-.388-.008-.586-.016-.06 0-.121 0-.181-.009a12.754 12.754 0 0 1-6.53-2.311 12.705 12.705 0 0 1-2.508-2.327 1.854 1.854 0 0 0-2.886 2.327c0 .004.006.009.009.014a16.482 16.482 0 0 0 2.218 2.241c.28.234.573.448.867.661a15.675 15.675 0 0 0 8.048 3.036c.107.01.212.034.319.042.365.028.732.045 1.101.048h.12c.299 0 .595-.016.891-.033a16.177 16.177 0 0 0 6.525-1.74c.06-.031.116-.07.177-.102a16.351 16.351 0 0 0 5.069-4.17c.093-.116.197-.218.289-.335a1.857 1.857 0 0 0-.329-2.594Z" fill="#842306"/><path d="m229.035 93.626-15.958-19.01c-6.811-9.802-10.104-18.816-12.413-28.997l-3.732-16.466h-.011C192.901 12.428 177.854 0 159.901 0c-17.629 0-32.454 11.982-36.795 28.244h-.006l-6.05 20.78c-1.994 6.85-5.677 12.66-11.022 22.948L87.38 95.89h.007a40.943 40.943 0 0 0-9.66 26.468c0 14.679 7.698 27.553 19.272 34.827l5.822-2.011 4.157-1.436 7.078-2.445 11.29-3.9c11.099-3.834 18.023-15.326 15.576-27.43a22.372 22.372 0 0 0-.895-3.084c-.525-1.17-1.728-3.789-2.697-5.406a663.08 663.08 0 0 1-2.288-3.853c-.041-.072-.083-.139-.127-.211-.043-.072-.084-.137-.119-.207-.053-.097-.103-.195-.157-.291a179.674 179.674 0 0 1-3.037-5.768 172.737 172.737 0 0 1-4.231-9.057 181.68 181.68 0 0 1-3.679-9.177l1.961-1.087 8.669-4.812.269-.15 4.09-2.27 3.479-1.931.819-.455 11.457-6.355 20.399-11.323 10.651 11.764.216.24 3.236 3.576 4.069 4.496 3.469 3.839-1.077 3.024-.586 1.655a119.21 119.21 0 0 1-3.316 9.254 120.93 120.93 0 0 1-4.331 9.515c-.294.576-.598 1.147-.901 1.719a123.583 123.583 0 0 1-1.715 3.137c-.167.298-.34.595-.509.892v.005l-.07.113c-.133.235-.265.47-.402.703-.021.035-.044.069-.066.104-.014.023-.029.043-.043.065-.28.492-.628 1.128-.991 1.855-.812 1.622-1.81 3.727-2.384 5.283l-.173.45a23.663 23.663 0 0 0-1.125 3.748c-2.447 12.109 4.478 23.6 15.576 27.435l11.279 3.897a53.372 53.372 0 0 1-.001 0l16.265 5.618c11.332-7.321 18.84-20.055 18.84-34.55 0-11.184-4.473-21.319-11.717-28.732l.006-.005Zm-103.702 5.721a4.945 4.945 0 0 1 1.855 3.492c.01.128.023.255.023.386a4.953 4.953 0 0 1-9.905 0 5.006 5.006 0 0 1 4.392-4.919 4.904 4.904 0 0 1 3.635 1.041Zm75.53 3.878a4.995 4.995 0 1 1-9.99.066 4.995 4.995 0 0 1 9.99-.069v.003Z" fill="#842306"/><path d="m92.74 243.154 9.534-83.167.551-4.811-5.822 2.011-6.356 2.197a64.456 64.456 0 0 0-38.4 35.336l-37.184 85.483L3.29 307.275c-15.195 34.938 25.445 67.588 56.29 45.222l22.506-16.322 3.671-2.663-1.915-12.667-4.32-28.574-16.956 9.848 11.215-21.916 18.96-37.049Zm122.68-1.774-5.52-2.713-1.225-.603-.084-.042-.007-.014a22.207 22.207 0 0 1-11.391-19.344c0-.697.042-1.383.104-2.063l-.007-.014.016-.15.009-.078 1.195-11.405-9.488 8.56-3.146 2.843v55.3a7.154 7.154 0 0 1-3.052 5.86l-11.638-7.985a5.342 5.342 0 0 1-3.704 8.162l1.64 1.125 2.017 1.384 22.096 15.162.92-1.338a7.192 7.192 0 0 0 .099-7.998 7.207 7.207 0 0 0-1.962-2.01l-5.553-3.811h24.586a28.95 28.95 0 0 1 4.403-7.777l.151-.193c3.733-4.788 7.259-12.223 8.286-23.569a24.34 24.34 0 0 0-8.745-7.289Z" fill="#FFBE3C"/><path d="m293.102 287.407-6.93-12.908a40.166 40.166 0 0 1 18.889 1.975l-28.652-61.232-.232-.502-8.71-20.025a64.47 64.47 0 0 0-38.399-35.336l-7.162-2.474-16.265-5.619a53.4 53.4 0 0 1-9.663 12.013c-9.477 8.807-22.171 14.197-36.126 14.197a52.944 52.944 0 0 1-36.253-14.305 53.428 53.428 0 0 1-9.539-11.897l-7.078 2.446-.884 7.709-10.28 89.711c1.287 9.951 4.561 16.647 8.013 21.074a22.58 22.58 0 0 0 .539-1.539c.017-.06.043-.117.061-.176 1.265-4.119 3.837-7.77 7.468-10.092.236-.151.46-.317.688-.478.191-.135.385-.265.57-.406.186-.142.372-.301.557-.453.185-.152.36-.288.532-.441.172-.153.349-.329.522-.494.173-.166.334-.313.495-.477.161-.164.324-.356.486-.535.161-.178.308-.334.455-.507.155-.187.298-.382.447-.575.138-.178.282-.352.413-.535.144-.2.274-.41.41-.615.122-.186.251-.367.366-.556.134-.219.251-.447.377-.669.104-.187.215-.369.312-.56.146-.284.275-.578.407-.87.061-.138.131-.27.189-.409l1.133-2.691c2.249-5.352 8.53-7.542 13.563-4.99V191.77a7.164 7.164 0 0 1 7.162-7.162h37.731a7.163 7.163 0 0 1 7.162 7.162v5.146l9.552-10.004h.008a27.062 27.062 0 0 1 19.599-8.371c14.258 0 25.94 10.989 27.062 24.958h.008l.739 9.085.04.489a49.42 49.42 0 0 0 6.647 20.863l6.797 11.451-20.059 26.919 10.359 21.809.205.43c.089.19.215.453.358.753l.397.836c.162.342.334.712.534 1.125l.189.398.931 1.959.018.04 2.776 5.842 1.935 4.084.21.442 2.206 4.645 1.192 2.508.444.937.748 1.574.151.318.401.843.084.168c.28.589.525 1.104.716 1.509 1.807 3.804 3.345 6.401 4.079 7.582v.066c.118.172.241.339.363.508.065.099.101.151.101.151l.004-.005c8.491 11.585 24.355 15.767 37.692 9.115 8.994-4.488 14.77-12.887 16.274-22.13a27.6 27.6 0 0 0 .186-3.148c-.001-14.522-11.399-26.43-25.72-27.258Z" fill="#FFBE3C"/><path d="M164.563 209.463a5.606 5.606 0 0 0-9.565-3.962 5.6 5.6 0 0 0-1.215 6.106 5.608 5.608 0 0 0 9.139 1.818 5.603 5.603 0 0 0 1.641-3.962Zm.765 82.737a5.904 5.904 0 0 1-7.599 1.594l-.26-.149-.203-.116 12.002 8.234-2.867 4.182-22.29-15.293a28.718 28.718 0 0 1-2.571 8.592l27.403 18.8a7.195 7.195 0 0 0 10.016-1.866l7.901-11.516-20.661-14.175a5.847 5.847 0 0 1-.871 1.713Z" fill="#FFBE3C"/><path d="M218.325 773.759a53.47 53.47 0 0 1-8.976-43.122l7.867-35.3H171.04c.733 7.642 1.433 15.45 2.039 22.495a88.742 88.742 0 0 1-9.522 48.262l-3.801 7.38C153.519 785.583 162.31 800 175.931 800h34.918c11.064 0 17.45-12.556 10.934-21.498l-3.458-4.743Z" fill="#0A273D"/><path d="M151.637 766.094a88.742 88.742 0 0 1-9.522-48.262c.607-7.044 1.306-14.852 2.039-22.495H97.978l7.867 35.3a53.45 53.45 0 0 1-8.976 43.12l-3.46 4.746c-6.516 8.941-.13 21.498 10.934 21.498h34.918c13.622 0 22.412-14.417 16.176-26.526l-3.8-7.381ZM305.06 276.473a40.152 40.152 0 0 0-18.889-1.974l6.93 12.907c14.321.828 25.719 12.736 25.719 27.262a27.831 27.831 0 0 1-.187 3.148 28.582 28.582 0 0 1-.286 1.946 6.604 6.604 0 0 0 2.88 6.757 6.612 6.612 0 0 0 10.113-4.31c.466-2.487.7-5.011.7-7.541 0-17.599-11.276-32.605-26.98-38.195Zm-23.706 87.601c.925-5.331-3.178-10.209-8.591-10.209H264.2V330.11c-.735-1.181-2.271-3.777-4.078-7.581l-.015-.03-.702-1.48-.084-.167-.4-.843-.152-.319a987.32 987.32 0 0 0-.747-1.573l-.444-.937-1.193-2.509-2.206-4.644-.208-.445-1.936-4.076a40.49 40.49 0 0 0-1.057 9.163v39.197h-8.563c-5.412 0-9.516 4.878-8.591 10.209l4.412 25.422 6.573 37.882a174.115 174.115 0 0 1-3.072 73.703 187.298 187.298 0 0 0-3.128 80.298l12.602 70.347.888 4.953a97.193 97.193 0 0 1 1.522 17.135v29.252a3.972 3.972 0 0 0 2.449 3.665 3.972 3.972 0 0 0 3.036 0 3.962 3.962 0 0 0 2.146-2.147c.2-.481.302-.997.302-1.518v-29.252c0-5.746.51-11.481 1.523-17.137l.887-4.951 12.603-70.35a187.267 187.267 0 0 0 .538-62.803 192.94 192.94 0 0 0-3.664-17.497 174.094 174.094 0 0 1-3.073-73.702l10.986-63.301ZM86.44 333.017l-.682.495-3.67 2.662-3.313 28.935c-33.718 5.207-59.533 34.351-59.533 69.528 0 24.305 12.324 45.731 31.064 58.371l38.755-128.714a71.155 71.155 0 0 0-6.242.319l3.622-31.596Zm6.05-52.813 3.328-29.044 10.277-89.71.884-7.71-4.157 1.436-.551 4.811-9.528 83.167-4.244 37.05-.84 7.343 4.276-2.485.556-4.858Zm60.726-23.196 4.253 2.835 4.767 3.177 7.41 4.941c.616.41 1.139.945 1.536 1.569l11.638 7.984a7.142 7.142 0 0 0 3.053-5.859v-79.886a7.167 7.167 0 0 0-7.163-7.162h-37.728a7.16 7.16 0 0 0-5.064 2.098 7.17 7.17 0 0 0-2.097 5.064v52.396c.354.179.697.378 1.028.597l18.367 12.246Zm17.796-62.778a3.077 3.077 0 1 1-.003 6.154 3.077 3.077 0 0 1 .005-6.154h-.002Zm-12.056 9.625a5.6 5.6 0 0 1 5.177 3.459 5.597 5.597 0 0 1 .318 3.237 5.608 5.608 0 0 1-7.639 4.084 5.601 5.601 0 0 1-1.818-9.139 5.607 5.607 0 0 1 3.962-1.641Zm27.9 100.808 6.38-9.297-22.097-15.161-2.017-1.384-1.64-1.124a5.34 5.34 0 0 1-3.583-.722l-1.659-1.014-4.767-2.913-16.451-10.049a1.701 1.701 0 0 0-1.89 2.828l17.813 12.994.526.385 1.37 1.004 3.4 2.48 1.833 1.338a5.831 5.831 0 0 1 2.122 6.467l20.66 14.168Z" fill="#0A273D"/><path d="M125.333 99.347a4.947 4.947 0 0 0-6.169.02 4.952 4.952 0 1 0 6.97 6.943 4.952 4.952 0 0 0 1.077-3.085c0-.131-.013-.258-.023-.386a4.942 4.942 0 0 0-1.855-3.492Zm72.084-.843a4.994 4.994 0 1 0 2.555 1.901 4.95 4.95 0 0 0-2.555-1.901Zm-40.15 195.021-4.003-2.298-8.899-5.11a28.679 28.679 0 0 1-.251 4.528l22.291 15.293 2.866-4.181-12.002-8.235-.002.003Z" fill="#fff"/><path d="M241.736 501.079a174.116 174.116 0 0 0 3.072-73.703l-6.573-37.882-20.331-67.513-7.24-24.045c-1.78-5.91-1.461-12.113.659-17.736h-24.588l5.553 3.811a7.207 7.207 0 0 1 3.005 4.618 7.197 7.197 0 0 1-1.142 5.39l-.92 1.338-6.379 9.299-7.894 11.522a7.203 7.203 0 0 1-7.427 2.97 7.2 7.2 0 0 1-2.581-1.107l-27.403-18.8a28.676 28.676 0 0 1-5.482 7.791l-.268.271c-4.379 4.432-10.077 7.369-16.253 8.206-.454.062-.903.146-1.354.222-.358.06-.718.11-1.074.179-.44.084-.874.19-1.311.288-.334.075-.669.14-1.003.223-.449.111-.892.243-1.338.369-.315.088-.633.167-.945.264-.462.141-.92.303-1.374.46-.287.099-.579.187-.865.292-.479.175-.95.371-1.422.563-.257.105-.519.199-.775.308-.513.219-1.016.46-1.52.699-.208.098-.418.187-.626.288-.603.298-1.196.615-1.785.939-.101.056-.207.106-.309.163-.689.388-1.369.793-2.039 1.218l-12.742 42.314-38.76 128.713-36.795 122.177c-5.48 18.204 8.152 36.539 27.156 36.539h210.548l-12.603-70.35a187.298 187.298 0 0 1 3.128-80.298Zm35.371 17.497a187.293 187.293 0 0 1-.538 62.803l-12.603 70.348h15.08c19.009 0 32.636-18.335 27.154-36.537l-29.093-96.614Z" fill="#007171"/><path d="M170.261 687.413c.263 2.593.524 5.25.782 7.925h46.176l9.721-43.611h-59.133c.516 11.142 1.302 24.367 2.454 35.686Zm-72.283 7.925h46.177c.257-2.676.518-5.331.782-7.925 1.149-11.319 1.933-24.544 2.451-35.686h-59.13l9.72 43.611Zm25.621-532.146a52.948 52.948 0 0 0 36.252 14.309c13.96 0 26.653-5.391 36.127-14.197a53.423 53.423 0 0 0 9.663-12.013l-11.279-3.897c-11.098-3.834-18.023-15.326-15.575-27.434.27-1.279.646-2.533 1.124-3.749l.173-.449c.574-1.557 1.572-3.661 2.384-5.284.363-.726.711-1.363.991-1.855.014-.021.029-.042.043-.065.022-.035.045-.068.066-.104.137-.233.269-.468.403-.703l.069-.113v-.005c.167-.297.34-.593.509-.892a130.21 130.21 0 0 0 1.715-3.137c.303-.572.608-1.143.901-1.719a120.691 120.691 0 0 0 4.331-9.515 124.059 124.059 0 0 0 3.317-9.254l.585-1.655 1.079-3.02-3.469-3.839-4.068-4.496-3.236-3.576-.216-.24-10.652-11.771-20.399 11.322-11.457 6.356-.82.455-3.479 1.932-4.086 2.268-.27.15-8.669 4.815-1.961 1.087a167.954 167.954 0 0 0 3.679 9.178 177.656 177.656 0 0 0 4.231 9.056c.457.907.922 1.811 1.395 2.71a179.765 179.765 0 0 0 1.642 3.059c.054.096.104.194.158.291.038.069.079.137.118.206.04.07.084.14.127.212.43.728 1.363 2.307 2.288 3.852.969 1.618 2.175 4.237 2.697 5.407.372 1.005.671 2.036.895 3.084 2.447 12.107-4.477 23.6-15.576 27.429l-11.289 3.9a53.424 53.424 0 0 0 6.844 9.192 51.44 51.44 0 0 0 2.695 2.712Zm25.501-57.043a16.488 16.488 0 0 1-2.219-2.241c0-.005-.006-.01-.009-.014a1.855 1.855 0 0 1 2.886-2.328 12.68 12.68 0 0 0 2.508 2.328 12.766 12.766 0 0 0 6.522 2.311c.061 0 .122.005.182.008.193.009.386.016.585.016a12.646 12.646 0 0 0 2.361-.238 12.462 12.462 0 0 0 4.934-2.097 12.731 12.731 0 0 0 2.717-2.598 1.856 1.856 0 0 1 2.94 2.258c-.091.118-.196.22-.288.335a16.344 16.344 0 0 1-5.07 4.17c-.06.032-.116.071-.176.102a16.184 16.184 0 0 1-6.525 1.74c-.297.017-.593.033-.891.033h-.12c-.369 0-.736-.02-1.101-.048-.108-.008-.212-.032-.319-.042a15.678 15.678 0 0 1-8.049-3.036 13.827 13.827 0 0 1-.872-.659h.004Zm97.497 121.953a48.604 48.604 0 0 1-3.713-15.024l-.039-.489-.74-9.085h-.008c-1.121-13.965-12.804-24.957-27.062-24.957a27.063 27.063 0 0 0-19.602 8.368h-.007l-9.552 10.004v19.434l3.146-2.843 9.487-8.56-1.195 11.405-.008.078-.016.15.007.013c-.062.68-.104 1.367-.104 2.064a22.206 22.206 0 0 0 11.391 19.344l.007.014.084.042 1.227.607 5.52 2.717a24.805 24.805 0 0 1 11.493 11.917l9.329 19.042.024-.032 20.059-26.918-6.797-11.452a48.554 48.554 0 0 1-2.931-5.839Zm-75.412 41.43a5.302 5.302 0 0 0-1.536-1.568l-7.41-4.941-4.767-3.178-4.253-2.835-18.37-12.247a10.123 10.123 0 0 0-1.029-.597c-5.029-2.553-11.313-.361-13.563 4.989l-1.133 2.692c-.058.138-.128.27-.189.408-.132.292-.261.585-.406.87-.097.191-.208.373-.312.56-.125.224-.244.452-.377.669-.116.189-.245.37-.367.556-.136.205-.266.418-.409.615-.132.183-.276.357-.413.535-.149.193-.292.388-.448.575-.146.174-.303.334-.455.508-.152.173-.318.361-.486.534-.168.173-.329.318-.495.477-.165.158-.342.334-.522.494-.179.159-.353.295-.531.441-.179.147-.367.308-.557.453-.191.144-.38.272-.571.406-.167.116-.323.239-.491.35a18.861 18.861 0 0 0-7.665 10.22c-.018.059-.043.116-.061.176-.155.524-.347 1.032-.538 1.539a22.752 22.752 0 0 1-9.815 11.617l-2.082 1.209-4.276 2.485-8.136 4.727 4.32 28.575 1.916 12.667.682-.495 13.074-9.484a45.036 45.036 0 0 1 4.328-2.768c.102-.056.207-.107.308-.163a45.186 45.186 0 0 1 1.786-.939c.205-.101.418-.19.625-.287.502-.24 1.004-.48 1.52-.699.256-.11.518-.204.776-.308.471-.193.942-.388 1.421-.564.286-.104.578-.193.866-.292.456-.157.911-.318 1.373-.46.313-.096.63-.175.945-.264.444-.125.887-.257 1.338-.369.334-.083.669-.148 1.003-.223.437-.098.872-.202 1.312-.288.355-.068.715-.118 1.073-.179.394-.066.786-.142 1.182-.198 6.229-.87 12-3.761 16.426-8.229l.267-.271a28.788 28.788 0 0 0 8.304-20.913l12.9 7.405.202.117.26.149a5.833 5.833 0 0 0 7.777-1.895 5.831 5.831 0 0 0-1.433-7.875l-1.833-1.338-3.4-2.481-1.37-1.003-.526-.385-17.812-12.995a1.703 1.703 0 0 1 1.889-2.828l16.445 10.055 4.767 2.913 1.659 1.014a5.345 5.345 0 0 0 7.287-7.443l.006.002Z" fill="#F2A068"/></svg>';
+defineCustomElement('sinch-illustration-product-page', createIllustrationClass(templateHTML));

package/illustrations/product-page-2/index.d.ts

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

package/illustrations/product-page-2/index.js

@@ -0,0 +1,4 @@
+import { defineCustomElement } from '../../utils';
+import { createIllustrationClass } from '../create-illustration-class';
+const templateHTML = '<svg viewBox="0 0 566 800" fill="none" aria-hidden="true" focusable="false"><path d="M420.02 18.337c-.632 12.932-10.091 23.907-22.789 26.44l30.367 17.731 1.36-10.284a45.962 45.962 0 0 0-8.938-33.887Z" fill="#842306"/><path d="m320.126 101.947-.059-.005.405.809-.346-.804Z" fill="#2B9B47"/><path d="M408.461 92.695a2.166 2.166 0 0 0-2.769-1.232 2.162 2.162 0 0 0-1.285 2.744c.052.14 4.514 11.651 17.307 12.826l.565-4.288c-10.171-.845-13.645-9.594-13.818-10.05ZM557.98 706.186a21.171 21.171 0 0 0-25.31-11.849l-17.969 5.226a27.83 27.83 0 0 1-21.328-2.412l-87.4 68.81 10.962 34.035 131.212-66.437a21.172 21.172 0 0 0 9.833-27.373Zm-390.872 43.823-7.975-6.066a43.146 43.146 0 0 1-16.698-28.933l-106.47-28.649-11.904 24.262 118.316 74.968a21.69 21.69 0 0 0 32.989-21.707 21.687 21.687 0 0 0-8.258-13.875ZM437.873 73.507l-4.62 7.147a2.165 2.165 0 0 0 3.634 2.348l10.498-16.245a2.164 2.164 0 0 0-3.633-2.347l-3.527 5.459-12.62-7.368-30.369-17.73c12.695-2.54 22.157-13.51 22.789-26.441C412.044 7.78 399.593.674 385.214.045c-24.403-1.068-45.413 17.055-47.938 41.349l-5.36 51.626a46.69 46.69 0 0 1-1.995 9.462c14.811.329 27.52-10.737 29.066-25.596l.761-7.31a27.162 27.162 0 0 1 27.71-24.342l2.075.053 37.459 21.87 10.881 6.35Z" fill="#272727"/><path d="M480.328 681.298 375.005 353.083l-39.309-35.131a13.944 13.944 0 0 0-11.197-3.411 13.935 13.935 0 0 0-9.847 6.328l-38.737 60.968c-15.596 24.544-45.995 35.02-73.315 25.502l-1.065 1.767a18.247 18.247 0 0 1-18.413 8.608 18.251 18.251 0 0 1-6.705-2.455l-1.761-1.073-3.968-2.419L35.964 686.362l106.47 28.648a43.086 43.086 0 0 1 4.74-25.783L279.042 456.16c4.7-8.307 17.002-7.194 20.129 1.833l106.801 307.978 87.397-68.815a27.807 27.807 0 0 1-13.041-15.858Z" fill="#0A273D"/><path d="m69.498 272.297 3.172 1.927 25.097 15.245a52.942 52.942 0 0 1 3.606-6.046l54.946-79.217-18.713-11.436a18.235 18.235 0 0 0-25.116 6.127l-42.74 70.722-1.251 2.07.712.433.287.175Zm194.601-2.21-11.684-7.14-43.474-26.572-45.161 71.16-6.05 9.532 13.993 4.347a60.783 60.783 0 0 0 39.089-1.029 60.766 60.766 0 0 1 32.129-2.749l3.063.564a22.626 22.626 0 0 1 8.277 3.303l15.93-26.452a18.236 18.236 0 0 0-6.112-24.964Zm-30.891 37.765-31.626-19.333-2.984-1.824 14.227-23.274 17.45 10.667 17.162 10.49-14.229 23.274Zm-60.082 71.795-44.393-16.885-3.157-1.202c-27.888-10.609-40.403-41.87-29.634-68.13L69.04 277.083l-1.636-.987-.105-.062-1.045-.637-.186.309-.17.282-.495.817-21.843 36.139a18.233 18.233 0 0 0 6.11 24.999l121.017 73.821 3.968 2.421 1.762 1.073a18.237 18.237 0 0 0 20.308-.882 18.245 18.245 0 0 0 4.81-5.278l1.065-1.767 8.04-13.341a31.94 31.94 0 0 1-4.352-1.329l-33.163-13.014Zm380.93-302.913a7.651 7.651 0 0 0-10.721 1.446l-52.54 68.914-16.48 21.616-1.702 2.232a7.647 7.647 0 0 0 12.163 9.273l1.797-2.357 3.153-4.135a32.304 32.304 0 0 1 2.155-3.253l1.927-2.539 51.062-67.284c-.01.043-.018.091-.03.132l5.542-7.36a8.128 8.128 0 0 1 1.975-1.834l3.14-4.12a7.644 7.644 0 0 0 .537-8.49 7.655 7.655 0 0 0-1.978-2.24Z" fill="#E83452"/><path d="M376.281 147.506a17.052 17.052 0 0 1 4.918-8.419l-28.641 23.094-4.462-22.215a13.898 13.898 0 0 0-6.938-9.45l-20.735-11.382a46.908 46.908 0 0 1-11.791 9.592l19.245 91.745 50.834-59.265a17.16 17.16 0 0 1-2.445-13.645l.015-.055ZM212.825 263.418l-14.226 23.278 2.983 1.823 31.629 19.333 14.227-23.277-17.163-10.49-17.45-10.667Z" fill="#fff"/><path d="m533.525 238.384-51.528 2.046-.24 3.911-2.917 47.828-55.536-88.706a106.266 106.266 0 0 0-32.849-33.067l-1.628-1.036-5.087-3.234a17.122 17.122 0 0 1-5.031-4.913l-50.833 59.264-19.246-91.744a46.516 46.516 0 0 1-23.176 6.159h-24.225a108.596 108.596 0 0 0-89.231 46.702l-15.685 22.613-54.945 79.216a52.962 52.962 0 0 0-3.607 6.046 51.7 51.7 0 0 0-1.82 3.956c-10.768 26.266 1.747 57.527 29.635 68.13l3.156 1.202 28.999-45.695 6.05-9.532 45.16-71.16 43.475 26.572 11.683 7.14a18.234 18.234 0 0 1 6.113 24.967l-15.932 26.458c9.674 6.318 13.492 19.537 7.179 30.379l-15.762 27.067c-7.183 12.335-21.515 18.247-35.065 15.038l-8.04 13.341c27.32 9.518 57.718-.956 73.315-25.501l38.745-60.962a13.941 13.941 0 0 1 9.848-6.329 13.93 13.93 0 0 1 11.199 3.412l39.309 35.131-14.246-44.416c-1.5-4.672-.893-9.874 2.007-13.831 5.521-7.538 16.464-8.197 22.851-1.477l3.216 3.386 65.647 69.042c31.398 33.022 87.059 12.046 88.854-33.485l3.722-94.451-13.534.533Z" fill="#007171"/><path d="M387.454 45.228a27.163 27.163 0 0 0-27.711 24.344l-.76 7.31c-1.551 14.86-14.246 25.925-29.066 25.597a46.55 46.55 0 0 1-9.496 16.658l20.736 11.382a13.904 13.904 0 0 1 6.937 9.451l4.46 22.213 28.644-23.102a17.068 17.068 0 0 1 10.861-4.607c14.952-.716 27.52-11.38 29.481-26.223l.162-1.225c-12.792-1.175-17.255-12.688-17.307-12.826a2.16 2.16 0 0 1 1.285-2.744 2.164 2.164 0 0 1 2.768 1.232c.174.457 3.648 9.205 13.824 10.05l4.706-35.592-37.449-21.867-2.075-.05ZM254.28 321.506a22.616 22.616 0 0 0-8.277-3.303l-3.064-.564a60.763 60.763 0 0 0-32.128 2.749 60.783 60.783 0 0 1-39.089 1.029l-13.993-4.347-28.997 45.692 44.393 16.886 33.157 13.014a32.21 32.21 0 0 0 4.351 1.329c13.55 3.209 27.883-2.703 35.065-15.038l15.762-27.068c6.314-10.841 2.495-24.061-7.18-30.379ZM561.445 91.61a8.18 8.18 0 0 0-11.058 1.808l-5.542 7.36c.011-.041.019-.089.029-.131l-51.062 67.283-1.927 2.539a32.59 32.59 0 0 0-2.155 3.253c-.198.337-.412.666-.598 1.009l-3.253 4.31a33.415 33.415 0 0 0-4.772 31.424c.05.142.09.283.141.424a33.398 33.398 0 0 1 1.769 12.92l-1.016 16.622 51.528-2.045v-32.537a194.554 194.554 0 0 1 6.247-48.93l5.194-19.983a63.441 63.441 0 0 1 10.09-21.347l8.402-12.431a8.145 8.145 0 0 0 1.44-6.201 8.147 8.147 0 0 0-3.457-5.346ZM65.898 275.982l.17-.282.187-.309 1.045.636.105.062 1.636.988 26.9 16.341a53.12 53.12 0 0 1 1.82-3.956l-25.096-15.239-3.167-1.927-.282-.174-.713-.433 1.252-2.07 3.128-33.406A14.464 14.464 0 0 0 62.09 220.84a14.478 14.478 0 0 0-6.75-.112 14.466 14.466 0 0 0-9.322 21.464l12.676 21.545-6.488-5.573A60.424 60.424 0 0 0 2.6 244.362a2.155 2.155 0 0 0-1.403.879 2.166 2.166 0 0 0 .51 3.017 2.162 2.162 0 0 0 1.614.369 56.122 56.122 0 0 1 46.063 12.817l9.77 8.395-27.03-6.133a12.725 12.725 0 0 0-13.757 5.951 12.718 12.718 0 0 0 10.92 19.178 12.815 12.815 0 0 0 4.275-.74l31.844-11.296.491-.817ZM49.75 240a10.138 10.138 0 0 1 3.14-13.596 10.134 10.134 0 0 1 13.101 1.629 10.143 10.143 0 0 1 2.596 7.775l-2.944 31.21L49.75 240Zm-17.632 44.018a8.387 8.387 0 0 1-9.694-3.125 8.395 8.395 0 0 1 3.328-12.384 8.389 8.389 0 0 1 3.531-.795c.635 0 1.268.072 1.887.213l28.242 6.408-27.294 9.683Z" fill="#842306"/></svg>';
+defineCustomElement('sinch-illustration-product-page-2', createIllustrationClass(templateHTML));

package/illustrations/scooter/index.d.ts

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

package/illustrations/scooter/index.js

@@ -0,0 +1,4 @@
+import { defineCustomElement } from '../../utils';
+import { createIllustrationClass } from '../create-illustration-class';
+const templateHTML = '<svg viewBox="0 0 530 400" fill="none" aria-hidden="true" focusable="false"><path d="M122.323 0H17.418C9.116 0 2.323 6.792 2.323 15.094v101.887c0 8.302 6.793 15.094 15.095 15.094h104.905c8.302 0 15.095-6.792 15.095-15.094V15.094C137.418 6.792 130.625 0 122.323 0Z" fill="#FFBE3C"/><path d="M228.738 132.075H32.512c-16.604 0-30.189 13.585-30.189 30.189v10.944h256.604v-10.944c0-16.792-13.585-30.189-30.189-30.189Zm-92.264 268.114c40.119 0 72.641-32.523 72.641-72.642 0-40.119-32.522-72.641-72.641-72.641-40.119 0-72.642 32.522-72.642 72.641 0 40.119 32.523 72.642 72.642 72.642Z" fill="#0A273D"/><path d="M136.474 366.415c21.466 0 38.868-17.402 38.868-38.868s-17.402-38.868-38.868-38.868-38.868 17.402-38.868 38.868 17.402 38.868 38.868 38.868Z" fill="#E5E8ED"/><path d="M444.776 67.736v41.509a20.695 20.695 0 0 0 20.755-20.755c0-11.509-9.434-20.754-20.755-20.754Z" fill="#FFBE3C"/><path d="M134.776 6.604c-1.132-1.51-2.453-3.02-3.962-3.963L69.87 62.075 9.116 2.641c-1.699.944-3.02 2.265-4.151 3.963l60.754 59.434-60.754 59.434c1.132 1.509 2.452 3.018 3.962 3.962L69.87 70l60.755 59.434c1.509-1.132 3.019-2.453 3.962-3.962L74.021 66.038l60.755-59.434Z" fill="#F2A068"/><path d="M445.531 400.189c40.118 0 72.641-32.523 72.641-72.642 0-40.119-32.523-72.641-72.641-72.641-40.119 0-72.642 32.522-72.642 72.641 0 40.119 32.523 72.642 72.642 72.642Z" fill="#0A273D"/><path d="M445.531 366.415c21.466 0 38.867-17.402 38.867-38.868s-17.401-38.868-38.867-38.868c-21.467 0-38.868 17.402-38.868 38.868s17.401 38.868 38.868 38.868Z" fill="#E5E8ED"/><path d="M445.531 243.396c-3.963 0-7.736.378-11.51.755l-31.509-113.208c-.566-2.264-.189-4.717 1.321-6.603 1.509-1.887 3.584-3.019 6.037-3.019h25.095c6.037 0 10.943-4.906 10.943-10.944V66.981c0-6.038-4.906-10.943-10.943-10.943h-23.208c-19.623 0-35.66 16.038-35.66 35.66v146.038c0 32.264-26.227 58.679-58.68 58.679h-.754c-31.887-.377-57.736-26.604-57.736-58.491v-64.905H2.323v1.132c0 16.604 13.585 30.189 30.189 30.189h33.585a142.887 142.887 0 0 0-25.85 20.943C16.664 249.811 1.947 283.208.06 317.358c-.189 3.019.943 6.038 3.019 8.114 2.075 2.264 5.094 3.585 8.302 3.585H520.06a9.133 9.133 0 0 0 6.792-3.019c1.699-1.887 2.642-4.529 2.265-6.981-4.34-43.208-40.378-75.661-83.585-75.661Z" fill="#059688"/><path d="M240.813 218.491h-34.339c-1.51 0-2.83-1.321-2.83-2.831 0-1.509 1.32-2.83 2.83-2.83h34.339c1.51 0 2.831 1.321 2.831 2.83 0 1.51-1.133 2.831-2.831 2.831Zm0-12.076h-34.339c-1.51 0-2.83-1.321-2.83-2.83 0-1.51 1.32-2.83 2.83-2.83h34.339c1.51 0 2.831 1.32 2.831 2.83 0 1.509-1.133 2.83-2.831 2.83Zm0-12.264h-34.339c-1.51 0-2.83-1.321-2.83-2.83 0-1.51 1.32-2.831 2.83-2.831h34.339c1.51 0 2.831 1.321 2.831 2.831 0 1.509-1.133 2.83-2.831 2.83Z" fill="#007171"/><path d="M386.663 79.056h-47.17c-5.283 0-9.434 4.151-9.434 9.434 0 5.284 4.151 9.434 9.434 9.434h47.17c5.283 0 9.434-4.15 9.434-9.434 0-5.282-4.151-9.433-9.434-9.433Z" fill="#0A273D"/><path d="M198.738 259.434c-16.981-16.038-39.057-24.717-62.453-24.717-40 0-74.905 25.66-86.792 63.773-2.642 8.68-4.151 17.736-4.151 26.982v3.396h5.66v-3.396c0-8.68 1.32-17.17 3.774-25.283 11.132-35.849 43.773-59.812 81.321-59.812 21.886 0 42.641 8.302 58.49 23.208 17.17 16.226 26.793 38.302 26.793 61.887v3.396h5.66v-3.396c.189-25.095-9.811-48.68-28.302-66.038Z" fill="#007171"/></svg>';
+defineCustomElement('sinch-illustration-scooter', createIllustrationClass(templateHTML));

package/illustrations/security/index.d.ts

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

package/illustrations/security/index.js

@@ -0,0 +1,4 @@
+import { defineCustomElement } from '../../utils';
+import { createIllustrationClass } from '../create-illustration-class';
+const templateHTML = '<svg viewBox="0 0 446 800" fill="none" aria-hidden="true" focusable="false"><path d="m282.172 276.841-38.489-66.084 35.746-22.424s30.839 46.562 46.245 69.83a24.088 24.088 0 0 1 .343 26.091c-17.464 27.884-56.639 90.486-56.639 90.486l-16.04-28.227 28.834-69.672Z" fill="#FFE1CC"/><path d="m272.543 374.477.026-23.769c0-1.319-13.691-9.023-13.559-8.047 0 0 3.192 18.546 5.17 30.127a21.829 21.829 0 0 0 9.26 14.352c1.952 1.319 3.931 2.664 5.434 3.667a3.922 3.922 0 0 0 4.986-.475c.607-.607.95-1.451.95-2.322a3.34 3.34 0 0 0-.95-2.321c-3.904-3.799-11.317-11.212-11.317-11.212ZM99.854 726.081c-.106.343-.053.158 0 0Z" fill="#FFE1CC"/><path d="M79.356 761.088c10.79-3.561 17.886-15.354 21.157-26.46 3.166-10.737 3.351-29.309 3.139-38.384l.027-18.282h46.404v67.746s-17.438 29.256-21.896 29.256h-6.833l-37.566 1.135h-.238a8.104 8.104 0 0 1-7.756-5.804c-1.055-3.509.08-8.046 3.562-9.207Z" fill="#FFE1CC"/><path d="m133.252 746.632 4.036-6.094a16.443 16.443 0 0 1 12.927-7.308v39.598a1.92 1.92 0 0 1-1.926 1.926h-4.828c-2.902 5.461-7.386 8.073-14.061 8.073H83.471c-6.832 0-12.346-5.54-12.346-12.347 0-6.832 5.54-12.346 12.346-12.346h28.281a25.7 25.7 0 0 0 21.5-11.502Z" fill="#842306"/><path d="M319.791 758.107a31.493 31.493 0 0 1-19.232-6.542l-21.078-16.277a19.447 19.447 0 0 1-7.466-16.699l2.691-38.965h-48.303v83.126l77.692 11.792 21.5-16.435h-5.804Z" fill="#FFE1CC"/><path d="M228.909 782.905h26.645a2.505 2.505 0 0 0 2.506-2.506v-4.696c0-1.319 1.398-2.163 2.585-1.53l2.902 1.556a60.005 60.005 0 0 0 28.412 7.176h33.61c6.859 0 12.399-5.54 12.399-12.399 0-6.859-5.54-12.399-12.399-12.399h-16.515l-16.198-.106a58.872 58.872 0 0 1-38.12-14.351l-2.902-2.506a36.07 36.07 0 0 0-23.057-8.336h-2.374v47.617a2.483 2.483 0 0 0 2.506 2.48Z" fill="#842306"/><path d="M225.031 53.526c-1.715-6.384-5.277-12.346-10.711-17.068-12.848-11.133-32.264-11.106-45.059.053-5.513 4.828-9.101 10.948-10.763 17.464-2.322 9.18-6.463 17.807-11.66 25.721-6.015 9.234-9.313 20.419-8.653 32.396 1.477 27.436 23.822 49.596 51.258 50.862 30.918 1.425 56.428-23.215 56.428-53.817 0-10.895-3.218-21.025-8.784-29.493-5.277-8.073-9.577-16.805-12.056-26.118Z" fill="#FA0"/><path d="M181.001 349.15h80.461s30.681 316.808 36.142 372.287c.238 2.243-.501 4.485-1.978 6.226-1.583 1.662-3.72 2.665-6.042 2.665h-69.223c-4.142 0-7.545-3.061-8.046-7.202L188.44 515.112l-20.234 203.133c-.422 4.142-3.904 7.308-8.046 7.308H91.596c-2.322 0-4.485-1.003-6.041-2.665-1.504-1.741-2.243-3.983-1.979-6.226 5.646-55.874 37.303-367.485 37.303-367.485h60.122v-.027Z" fill="#081B2B"/><path d="m113.255 350.127 14.509-107.634-11.554-1.557-25.695-29.731s19.891-32.079 33.029-53.263a38.54 38.54 0 0 1 32.765-18.229h71.333a38.5 38.5 0 0 1 32.37 17.622c16.567 25.59 45.296 69.989 45.296 69.989l-52.129-.343 19.759 124.227-1.846.291a472.484 472.484 0 0 1-157.837-1.372Z" fill="#007171"/><path d="m105.288 228.247-14.51-17.042s-13.77 21.817-26.961 42.684a24.456 24.456 0 0 0-.739 24.851 24.42 24.42 0 0 0 21.395 12.637h.501a22.788 22.788 0 0 0 16.066-6.622 162821.57 162821.57 0 0 0 51.549-51.153l-7.466-26.275-39.835 20.92Z" fill="#FFE1CC"/><path d="m220.836 139.686-.501.027c-3.931 0-7.545-2.454-8.706-6.2-1.134-3.719.264-7.466 3.166-9.655 8.152-6.2 13.454-15.961 13.586-26.961 2.401-.106 4.591-1.108 6.173-2.718l-6.595-3.957-52.023-31.13-8.363 9.577c-3.482 3.984-7.492 7.545-12.161 10.051a9.642 9.642 0 0 0-5.118 8.547c0 5.277 4.247 9.577 9.497 9.682.132 10.922 5.355 20.63 13.428 26.83 2.242 1.714 3.72 4.353 3.693 7.202 0 4.854-3.957 8.784-8.785 8.784l-.079-.026-1.952.026c9.313 13.244 19.627 21.87 27.542 21.87 12.135 0 19.627-7.307 29.836-21.87l-2.638-.079Z" fill="#FFE1CC"/><path d="M155.993 107a1.852 1.852 0 0 1-1.847-1.846V93.071c0-1.029.844-1.846 1.847-1.846a1.87 1.87 0 0 1 1.846 1.846v12.083a1.834 1.834 0 0 1-1.846 1.846Z" fill="#007171"/><path d="M209.915 92.781a13.07 13.07 0 0 1-6.807-1.9 13.2 13.2 0 0 1-6.094-8.177 13.206 13.206 0 0 1 1.478-10.078l3.192 1.9a9.513 9.513 0 0 0-1.056 7.28 9.654 9.654 0 0 0 4.38 5.91c2.189 1.319 4.775 1.688 7.281 1.055a9.65 9.65 0 0 0 5.909-4.38l3.192 1.9a13.198 13.198 0 0 1-8.178 6.094 14.254 14.254 0 0 1-3.297.396Zm-31.288 0c-7.334 0-13.323-5.962-13.323-13.322 0-7.334 5.962-13.322 13.323-13.322 7.333 0 13.322 5.962 13.322 13.322 0 7.334-5.962 13.322-13.322 13.322Zm0-22.925c-5.303 0-9.603 4.3-9.603 9.603s4.3 9.603 9.603 9.603c5.302 0 9.602-4.3 9.602-9.603.027-5.303-4.3-9.603-9.602-9.603Z" fill="#842306"/><path d="M193.638 114.255c-4.379 0-8.758-1.662-12.082-5.012-.713-.713-.713-1.9 0-2.638.712-.713 1.899-.713 2.638 0 5.223 5.223 13.718 5.223 18.941 0 .713-.713 1.9-.713 2.638 0 .713.712.713 1.899 0 2.638a17.161 17.161 0 0 1-12.135 5.012Z" fill="#F2A068"/><path d="M230.94 92.016v13.137c0 1.029.844 1.847 1.847 1.847a1.87 1.87 0 0 0 1.846-1.847V94.232l-3.693-2.216Z" fill="#007171"/><path d="M169.789 199.096c-3.509-4.115-7.703-5.936-7.809-6.437-.316-1.345-.079-6.173.159-9.734.052-2.269-1.689-4.195-3.931-4.38v-.026a4.46 4.46 0 0 0-3.43 1.214 4.464 4.464 0 0 0-1.398 3.35c.053 2.955.158 6.78.211 10.209a15.206 15.206 0 0 1-7.044 13.138c.159 0 4.38 2.902 4.38 2.902l-5.435 7.861c0 .027 27.753-14.034 24.297-18.097Z" fill="#F2A068"/><path d="M208.174 161.847a4.566 4.566 0 0 0-4.564-4.564h-39.387a4.566 4.566 0 0 0-4.564 4.564v71.993a4.565 4.565 0 0 0 4.564 4.564h39.387a4.565 4.565 0 0 0 4.564-4.564v-71.993Z" fill="#081B2B"/><path d="M199.177 170.157a3.087 3.087 0 1 0 0-6.174 3.087 3.087 0 0 0 0 6.174Z" fill="#fff"/><path d="M197.199 198.041a5.069 5.069 0 0 1 1.503 1.742 5.52 5.52 0 0 1-2.163 7.544s-18.862 13.217-26.829 18.573c-2.322 1.556-4.854 2.743-7.545 3.482-.264.079-.501.158-.765.211a28.706 28.706 0 0 0-10.157 5.25l-7.465 6.015-22.925-20.894c12.9-7.202 29.414-11.951 36.854-25.194.58-1.029 1.266-1.978 2.005-2.902l19.284-23.584a4.354 4.354 0 0 1 3.034-1.53c1.161-.079 2.348.29 3.218 1.055l.185.185c.528.527.95 1.16 1.161 1.846a4.454 4.454 0 0 1-.871 4.195l-12.135 14.14 2.796-1.055c3.878-1.636 5.461-2.243 9.999-3.826l9.312-4.062a4.367 4.367 0 0 1 3.403.184 4.395 4.395 0 0 1 2.269 2.533 4.48 4.48 0 0 1-.158 3.403 4.474 4.474 0 0 1-2.533 2.269l-2.321 1.345a4.375 4.375 0 0 1 3.139.554c.712.422 1.266 1.082 1.662 1.847l.237.475a4.482 4.482 0 0 1-1.055 4.643 4.292 4.292 0 0 1-1.688 1.029l-1.451.527Z" fill="#FFE1CC"/></svg>';
+defineCustomElement('sinch-illustration-security', createIllustrationClass(templateHTML));

package/illustrations/security-camera/index.d.ts

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

package/illustrations/security-camera/index.js

@@ -0,0 +1,4 @@
+import { defineCustomElement } from '../../utils';
+import { createIllustrationClass } from '../create-illustration-class';
+const templateHTML = '<svg viewBox="0 0 348 400" fill="none" aria-hidden="true" focusable="false"><path d="m317.588 245.886-19.619 33.991c-2.698 4.709-1.08 10.693 3.58 13.391l8.486 4.905c4.709 2.698 10.693 1.079 13.39-3.581l19.62-33.991c2.698-4.709 1.079-10.693-3.58-13.391l-8.486-4.905c-4.709-2.697-10.693-1.128-13.391 3.581Z" fill="#007171"/><path d="m292.063 231.162-19.62 33.981 25.486 14.715 19.62-33.981-25.486-14.715Z" fill="#0A273D"/><path d="M257.11 301.606 36.24 174.077c-4.71-2.697-6.28-8.731-3.582-13.39l49.05-84.954c2.698-4.709 8.731-6.279 13.39-3.58L315.97 199.68c4.709 2.698 6.279 8.731 3.581 13.391l-49.05 84.954c-2.697 4.66-8.731 6.278-13.39 3.58Z" fill="#007171"/><path d="M338.189 194.433 90.292 51.306c-4.709-2.698-10.693-1.08-13.39 3.58l-49.05 84.955c-2.698 4.708-1.08 10.692 3.58 13.39l75.145 43.409a49.64 49.64 0 0 0 24.721 6.622h204.537c4.807 0 6.523-6.426 2.354-8.829Z" fill="#0A273D"/><path d="M296.595 195.12a4.906 4.906 0 1 0-.001-9.811 4.906 4.906 0 0 0 .001 9.811Z" fill="#E83452"/><path d="m123.806 2.674-29.43 50.972 4.248 2.453 29.429-50.973-4.247-2.452Z" fill="#0A273D"/><path d="M125.608 9.81a4.905 4.905 0 1 0 0-9.81 4.905 4.905 0 0 0 0 9.81Z" fill="#E83452"/><path d="M138.115 230.779v103.004c0 5.395-4.414 9.81-9.81 9.81H39.82c-5.297 0-9.614-4.316-9.614-9.614v-12.458c0-5.396-4.414-9.81-9.81-9.81h-9.81c-5.395 0-9.81 4.414-9.81 9.81v68.669c0 5.396 4.415 9.81 9.81 9.81h9.81c5.396 0 9.81-4.414 9.81-9.81v-12.459c0-5.297 4.317-9.613 9.614-9.613h113.01c5.396 0 9.81-4.415 9.81-9.81V230.779c0-5.396-4.414-9.81-9.81-9.81h-4.905c-5.395 0-9.81 4.365-9.81 9.81Z" fill="#0A273D"/><path d="M150.378 267.419c16.254 0 29.43-13.176 29.43-29.43 0-16.254-13.176-29.43-29.43-29.43-16.254 0-29.43 13.176-29.43 29.43 0 16.254 13.176 29.43 29.43 29.43Z" fill="#0A273D"/><path d="M150.378 252.704c8.127 0 14.715-6.588 14.715-14.715 0-8.127-6.588-14.715-14.715-14.715-8.127 0-14.715 6.588-14.715 14.715 0 8.127 6.588 14.715 14.715 14.715Z" fill="#FFBE3C"/></svg>';
+defineCustomElement('sinch-illustration-security-camera', createIllustrationClass(templateHTML));

package/illustrations/sherlockholmes/index.d.ts

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

package/illustrations/sherlockholmes/index.js

@@ -0,0 +1,4 @@
+import { defineCustomElement } from '../../utils';
+import { createIllustrationClass } from '../create-illustration-class';
+const templateHTML = '<svg viewBox="0 0 833 800" fill="none" aria-hidden="true" focusable="false"><path d="M626.249 216.68c40.142-13.016 83.238 8.969 96.254 49.111 13.016 40.143-9.078 83.347-49.221 96.473-40.142 13.016-83.237-8.969-96.253-49.111-12.907-40.143 9.187-83.347 49.22-96.473Z" fill="#F2F2F2"/><path d="m579.435 305.606 135.74-43.751-10.391-32.267-135.74 43.752 10.391 32.266Zm1.969-43.86L693.08 225.76l-2.516-7.766-111.676 35.986 2.516 7.766Z" fill="#fff"/><path d="M622.968 207.931c-45.064 14.656-69.784 63.221-55.237 108.285 14.548 45.064 63.003 69.784 108.067 55.127 45.064-14.657 69.784-63.221 55.237-108.285-14.657-45.065-63.003-69.784-108.067-55.127Zm5.797 17.828c35.22-11.484 73.065 7.876 84.441 43.096 11.375 35.22-7.985 73.175-43.205 84.659-35.22 11.485-73.065-7.875-84.441-43.095-11.375-35.22 7.985-73.175 43.205-84.66Z" fill="#007171"/><path d="M655.891 435.878c2.297-4.594 2.844-9.954 1.313-14.876a4953.332 4953.332 0 0 0-10.173-31.282c-1.64-5.032.766-10.61 5.469-12.907 5.36-2.625 11.813-.328 14.439 5.031 5.468 11.266 14.109 28.986 16.406 33.361.11.328.438.547.766.656.328.11.656 0 .984-.218a1.17 1.17 0 0 1 1.532.109c1.422 1.531 5.031 5.25 8.313 9.188l12.469 49.33s-10.61 21.219-19.688 38.611c-.766 1.422-1.969 2.406-3.501 2.844-1.531.437-3.172.328-4.484-.438-10.719-5.906-34.892-19.251-45.283-25.048-2.735-1.531-3.828-4.922-2.406-7.766 5.359-10.391 17.61-34.454 23.844-46.595Z" fill="#F2A068"/><path d="m660.266 373.421 32.595 100.847c2.625 8.204 11.485 12.688 19.688 10.063 8.204-2.625 12.688-11.485 10.063-19.688l-32.595-100.848c-2.625-8.203-11.485-12.688-19.688-10.063-8.204 2.625-12.688 11.485-10.063 19.689Z" fill="#007171"/><path d="M683.674 416.844c-2.407.219-4.813-.547-6.782-2.187-4.047-3.282-4.047-8.204-1.203-13.345l8.86-14.11 9.625-15.532c2.078-4.812 7.656-6.89 12.469-4.812 4.813 2.078 6.891 7.656 4.813 12.469-.11.328-.328.547-.438.875l-1.531 2.735c1.859-.329 3.719-.11 5.578.656 4.813 2.078 6.891 7.656 4.813 12.469-.109.328-.328.547-.437.875l-2.735 4.703c1.094.11 2.188.329 3.281.766 4.704 2.078 6.891 7.657 4.813 12.469-.109.328-.328.547-.437.875l-2.516 4.376c.765.109 1.531.328 2.187.656 4.813 2.078 7.001 7.656 4.922 12.36-.109.328-.328.547-.437.875l-5.031 9.188c-2.626 6.015-4.813 10.828-4.813 10.828-.109.328-.328.547-.438.875-2.625 4.485-8.422 6.016-12.906 3.391-4.157-2.406-5.797-7.547-3.938-11.922-2.516.328-5.25-.329-7.328-2.079-2.954-2.515-3.829-5.797-2.844-9.406-2.735.547-5.579-.11-7.876-1.969-4.047-3.281-4.047-8.204-1.203-13.344l1.532-2.735Z" fill="#F2A068"/><path d="m643.64 334.482-5.14-2.625c-1.094-.547-2.297-.11-2.844.984-.547 1.094-.11 2.297.875 2.844l5.141 2.625-2.625 5.141c-.547 1.094-.11 2.297.875 2.844 1.093.547 2.296.109 2.843-.985l2.626-5.141 5.14 2.626c1.094.546 2.297.109 2.844-.985.219-.547.328-1.094.11-1.641-.219-.546-.547-.984-1.094-1.203l-5.141-2.625 2.625-5.141c.219-.547.328-1.093.109-1.64-.218-.547-.546-.985-1.093-1.203-1.094-.547-2.297-.11-2.844.984l-2.407 5.141Zm109.38-38.392-4.157-2.079c-.875-.437-1.859-.109-2.297.766-.437.875-.109 1.86.766 2.297l4.157 2.078-2.079 4.157c-.437.875-.109 1.859.766 2.297.875.437 1.859.109 2.297-.766l2.078-4.156 4.157 2.078c.875.437 1.859.109 2.297-.766.218-.437.218-.875.109-1.312-.109-.438-.438-.766-.875-.985l-4.156-2.078 2.078-4.156c.218-.438.218-.876.109-1.313-.109-.438-.437-.766-.875-.984-.875-.438-1.859-.11-2.297.765l-2.078 4.157ZM623.186 182.336l-6.344-3.172a2.643 2.643 0 0 0-3.5 1.094 2.645 2.645 0 0 0 1.094 3.5l6.344 3.172-3.281 6.344a2.643 2.643 0 0 0 1.093 3.5 2.645 2.645 0 0 0 3.501-1.094l3.281-6.344 6.344 3.172a2.644 2.644 0 0 0 3.5-1.094c.328-.656.328-1.312.11-1.969a2.589 2.589 0 0 0-1.313-1.531l-6.344-3.172 3.281-6.344c.328-.656.328-1.312.11-1.969a2.589 2.589 0 0 0-1.313-1.531 2.644 2.644 0 0 0-3.5 1.094l-3.063 6.344Z" fill="#EDB158"/><path d="m558.981 595.352-31.939-65.737c-4.156-8.641-11.813-14.985-21.11-17.61-15.969-4.484-33.142.875-43.861 13.673-10.719 12.688-12.907 30.517-5.797 45.501l50.533 105.661-31.501 49.22h78.534c19.907 0 38.064-11.484 46.596-29.423" fill="#842306"/><path d="m219.796 621.712.656 104.457h333.607L478.587 562.21l50.315-28.658S497.4 465.628 478.04 423.845c-8.969-19.469-28.329-31.939-49.767-32.157-62.128-.657-195.461-2.079-195.461-2.079l-14.438 24.392.219 28.657-29.423-18.594-64.972 138.583 95.707 43.315-.109 15.75Z" fill="#842306"/><path d="M372.708 88.924c-47.252.328-84.988 39.486-84.988 86.738v213.071l77.441 77.44c10.828 10.829-14.766 11.813-2.625 2.516h-1.094c14.329-11.157 15.75-32.376 2.844-45.283l13.781-29.97c-2.953-2.953-4.703-7.11-4.703-11.376 0-7.875 5.688-14.547 13.454-15.86 40.908-6.453 72.081-41.892 72.081-84.55V174.568c.109-47.58-38.611-85.972-86.191-85.644Z" fill="#F2A068"/><path d="M414.491 195.898a29.208 29.208 0 0 0 22.641 10.72 29.21 29.21 0 0 0 22.642-10.72h-45.283Z" fill="#272727"/><path d="M455.289 149.63c-10.719-35.329-43.642-61.033-82.581-60.705-47.252.328-84.988 39.486-84.988 86.738v20.344h235.494c5.906 0 10.719-4.812 10.719-10.719 0-5.906-4.813-10.719-10.719-10.719h-34.127c-15.531 0-29.313-10.063-33.798-24.939Z" fill="#842306"/><path d="M416.131 322.997c-8.641 0-17.282-3.282-23.844-9.844-1.313-1.313-1.313-3.501 0-4.813 1.312-1.313 3.5-1.313 4.812 0 10.501 10.5 27.564 10.5 37.955 0 1.313-1.313 3.5-1.313 4.813 0 1.312 1.312 1.312 3.5 0 4.813-6.454 6.562-15.095 9.844-23.736 9.844Z" fill="#894915"/><path d="M362.645 195.898c-17.719 0-32.158 14.329-32.158 32.158v7.11c0 2.406-1.75 4.484-4.047 4.922-9.844 1.75-17.281 9.734-17.281 20.125v8.204c0 14.657-8.313 28.11-21.439 34.673V196.008h74.925v-.11Z" fill="#272727"/><path d="M114.682 726.716a52.607 52.607 0 0 1-46.267-27.564c-9.188-17.063-8.203-37.627 2.406-53.815l57.753-85.206 87.831 56.002-22.97 33.908 142.522 24.063 1.969 52.612H114.682Z" fill="#842306"/><path d="m277.548 725.403 24.829-57.315c.109-.328.437-.547.875-.438l20.126 2.188c8.531.875 17.391-.11 25.376-3.063l17.282-6.125a43.788 43.788 0 0 1 43.751 8.422l45.502 43.643c2.625 2.296 3.828 5.468 3.282 8.75-.438 2.844-2.188 5.25-4.594 6.344l-.219.109a9.466 9.466 0 0 1-3.5.657c-1.75 0-3.391-.438-5.032-1.313l-5.031-3.172c-.875 1.422-2.406 2.953-5.36 3.719-3.609.875-7.438 0-10.61-2.406l-14.985-10.391c-8.422-5.907-19.36-6.563-28.547-1.969l-15.314 7.875c-7.219 3.719-15.422 5.688-23.626 5.688h-63.658c-.328 0-.547-.11-.657-.328 0-.329 0-.547.11-.875Z" fill="#F2A068"/><path d="m388.896 681.87 75.363 21.548c5.14 1.422 10.391-1.531 11.813-6.563 1.421-4.922-1.422-10.172-6.235-11.703l-74.487-24.501c-5.797-1.86-12.141 1.312-14.001 7.109-1.859 5.798 1.313 12.142 7.11 14.001.109 0 .218.109.437.109Z" fill="#F2A068"/><path d="M191.248 415.203c7.766-16.516 24.719-26.579 42.876-25.485 3.391.218 6.891.437 10.61.656 15.423.875 29.314 9.735 36.533 23.298 7.328 13.563 7 30.079-.766 43.423-21.11 36.424-47.252 81.488-66.174 113.973-6.344 10.938-17.173 18.595-29.642 21.001-12.469 2.407-25.267-.765-35.22-8.531-15.86-12.469-21.001-34.236-12.469-52.502 6.562-14.11 14.766-31.502 23.079-49.221 11.156-24.063 22.75-48.674 31.173-66.612Z" fill="#842306"/><path d="M314.409 197.102s4.484 35.548-47.908 41.892c-5.469.656-8.751-5.688-5.141-9.844 6.891-7.766 14.328-19.251 14.328-33.142 0-26.251 3.829-107.082 96.91-107.082l-58.189 108.176Z" fill="#842306"/><path d="m400.053 391.358-42.549 118.458-81.378-119.88c4.922-6.016 8.86-12.797 11.594-20.016l40.142 4.922a21.459 21.459 0 0 1 14.985 9.625l18.267 29.095 28.548-43.97c0 .219.875 9.406 10.391 21.766Z" fill="#007171"/><path d="M542.465 343.013 520.37 338.2c-3.5-.765-7.11.875-8.75 4.047l-7.329 13.564c-1.312 2.406-4.375 3.39-6.781 2.078-6.563-3.5-19.361-10.938-32.486-21.985-15.204-12.798-37.626-18.048-45.502-19.47-1.531-.328-3.062.656-3.391 2.297-.328 1.531.657 3.172 2.188 3.5l11.922 2.516s21.548 4.594 49.768 40.361c0 0 20.563 24.501 46.267 23.735 19.251-.547 22.314-25.376 22.642-37.736a8.013 8.013 0 0 0-6.453-8.094ZM165.544 470.111 62.29 664.15l131.255-14.219 48.783-69.018-76.784-110.802Z" fill="#842306"/><path d="m501.775 474.926 57.206 120.426 73.174-112.879 52.174 33.251-60.049 130.927-23.845 50.096-89.144-3.5-70.331-140.334 60.815-77.987Z" fill="#842306"/></svg>';
+defineCustomElement('sinch-illustration-sherlockholmes', createIllustrationClass(templateHTML));

package/illustrations/shoe/index.d.ts

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

package/illustrations/shoe/index.js

@@ -0,0 +1,4 @@
+import { defineCustomElement } from '../../utils';
+import { createIllustrationClass } from '../create-illustration-class';
+const templateHTML = '<svg viewBox="0 0 409 400" fill="none" aria-hidden="true" focusable="false"><path d="m398.531 19.465 7.786-7.786c2.595-2.595 2.595-7.137 0-9.733-2.596-2.595-7.137-2.595-9.733 0l-8.11 7.786-7.786-7.786c-2.595-2.595-7.137-2.595-9.732 0-2.596 2.596-2.596 7.138 0 9.733l7.786 7.786-7.786 7.786c-2.596 2.595-2.596 7.137 0 9.732 1.297 1.298 3.244 1.946 4.866 1.946 1.622 0 3.568-.648 4.866-1.946l7.786-7.786 7.786 7.786c1.298 1.298 3.244 1.946 4.866 1.946 1.622 0 3.569-.648 4.866-1.946 2.596-2.595 2.596-7.137 0-9.732l-7.461-7.786ZM29.674 177.129l7.786-7.786c2.595-2.595 2.595-7.137 0-9.732-2.596-2.596-7.137-2.596-9.733 0l-8.11 7.786-7.786-7.786c-2.595-2.596-7.137-2.596-9.732 0-2.595 2.595-2.595 7.137 0 9.732l7.786 7.786-7.786 7.786c-2.595 2.595-2.595 7.137 0 9.732 1.297 1.298 3.244 1.947 4.866 1.947 1.622 0 3.569-.649 4.866-1.947l7.786-7.786 7.786 7.786c1.298 1.298 3.244 1.947 4.866 1.947 1.622 0 3.569-.649 4.866-1.947 2.596-2.595 2.596-7.137 0-9.732l-7.461-7.786Zm301.702 138.848 7.786-7.786c2.595-2.595 2.595-7.137 0-9.732-2.595-2.595-7.137-2.595-9.732 0l-7.786 7.786-7.786-7.786c-2.595-2.595-7.137-2.595-9.732 0-2.596 2.595-2.596 7.137 0 9.732l7.786 7.786-7.786 7.786c-2.596 2.595-2.596 7.137 0 9.733 1.297 1.297 3.244 1.946 4.866 1.946 1.622 0 3.568-.649 4.866-1.946l7.786-7.786 7.786 7.786c1.297 1.297 3.244 1.946 4.866 1.946 1.622 0 3.569-.649 4.866-1.946 2.595-2.596 2.595-7.138 0-9.733l-7.786-7.786Zm46.392-216.058-7.786-7.786C313.534 35.361 267.467 25.629 244.759 24.98c-5.191-.325-10.057 1.946-13.626 5.84-3.244 3.892-4.866 9.083-3.893 14.273l4.542 24.331.973 4.866c2.271 16.87-3.244 32.766-14.598 44.445-10.381 10.381-23.682 15.896-38.281 15.572l-40.227-.649c-8.11 0-16.22.973-20.762 5.839-3.244 3.244-4.542 8.435-4.218 15.248 2.92 50.932-25.304 120.356-77.21 191.078-9.732 13.626-8.11 32.117 3.893 44.12C48.165 396.756 56.924 400 65.683 400c8.76 0 17.843-3.244 24.331-10.057L377.768 102.19c.324-.325.648-.649.648-1.298s-.324-.649-.648-.973Z" fill="#FFBE3C"/><path d="M290.176 133.982c-1.947 0-4.218-.649-5.84-2.271-3.244-3.244-3.244-8.434 0-11.354l31.793-31.793c3.244-3.244 8.435-3.244 11.354 0 3.244 3.245 3.244 8.435 0 11.355l-31.792 31.792c-1.622 1.622-3.569 2.271-5.515 2.271Z" fill="#FCECCB"/><path d="m166.9 187.51-51.581-.649c-4.542 0-8.111-3.893-8.111-8.11 0-4.542 3.569-8.11 8.111-8.11l51.257.649c4.542 0 8.11 3.893 8.11 8.11.325 4.542-3.244 8.11-7.786 8.11Zm-18.817 38.281c-.324 0-.324 0 0 0l-40.551-.974c-4.542 0-8.11-3.892-7.786-8.434 0-4.542 3.893-8.111 8.11-7.786l40.227.973c4.542 0 8.111 3.893 7.786 8.435 0 4.217-3.568 7.786-7.786 7.786Zm-18.815 37.307-35.685-.973c-4.542 0-8.11-3.893-7.786-8.435 0-4.542 3.893-7.786 8.11-7.786h.325l35.685.974c4.542 0 8.11 3.892 7.786 8.434-.325 4.542-3.893 7.786-8.435 7.786Z" fill="#fff"/><path d="m398.207 120.032-29.522-29.521-308.84 308.84 3.569.325h3.568c15.248 0 77.859-6.489 172.263-100.893l158.962-158.961c5.515-5.191 5.515-14.275 0-19.79Z" fill="#CCC"/><path d="m232.107 203.406-20.762-17.842c-3.893-3.244-9.733-3.244-13.301 0l-20.763 17.842c-2.27 1.947-3.568 4.867-3.568 7.786v60.341c0 5.515 4.542 10.381 10.381 10.381h41.2c5.515 0 10.382-4.542 10.382-10.381v-60.341c0-2.919-1.298-5.839-3.569-7.786Z" fill="#F2F2F2"/><path d="M204.856 192.701c-2.271 0-4.217-1.947-4.217-4.218v-23.682c0-2.271 1.946-4.217 4.217-4.217s4.217 1.946 4.217 4.217v23.682c0 2.271-1.946 4.218-4.217 4.218Z" fill="#007171"/><path d="M223.347 219.303h-36.983c-2.271 0-4.218-1.947-4.218-4.218s1.947-4.217 4.218-4.217h36.983c2.271 0 4.217 1.946 4.217 4.217s-1.946 4.218-4.217 4.218Zm0 16.545h-36.983c-2.271 0-4.218-1.947-4.218-4.218s1.947-4.217 4.218-4.217h36.983c2.271 0 4.217 1.946 4.217 4.217s-1.946 4.218-4.217 4.218Z" fill="#CCC"/></svg>';
+defineCustomElement('sinch-illustration-shoe', createIllustrationClass(templateHTML));

package/illustrations/shopping/index.d.ts

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

package/illustrations/shopping/index.js

@@ -0,0 +1,4 @@
+import { defineCustomElement } from '../../utils';
+import { createIllustrationClass } from '../create-illustration-class';
+const templateHTML = '<svg viewBox="0 0 317 800" fill="none" aria-hidden="true" focusable="false"><path d="m247.819 711.243 5.695 17.085 44.808-10.423-5.372-17.3-45.131 10.638Zm-63.612 10.853h-47.709v18.16h47.709v-18.16Z" fill="#E83452"/><path d="M249.861 89.519v17.998h-89.509s-.107-17.944 0-17.944l89.509-.054Z" fill="#005F5F"/><path d="M184.207 393.934H88.681v328.377h95.526V393.934Z" fill="#A8D7E2"/><path d="m292.95 700.659-51.481-157.956a193.882 193.882 0 0 1-9.456-59.637v-88.971h-95.526v88.971a193.419 193.419 0 0 0 9.456 59.637l56.198 179.447 90.809-21.491Z" fill="#A8D7E2"/><path d="M203.334 286.481h-25.037V107.464h53.727v179.017h-28.69Z" fill="#005F5F"/><path d="M248.679 286.481h-16.655V107.464h35.782v179.017h-19.127Z" fill="#059688"/><path d="m112.643 107.518-15.258 39.113-11.283 34.062-34.062-13.324 11.175-29.979a5.6 5.6 0 0 0-1.505-6.555 11.735 11.735 0 0 1-3.438-13.324l7.63-20.201 46.741 10.208Z" fill="#FFE1CC"/><path d="M80.515 133.038a8.304 8.304 0 0 0 1.826 9.455" stroke="#F2A068" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="m63.86 117.779 23.854-62.967a5.738 5.738 0 0 1 7.307-3.331l23.854 9.026c3.761 1.397 5.91 7.951 4.728 10.96L99.749 134.22a5.737 5.737 0 0 1-7.307 3.331l-23.855-9.026c-2.9-1.182-6.662-5.588-4.728-10.746Z" fill="#666"/><path d="m63.86 117.565 23.854-62.753a5.739 5.739 0 0 1 7.307-3.331l23.854 9.026a5.738 5.738 0 0 1 3.332 7.307l-23.748 62.86a5.739 5.739 0 0 1-7.306 3.331l-23.855-9.026a5.856 5.856 0 0 1-3.439-7.414Z" fill="#272727"/><path d="m65.041 79.311 3.439-1.827 7.2 14.507a6.017 6.017 0 0 1-2.365 8.166 6.018 6.018 0 0 1-8.166-2.364l-3.654-6.447a8.897 8.897 0 0 1 3.547-12.035Z" fill="#FFE1CC"/><path d="m62.14 100.587 3.654-2.042 6.447 11.713a6.018 6.018 0 0 1-2.364 8.166 6.013 6.013 0 0 1-8.167-2.364l-2.686-4.835a7.877 7.877 0 0 1 3.116-10.638Zm10.745-31.591 3.01-1.612 9.455 17.192a6.017 6.017 0 0 1-2.364 8.167 6.018 6.018 0 0 1-8.166-2.364l-5.266-9.671a8.513 8.513 0 0 1 3.331-11.712Z" fill="#FFE1CC"/><path d="M75.572 59.97a4.577 4.577 0 0 1 6.232 1.826l3.116 4.513a5.867 5.867 0 0 1-2.364 8.06 6.017 6.017 0 0 1-8.166-2.365l-1.72-1.934a7.522 7.522 0 0 1 2.902-10.1Z" fill="#FFE1CC"/><path d="M232.024 143.031v251.011H88.681v-155.27l-20.523 21.813-17.193 17.192a29.84 29.84 0 0 1-47.494-35.03l34.063-91.979 40.51 15.258 40.509-40.725s12.357 7.952 19.342 7.952a27.35 27.35 0 0 0 17.837-6.555l22.565-19.342h18.16a35.7 35.7 0 0 1 35.567 35.675Z" fill="#081B2B"/><path d="m178.297 107.518-22.135 20.094a25.071 25.071 0 0 1-30.409 2.471l-7.092-4.621 3.868-3.868a7.713 7.713 0 0 0 2.149-5.158 8.887 8.887 0 0 0-2.61-6.316 8.888 8.888 0 0 0-6.319-2.602h-3.009c-13.54 2.471-18.912-9.349-18.912-9.349 9.778-3.975 9.993-10.208 9.993-10.208H88.885V36.6c0-19.557 15.366-35.997 34.923-36.534a35.791 35.791 0 0 1 36.749 35.782v53.726a17.658 17.658 0 0 0 10.882 16.596c2.17.9 4.498 1.359 6.847 1.349h.011Z" fill="#FFE1CC"/><path d="M124.571 53.737h-41.8" stroke="#E83452" stroke-width="3" stroke-miterlimit="10"/><path d="M82.771 41.81v23.855" stroke="#E83452" stroke-width="3" stroke-miterlimit="10" stroke-linecap="round"/><path d="M160.352 35.792V83.61a23.866 23.866 0 0 1-23.854-23.854V53.79a5.861 5.861 0 0 0-3.642-5.472 5.86 5.86 0 0 0-2.268-.438 6.008 6.008 0 0 0-6.018 6.017v11.928a12.12 12.12 0 0 1-8.488-3.439 11.492 11.492 0 0 1-3.439-8.489V35.954l47.709-.162Z" fill="#894915"/><path d="M160.352 35.793h-71.67A35.77 35.77 0 0 1 124.462.01a35.794 35.794 0 0 1 35.889 35.782Z" fill="#FFBE3C"/><path d="M160.352 23.865h-71.67V41.81h71.67V23.865Z" fill="#FA0"/><path d="M315.515 307.434v86.5h-59.744v-86.5a127.856 127.856 0 0 0-6.662-40.724l-53.082-159.192a82.736 82.736 0 0 1 78.656 56.628l34.17 102.617a124.937 124.937 0 0 1 6.662 40.671Z" fill="#081B2B"/><path d="M315.579 376.076h-59.744v17.944h59.744v-17.944Z" fill="#059688"/><path d="M178.297 107.518v125.397a53.73 53.73 0 0 0 53.727 53.727v-17.945a35.771 35.771 0 0 1-35.782-35.782V107.518h-17.945Z" fill="#007171"/><path d="M267.806 107.518h-35.782a17.976 17.976 0 0 1 17.945-17.945 17.957 17.957 0 0 1 17.837 17.945Z" fill="#081B2B"/><path d="M184.207 782.055v-41.799h-47.709c0 23.854-65.654 11.927-65.654 41.799h113.363Z" fill="#F2F2F2"/><path d="M166.37 799.892H88.789a17.976 17.976 0 0 1-17.945-17.944h113.471a17.977 17.977 0 0 1-17.945 17.944Z" fill="#081B2B"/><path d="m315.515 764.111-17.193-46.205-44.808 10.423 4.084 11.927c10.208 29.872-55.446 11.927-55.446 41.799h54.264l59.099-17.944Z" fill="#F2F2F2"/><path d="m303.48 787.428-39.543 10.423A64.923 64.923 0 0 1 247.604 800h-27.508a17.976 17.976 0 0 1-17.944-17.944h39.113a65.243 65.243 0 0 0 16.977-2.257l57.38-15.688a18.388 18.388 0 0 1-5.735 19.873 18.39 18.39 0 0 1-6.407 3.444Z" fill="#081B2B"/><path d="M231.594 467.217a6.337 6.337 0 0 0 6.752 4.372 6.343 6.343 0 0 0 5.605-5.769v-.43s-.107-15.365-.322-15.795a6.342 6.342 0 0 0-10.587-2.491 6.336 6.336 0 0 0-1.77 3.888l-.108 14.291v.43c.093.514.237 1.018.43 1.504Z" fill="#FFE1CC"/><path d="m210.211 555.007 10.53-75.433a35.839 35.839 0 0 1 3.009-10.53 37.212 37.212 0 0 1 33.74-21.491 37.049 37.049 0 0 1 35.46 26.111c.495 1.695.89 3.417 1.182 5.158l11.605 76.185" stroke="#E83452" stroke-width="3" stroke-miterlimit="10"/><path d="M315.622 501.28h-115.19v143.235h115.19V501.28Z" fill="#FFBE3C"/><path d="M299.075 393.934c0 .322-.323 6.662-.86 14.399a151.918 151.918 0 0 1-12.68 52.33 6.18 6.18 0 0 1-5.263 4.911 6.178 6.178 0 0 1-6.341-3.407c-1.72 2.901-5.051 10.96-11.82 9.241-2.687-.752-5.266-4.083-5.266-4.083a6.295 6.295 0 0 1-3.127 3.693 6.316 6.316 0 0 1-4.824.39c-2.686-.86-5.265-4.083-5.265-4.083a.816.816 0 0 1-.215.429 6.298 6.298 0 0 1-10.712 1.655 6.29 6.29 0 0 1-1.43-4.019 7.15 7.15 0 0 1 .215-1.504s1.289-1.934 3.008-4.62c6.77-10.423 10.316-17.623 10.423-29.98l-9.671 12.895a6.246 6.246 0 0 1-6.245 3.248 6.264 6.264 0 0 1-2.351-.777 6.326 6.326 0 0 1-3.331-5.588 5.97 5.97 0 0 1 .752-3.008s13.862-25.682 16.548-28.475a30.513 30.513 0 0 1 10.96-7.415 6.367 6.367 0 0 0 4.191-5.91v-.214h43.304v-.108Z" fill="#FFE1CC"/><path d="M231.916 376.097H88.681v17.945h143.235v-17.945Z" fill="#059688"/><path d="M116.512 95.536a3.222 3.222 0 0 1 1.826 4.084l-14.184 35.674c-.107.215-.214.537-.322.752-3.224 7.092-12.787 8.489-18.267 3.009l-2.794-2.794a2.344 2.344 0 0 1-.537-2.686 45.847 45.847 0 0 1 8.274-12.787 41.682 41.682 0 0 1 9.24-7.522l5.266-12.679a8.884 8.884 0 0 1 11.498-5.05Z" fill="#FFE1CC"/><path d="M178.297 107.518v125.397a53.73 53.73 0 0 0 53.727 53.727v-17.945a35.771 35.771 0 0 1-35.782-35.782V107.518h-17.945Z" fill="#007171"/></svg>';
+defineCustomElement('sinch-illustration-shopping', createIllustrationClass(templateHTML));

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

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

package/illustrations/shopping-cart/index.js

@@ -0,0 +1,4 @@
+import { defineCustomElement } from '../../utils';
+import { createIllustrationClass } from '../create-illustration-class';
+const templateHTML = '<svg viewBox="0 0 435 400" fill="none" aria-hidden="true" focusable="false"><path d="M52.92 400c20.996 0 38.018-17.021 38.018-38.018s-17.022-38.018-38.018-38.018c-20.997 0-38.019 17.021-38.019 38.018S31.923 400 52.92 400Zm208.291 0c20.997 0 38.018-17.021 38.018-38.018s-17.021-38.018-38.018-38.018-38.018 17.021-38.018 38.018S240.214 400 261.211 400Z" fill="#0A273D"/><path d="M434.113 10.92C432.9 3.842 426.024-1.011 418.946.202l-69.565 11.931a13.352 13.352 0 0 0-10.718 10.718l-5.865 34.58-222.042 38.221h-.202l-81.092 13.953a13.353 13.353 0 0 0-10.718 10.718l-10.111 57.23c-2.63 15.369 1.617 31.345 11.729 43.276 10.11 12.133 24.873 19.009 40.647 19.009h240.445l-3.64 20.829c-2.225 12.942-13.347 22.245-26.492 22.245H13.284A13.118 13.118 0 0 0 .139 296.056a13.12 13.12 0 0 0 13.145 13.145H67.48l-25.885 46.107c-3.64 6.269-1.415 14.358 5.056 17.998 2.022 1.214 4.246 1.618 6.471 1.618 4.651 0 9.1-2.427 11.527-6.673l32.962-58.848H216.52l33.165 59.05c2.427 4.246 6.876 6.673 11.527 6.673 2.224 0 4.449-.606 6.471-1.618 6.269-3.64 8.494-11.526 5.056-17.998l-26.087-46.107h25.076c25.884 0 47.927-18.604 52.376-44.085l6.066-36.198 26.896-157.937 5.865-34.58 60.465-10.314c7.078-1.416 11.931-8.291 10.718-15.37ZM181.332 213.549l19.818-106.977 49.343-8.493-19.211 115.47h-49.95Zm-76.643 0 19.616-93.63 49.343-8.494-19.009 102.124h-49.95Zm-64.307-9.505c-5.056-6.066-7.28-14.155-5.865-21.84l8.494-48.129 53.387-9.1-18.605 88.776H61.01c-8.09-.202-15.572-3.64-20.627-9.707Zm265.723 9.505h-47.927l19.818-120.122 49.949-8.493-21.84 128.615Z" fill="#CCC"/><path d="M434.113 10.92c-1.214-7.078-8.089-11.931-15.167-10.718L367.581 9.1l-4.651 27.502 60.465-10.313c7.078-1.416 11.931-8.291 10.718-15.37Z" fill="#E83452"/></svg>';
+defineCustomElement('sinch-illustration-shopping-cart', createIllustrationClass(templateHTML));

package/illustrations/sick-kid/index.d.ts

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