@nectary/components 0.30.0 → 0.31.0

package/illustrations/video-voice-call/index.js

@@ -0,0 +1,4 @@
+import { defineCustomElement } from '../../utils';
+import { createIllustrationClass } from '../create-illustration-class';
+const templateHTML = '<svg viewBox="0 0 538 400" fill="none" aria-hidden="true" focusable="false"><path d="m329.004 125.843 1.342-2.826c-4.875 2.191-10.599 1.272-14.556-2.261-3.956-3.604-5.44-9.115-3.815-14.202 5.017-15.333 11.093-33.917 15.757-48.12 4.381-13.354 16.675-22.54 30.736-22.893 18.442-.494 43.738-1.2 60.414-1.625 11.376-.282 22.469-3.603 32.22-9.539 11.164-6.783 26.215-16.04 36.531-22.328 6.501-3.957 15.05-1.978 19.078 4.593 8.055 12.93 20.844 33.634 28.899 46.705 1.979 3.18 2.544 6.996 1.696 10.67-.918 3.604-3.18 6.783-6.43 8.62-14.414 8.55-37.449 22.187-45.645 27.063-1.908 1.13-3.321 2.967-3.957 5.158-6.43 23.388-27.699 39.639-51.935 39.781-5.652 0-22.116-41.477-22.045-42.466.141-5.37-2.332-10.529-6.218-14.203-3.886-3.674-9.186-5.511-14.556-5.087a17.945 17.945 0 0 0-15.404 11.73c-2.19 5.935-5.016 13.495-7.489 20.349-4.311 11.659-9.751 22.964-16.323 33.563-1.483 2.402-2.967 4.805-4.31 6.995-3.462 5.653-10.316 8.126-16.605 6.077-4.239-1.413-7.631-4.734-9.044-9.045-1.413-4.239-.707-8.973 1.837-12.647l9.822-14.062Z" fill="#842306"/><path d="M420.507 123.088c0-6.289-2.473-12.224-6.925-16.676-4.451-4.451-10.387-6.924-16.675-6.924H80.85a23.594 23.594 0 0 0-16.676 6.924c-4.451 4.452-6.925 10.387-6.925 16.676v230.418h363.187V123.088h.071Z" fill="#F2F2F2"/><path d="M420.507 352.588H57.32V376.4a23.59 23.59 0 0 0 6.925 16.675C68.696 397.527 74.632 400 80.92 400h316.058a23.588 23.588 0 0 0 16.675-6.925c4.452-4.451 6.925-10.386 6.925-16.675-.071-11.871-.071-23.812-.071-23.812Z" fill="#CCC"/><path d="M202.595 389.684c7.137 0 13.001-5.794 13.001-13.001a12.967 12.967 0 0 0-13.001-13.002 12.967 12.967 0 0 0-13.001 13.002c0 7.207 5.864 13.001 13.001 13.001Z" fill="#272727"/><path d="M238.914 389.684c7.136 0 13.001-5.794 13.001-13.001a12.967 12.967 0 0 0-13.001-13.002c-7.137 0-13.002 5.794-13.002 13.002 0 7.207 5.865 13.001 13.002 13.001Z" fill="#007171"/><path d="M275.232 389.684c7.137 0 13.001-5.794 13.001-13.001a12.967 12.967 0 0 0-13.001-13.002c-7.136 0-13.001 5.794-13.001 13.002 0 7.207 5.865 13.001 13.001 13.001Z" fill="#E24751"/><path d="M327.944 58.576c4.381-13.354 16.675-22.54 30.736-22.893 18.442-.495 43.738-1.202 60.414-1.625 11.376-.283 22.469-3.604 32.22-9.54 11.094-6.853 26.215-16.039 36.531-22.328 6.501-3.956 15.05-1.978 19.078 4.593 7.984 12.93 20.774 33.634 28.899 46.706 1.979 3.18 2.544 6.995 1.696 10.67-.918 3.603-3.18 6.782-6.43 8.62-14.414 8.55-49.602 32.22-49.602 32.22s-.283.707-.778 1.979c-8.62 22.469-29.959 37.378-53.983 37.661-1.06 0-2.049 0-3.038.07-5.653.071-11.094 2.261-15.263 6.077-5.228 4.805-12.365 11.305-16.534 15.121-2.261 2.049-5.229 3.038-8.267 2.826-4.875-.424-9.327-3.109-11.941-7.277a15.402 15.402 0 0 1-1.272-13.92c.494-1.343.848-2.191.848-2.191s9.539-20.561 26.144-25.366c5.723-2.685 9.397-8.409 9.539-14.697 0-.919.777-10.952-5.795-17.17-3.886-3.675-9.185-5.512-14.555-5.088" fill="#842306"/><path d="M238.914 324.112c45.151 0 81.752-36.601 81.752-81.823 0-45.221-36.601-81.823-81.752-81.823-45.151 0-81.753 36.672-81.753 81.823 0 45.151 36.602 81.823 81.753 81.823Z" fill="#CCC"/><path d="M177.229 295.99c14.979-17.241 37.095-28.122 61.685-28.122 24.589 0 46.705 10.881 61.685 28.122-14.98 17.241-37.096 28.122-61.685 28.122-24.59 0-46.706-10.881-61.685-28.122Zm83.377-75.534c0-11.235-9.115-20.35-20.35-20.35-11.235 0-20.35 9.115-20.35 20.35v20.915c0 11.235 9.115 20.35 20.35 20.35 11.235 0 20.35-9.115 20.35-20.35v-20.915Z" fill="#059688"/><path d="m146.138 220.88-2.614 2.332c-10.599 11.022-23.812 18.371-38.014 22.116-44.516 11.941-90.727-14.768-102.668-59.354-5.723-21.268-2.685-44.373 8.48-63.663 11.093-19.29 29.04-33.351 50.803-39.145 44.515-11.942 90.797 14.767 102.314 59.989 4.098 15.192 3.462 31.09-.777 45.787l-1.201 3.604 16.11 27.698-32.433.636Z" fill="#007171"/><path d="m129.039 173.821-.141-19.361c0-2.614-2.12-4.663-4.735-4.663-2.614 0-4.663 2.12-4.663 4.734l.141 19.431c0 2.615 2.12 4.664 4.734 4.664 2.544-.071 4.664-2.191 4.664-4.805Zm-81.399.353-.141-19.36c0-2.615-2.12-4.664-4.734-4.664-2.615 0-4.664 2.12-4.664 4.734l.141 19.361c0 2.614 2.12 4.663 4.735 4.663 2.614 0 4.734-2.119 4.663-4.734Zm61.191 8.621-.283-37.167c0-2.614-2.12-4.664-4.734-4.664-2.615 0-4.664 2.12-4.664 4.735l.283 37.166c0 2.615 2.12 4.664 4.734 4.664 2.615 0 4.664-2.12 4.664-4.734Zm-40.841.212-.283-37.167c0-2.614-2.12-4.663-4.734-4.663s-4.663 2.119-4.663 4.734l.282 37.166c0 2.615 2.12 4.664 4.734 4.664 2.544 0 4.664-2.12 4.664-4.734Zm20.632 7.772-.353-52.994c0-2.615-2.12-4.664-4.734-4.664-2.615 0-4.664 2.12-4.664 4.734l.353 52.995c0 2.614 2.12 4.663 4.734 4.663 2.615 0 4.664-2.12 4.664-4.734Z" fill="#fff"/></svg>';
+defineCustomElement('sinch-illustration-video-voice-call', createIllustrationClass(templateHTML));

package/illustrations/voicebot/index.d.ts

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

package/illustrations/voicebot/index.js

@@ -0,0 +1,4 @@
+import { defineCustomElement } from '../../utils';
+import { createIllustrationClass } from '../create-illustration-class';
+const templateHTML = '<svg viewBox="0 0 1009 800" fill="none" aria-hidden="true" focusable="false"><path d="M938.981 752.891H136.196V800h802.785v-47.109Z" fill="#E83452"/><path d="M466.171 265.411c6.277-16.141 11.701-30.086 8.459-40.46l-9.709-28.062 203.235-80.073.427 1.244c20.306 59.125 47.43 80.583 69.226 97.825 15.69 12.414 32.966 23.518 49.674 34.257 5.394 3.467 10.778 6.928 16.109 10.431 26.121 17.145 43.8 37.088 52.589 59.27 7.435 18.769 4.699 50.615-18.872 76.178l-.354.383-358.35 15.2-.929.039-20.541-58.294c-12.271-33.15-.457-63.521 9.033-87.938" fill="#842306"/><path d="M558.38 295.177a101.9 101.9 0 0 1-83.165-67.905l-27.661-82.717a101.86 101.86 0 0 1-3.245-55.403c8.608-38.798 37.962-68.484 76.615-77.472C572.002-.226 638.001 28.198 655.137 77.74l27.661 79.921c8.377 24.2-4.135 50.653-16.812 73.969l15.18 48.279c11.805 36.1 43.245 59.422 80.099 59.419h6.129l-96.878 34.281-129.945-34.305h8.729a23.028 23.028 0 0 0 23.001-23.001c0-9.754-5.497-17.649-13.921-21.116v-.009Z" fill="#F2A068"/><path d="M128.874 380.36c4.155 0 5.936-5.298 2.606-7.803l-29.52-22.244a11.285 11.285 0 0 1-3.416-13.791c2.576-5.491 9.184-7.81 14.791-5.494l63.776 27.177a122.645 122.645 0 0 1 53.346 43.889" fill="#894915"/><path d="m63.744 375.204 74.67-.05c4.155 0 28.374 43.01 25.245 42.583L51.28 398.443a26.318 26.318 0 0 1-17.346-11.187c-6.42-9.481-16.27-24.02-22.224-32.815a11.024 11.024 0 0 1 1.333-13.98 11.357 11.357 0 0 1 16.076 0l34.625 34.729" fill="#894915"/><path d="m82.474 376.914-1.092.891a26.34 26.34 0 0 1-39.14-7.124c-3.814-6.444-7.617-12.859-10.448-17.64a11.023 11.023 0 0 1 2.175-13.868 11.355 11.355 0 0 1 8.228-2.832 11.374 11.374 0 0 1 7.819 3.817l32.458 36.768" fill="#894915"/><path d="m54.201 380.408 74.673-.048 55.21-.05a63.074 63.074 0 0 1 51.556 26.664l31.193 44.129-74.037 35.074s-6.278-13.408-13.061-27.932a50.874 50.874 0 0 0-51.116-29.033c-15.83 1.553-35.896 1.484-57.478-3.562a69.734 69.734 0 0 1-40.713-27.201c-9.246-12.763-21.16-29.362-27.964-38.834a10.887 10.887 0 0 1 1.143-14.058 11.209 11.209 0 0 1 15.862 0l34.729 34.839" fill="#F2A068"/><path d="m407.069 411.676 129.809 57.715-113.109 243.398c-16.029 34.468-56.712 49.728-91.444 34.287l-1.211-.54a69.654 69.654 0 0 1-36.85-39.007 69.64 69.64 0 0 1 1.825-53.63l110.972-242.211.008-.012Z" fill="#F2A068"/><path d="M537.249 245.809a32.247 32.247 0 0 0 6.827-1.808 32.87 32.87 0 0 0 17.64-16.281 3.598 3.598 0 0 0 .146-2.788 3.604 3.604 0 0 0-1.888-2.056 3.708 3.708 0 0 0-4.895 1.76 25.23 25.23 0 0 1-32.182 12.437 3.713 3.713 0 0 0-4.808 1.992 3.603 3.603 0 0 0 .786 3.967 3.6 3.6 0 0 0 1.188.782 32.84 32.84 0 0 0 17.174 1.992" fill="#842306"/><path d="M54.166 379.319V200.925H177.39v178.394h-.023c0 7.337-27.605 13.292-61.589 13.292-33.984 0-61.589-5.955-61.589-13.292h-.023Z" fill="#059688"/><path d="M115.048 252.072c-27.308 0-51.773-3.39-63.86-8.849a4.655 4.655 0 0 1-2.442-2.604 4.66 4.66 0 0 1 1.173-5.048 4.65 4.65 0 0 1 3.34-1.261 4.68 4.68 0 0 1 1.773.412c10.79 4.874 34.349 8.015 60.019 8.015 22.428 0 50.116-2.693 61.416-8.706a4.664 4.664 0 1 1 4.381 8.234c-11.187 5.963-37.014 9.807-65.8 9.807Z" fill="#FFD03C"/><path d="M130.172 299.526a12.214 12.214 0 0 0-24.426 0v17.649a12.22 12.22 0 0 0 7.54 11.285 12.215 12.215 0 0 0 16.888-11.285l-.002-17.649Z" fill="#007171"/><path d="M117.96 366.116a4.663 4.663 0 0 1-4.664-4.663v-20.398c0-1.237.492-2.423 1.366-3.298a4.666 4.666 0 0 1 6.595 0 4.667 4.667 0 0 1 1.366 3.298v20.395a4.673 4.673 0 0 1-1.365 3.299 4.675 4.675 0 0 1-3.298 1.367Z" fill="#007171"/><path d="M117.936 345.231a26.836 26.836 0 0 1-26.822-26.364 4.666 4.666 0 0 1 4.585-4.742 4.666 4.666 0 0 1 4.742 4.584 17.496 17.496 0 0 0 34.987 0 4.663 4.663 0 0 1 4.663-4.585h.08a4.65 4.65 0 0 1 4.261 2.956 4.66 4.66 0 0 1 .322 1.793 26.83 26.83 0 0 1-26.818 26.364v-.006Z" fill="#007171"/><path d="M115.778 216.09c34.014 0 61.588-5.951 61.588-13.292s-27.574-13.292-61.588-13.292c-34.015 0-61.589 5.951-61.589 13.292s27.574 13.292 61.589 13.292Z" fill="#0A273D"/><path d="m265.094 448.922-73.78 34.168 106.835 231.608a64.687 64.687 0 0 0 78.13 34.622 64.878 64.878 0 0 0 33.215-99.808l-144.4-200.59Z" fill="#F2A068"/><path d="M612.622 94.908c-5.954 1.412-25.928 6.174-37.044 9.083-42.838 11.205-71.191 7.42-90.998-32.45-1.407 13.334-8.053 47.006-39.22 57.923l-1.526.535-.329-1.586c-3.084-14.954-3.055-30.985.089-45.138 8.905-40.217 39.35-70.992 79.422-80.316C577.914-9.804 636.469 19.926 653.54 69.247l35.643 101.642c7.266 20.995-1.146 71.04-1.345 100.031-.237 35.085-49.867-121.788-46.251-124.827a.423.423 0 0 0 .124-.253 30.05 30.05 0 0 0 5.852-37.112 30.053 30.053 0 0 0-34.941-13.811v-.01Z" fill="#842306"/><path d="M755.545 337.858a119.41 119.41 0 0 1 108.451 69.436l56.175 121.895h-99.963l87.947 224.218h-402.15V529.189H353.166l53.155-120.215a119.42 119.42 0 0 1 109.215-71.122l240.009.006Z" fill="#FFD03C"/><path d="m239.938 204.315 3.348 2.968c13.524 13.987 30.36 23.334 48.407 28.169 56.718 15.198 115.555-18.774 130.752-75.492 7.252-27.068 3.378-56.43-10.777-80.945-14.156-24.515-37-42.38-64.709-49.807-56.72-15.198-115.56 18.774-130.286 76.308-5.18 19.335-4.387 39.582.962 58.282l1.543 4.559-20.502 35.266 41.259.695.003-.003Z" fill="#007171"/><path d="M267.771 151.492h-.05a6.997 6.997 0 0 1-6.946-7.044l.172-24.672a6.998 6.998 0 0 1 13.993.098l-.172 24.681a6.998 6.998 0 0 1-6.997 6.937Zm103.569.51h-.047a7 7 0 0 1-6.949-7.047l.172-24.669a6.998 6.998 0 0 1 6.996-6.949h.051a7 7 0 0 1 6.945 7.047l-.172 24.669a7.001 7.001 0 0 1-6.996 6.949Zm-77.867 10.915h-.05a6.999 6.999 0 0 1-6.949-7.047l.333-47.264a6.995 6.995 0 0 1 6.996-6.949h.047a7.005 7.005 0 0 1 6.44 4.364 7.01 7.01 0 0 1 .515 2.683l-.332 47.267a6.996 6.996 0 0 1-7 6.946Zm52.011.255h-.051a6.995 6.995 0 0 1-6.948-7.041l.332-47.267a6.997 6.997 0 1 1 13.992.098l-.332 47.267a6.99 6.99 0 0 1-6.993 6.943Zm-26.302 9.946h-.05a6.977 6.977 0 0 1-4.934-2.082 7.001 7.001 0 0 1-2.012-4.961l.472-67.416a6.993 6.993 0 0 1 7.046-6.945 6.998 6.998 0 0 1 6.946 7.046l-.475 67.413a6.994 6.994 0 0 1-6.993 6.945Z" fill="#fff"/><path d="M644.38 597.3a5.818 5.818 0 0 0 5.72-8.368c-2.758-5.61-6.127-12.467-9.083-18.469a14.107 14.107 0 0 1 3.129-16.622 14.124 14.124 0 0 1 5.182-3.022 13.897 13.897 0 0 1 16.424 6.421l32.761 58.451a31.832 31.832 0 0 0 9.301 10.368 31.837 31.837 0 0 0 12.836 5.408l14.717 2.651-.066.148L949.59 673.7a62.593 62.593 0 0 1 43.054 30.591 62.62 62.62 0 0 1 7.986 25.842 62.683 62.683 0 0 1-3.67 26.797 62.368 62.368 0 0 1-58.296 40.76 62.366 62.366 0 0 1-24.566-4.95l-117.321-49.752a15.614 15.614 0 0 1-2-.593s-72.94-30.06-102.278-40.894a73.143 73.143 0 0 0-25.75-4.524c-7.795.054-17.486-.222-23.82-1.573-16.029-3.416-58.95-22.666-58.971-22.675a12.952 12.952 0 0 0-.594-.243 11.296 11.296 0 0 1 .211-21.188 11.317 11.317 0 0 1 1.03-21.612 11.317 11.317 0 0 1 2.327-22.205l-42.149-17.216a10.875 10.875 0 0 1-5.693-14.77c.083-.176.163-.348.246-.52a10.884 10.884 0 0 1 12.983-5.705l92.043 28.035.018-.005Z" fill="#F2A068"/><path d="M776.394 528.4s63.188 135.982 108.968 234.41a64.036 64.036 0 0 0 60.991 36.966 64.018 64.018 0 0 0 24.317-6.016l.861-.403c31.919-15.002 45.699-52.987 30.829-84.964-45.715-98.294-82.005-179.103-82.005-179.103l-143.961-.89Z" fill="#F2A068"/></svg>';
+defineCustomElement('sinch-illustration-voicebot', createIllustrationClass(templateHTML));

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

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

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

@@ -0,0 +1,4 @@
+import { defineCustomElement } from '../../utils';
+import { createIllustrationClass } from '../create-illustration-class';
+const templateHTML = '<svg viewBox="0 0 477 800" fill="none" aria-hidden="true" focusable="false"><path d="M192.95 319.347a122.727 122.727 0 0 0-6.013 15.032c-3.821 11.191-7.997 26.098-7.997 26.098a38.626 38.626 0 0 0 38.573-38.541v-2.568H192.95" fill="#081B2B"/><path d="M80.175 785.229a15.096 15.096 0 0 0 15.252 14.823h51.663a29.682 29.682 0 0 0 25.629-14.688 1.803 1.803 0 0 1 2.035-.844 1.81 1.81 0 0 1 1.336 1.753v11.316a2.462 2.462 0 0 0 .719 1.745 2.461 2.461 0 0 0 1.745.718h32.591a2.451 2.451 0 0 0 2.464-2.463v-61.884l-70.402 14.417-3.998 6.837a27.15 27.15 0 0 1-23.384 13.415H94.946a14.822 14.822 0 0 0-14.823 14.855h.052Zm283.832-1.044a15.094 15.094 0 0 0 20.471 5.585l28.468-15.659a51.417 51.417 0 0 0 25.942-35.379c.72-3.841.887-7.307.073-9.854a1.807 1.807 0 0 1 2.912-1.9l8.456 7.506a2.452 2.452 0 0 0 2.712.374c.291-.142.55-.34.764-.583l21.609-24.376a2.46 2.46 0 0 0-.208-3.476l-48.929-42.467-41.757 40.149s11.128 28.51 12.162 35.254c1.044 6.587-1.566 10.773-8.581 14.615l-18.248 10.053a14.837 14.837 0 0 0-7.566 14.652 14.832 14.832 0 0 0 1.762 5.516l-.042-.01Z" fill="#A7D5C2"/><path d="M211.562 518.413a46.975 46.975 0 0 1 66.338-3.582l161.398 144.865-62.757 69.919-161.406-144.871a46.978 46.978 0 0 1-3.581-66.338l.008.007Z" fill="#081B2B"/><path d="M178.554 488.128a46.977 46.977 0 0 1 46.977 46.976V752h-93.953V535.094a46.977 46.977 0 0 1 46.976-46.977v.011Z" fill="#081B2B"/><path d="M272.165 376.063c7.215-24.915-7.134-50.961-32.049-58.176-24.915-7.215-50.961 7.134-58.176 32.049L134.67 513.17c-7.215 24.915 7.134 50.961 32.049 58.176 24.915 7.215 50.962-7.134 58.177-32.049l47.269-163.234Z" fill="#081B2B"/><path d="M337.316 392.262c7.215-24.915-7.134-50.962-32.049-58.177-24.915-7.215-50.961 7.134-58.176 32.049l-47.269 163.234c-7.215 24.915 7.134 50.961 32.049 58.176 24.915 7.215 50.961-7.133 58.176-32.049l47.269-163.233Z" fill="#081B2B"/><path d="M331.489 319.336h-.24v-.741H193.002v52.749a69.13 69.13 0 0 0 5.261 26.451 69.133 69.133 0 0 0 37.407 37.406 69.107 69.107 0 0 0 26.45 5.261c21.755 0 66.811-6.117 75.163-48.198 8.059-40.733-5.93-65.109-5.794-72.928Z" fill="#081B2B"/><path d="M201.667 312.843a34.982 34.982 0 0 1-31.642-49.827l49.472-105.436a34.973 34.973 0 0 1 64.004 3.348 34.966 34.966 0 0 1-.701 26.341l-49.471 105.436a34.968 34.968 0 0 1-31.662 20.138Z" fill="#059688"/><path d="M229.853 298.625a34.95 34.95 0 0 1-48.522 9.572l-96.04-66.143a9.863 9.863 0 0 1-2.632-13.571l27.717-41.903a9.845 9.845 0 0 1 6.344-4.235 9.848 9.848 0 0 1 7.467 1.563l96.124 66.174a34.97 34.97 0 0 1 9.542 48.543Z" fill="#059688"/><path d="M92.316 170.567a7.795 7.795 0 0 1-5.507-2.281 7.788 7.788 0 0 1-2.281-5.507V132.85l-7.704 1.837a7.782 7.782 0 0 1-8.388-2.877 7.788 7.788 0 0 1 4.828-12.27l8.184-1.952a15.24 15.24 0 0 1 18.708 14.844v30.274a7.806 7.806 0 0 1-2.274 5.573 7.799 7.799 0 0 1-5.566 2.288Z" fill="#842306"/><path d="m112.202 175.149-47.467 10.909a4.373 4.373 0 0 1-3.56-.647L1.828 143.832c-2.38-1.671-.98-6.942 2.088-7.642l43.48-9.98a13.123 13.123 0 0 1 10.731 1.952l56.163 39.346c2.328 1.67.929 6.952-2.088 7.641Z" fill="#272727"/><path d="m156.548 205.413-25.451 35.618-39.387-27.914a17.876 17.876 0 0 0-11.692-2.224 27.596 27.596 0 0 1-27.654-13.273 27.598 27.598 0 0 1-3.57-10.163l-1.2-8.477 66.487-9.927 1.044 7.599 41.423 28.761Z" fill="#842306"/><path d="M124.322 198.752a8.882 8.882 0 0 1-8.42-1.975 8.868 8.868 0 0 1-2.739-8.203 37.58 37.58 0 0 0-5.533-27.403 8.894 8.894 0 0 1-1.887-6.678 8.873 8.873 0 0 1 6.693-7.512 8.899 8.899 0 0 1 6.851 1.107 8.894 8.894 0 0 1 2.561 2.445 55.654 55.654 0 0 1 8.759 41.308 8.885 8.885 0 0 1-6.285 6.911Z" fill="#842306"/><path d="M119.197 179.294a8.09 8.09 0 0 1-1.754.198H39.149a7.61 7.61 0 0 1 0-15.22h78.294a7.609 7.609 0 0 1 6.253 11.987 7.617 7.617 0 0 1-4.499 3.035Zm143.017-23.822a24.326 24.326 0 0 1-24.01-21.515l-1.67-23.718a25.102 25.102 0 0 1 14.8-25.641 25.107 25.107 0 0 1 10.254-2.149 25.135 25.135 0 0 1 25.231 25.055v23.749a24.292 24.292 0 0 1-7.254 17.238 24.3 24.3 0 0 1-17.351 6.981Z" fill="#842306"/><path d="M286.851 105.458v13.884l-49.347 5.71a6.525 6.525 0 0 0-1.753-3.132 6.676 6.676 0 0 0-4.729-1.962 32.181 32.181 0 0 1-20.988-7.783 32.18 32.18 0 0 1-10.831-19.589v-.188c-.094-.7-.178-1.41-.219-2.088a1.179 1.179 0 0 1 0-.188 31.249 31.249 0 0 1-.073-2.213V44.002A43.956 43.956 0 0 1 237.807.314a41.084 41.084 0 0 1 5.095-.303 43.967 43.967 0 0 1 40.647 27.153 43.98 43.98 0 0 1 3.344 16.838v60.85a1.936 1.936 0 0 0-.042.606Zm11.9 30.659h-71.456a70.117 70.117 0 0 1 7.057-3.591 5.65 5.65 0 0 0 2.171-1.702 5.269 5.269 0 0 0 1.044-3.184v-.992l51.413-7.61a63.285 63.285 0 0 0 5.627 11.786 48.112 48.112 0 0 0 4.144 5.293Z" fill="#842306"/><path d="m289.074 119.08-2.015.23a6.86 6.86 0 0 1-7.547-5.596 6.87 6.87 0 0 1 4.176-7.568l3.131-1.294c0 4.797.743 9.565 2.203 14.134l.052.094Z" fill="#842306"/><path d="M286.84 43.99v28.186h-12.965V58.772a11.345 11.345 0 0 0-10.882-11.43 11.346 11.346 0 0 0-11.782 10.501v1.337a6.9 6.9 0 0 1-6.514 6.983 6.69 6.69 0 0 1-6.9-6.702V41.318a8.352 8.352 0 0 0-8.352-8.351h-29.188A43.99 43.99 0 0 1 239.645.125l1.043-.073h2.141a43.967 43.967 0 0 1 43.99 43.99l.021-.052Z" fill="#081B2B"/><path d="M286.84 62.374v39.168a24.28 24.28 0 0 1-12.965-21.494V62.374h12.965Z" fill="#081B2B"/><path d="M213.348 85.362a14.374 14.374 0 0 1-10.074 7.13c-.827.145-1.665.218-2.505.219a11.165 11.165 0 0 1-1.566-.094v-.188c-.094-.7-.178-1.41-.219-2.088a12.143 12.143 0 0 0 12.422-6.055 1.123 1.123 0 0 1 .682-.54 1.117 1.117 0 0 1 .863.112 1.136 1.136 0 0 1 .397 1.503Z" fill="#E83452"/><path d="M338.744 226.803c0 38.406-7.245 92.544-7.245 92.544H192.95c-.209-5.042-10.565-99.664-8.696-101.898 1.253-23.488 8.038-47.456 23.739-65.401a76.172 76.172 0 0 1 13.748-12.423h80.382c.961.908 1.973 1.754 3.007 2.599.323.272.657.543.981.836 24.094 20.366 32.633 45.337 32.633 83.743Z" fill="#005F5F"/><path d="M302.155 139.625h-80.383a71.449 71.449 0 0 1 12.11-6.911h62.176a48.55 48.55 0 0 0 6.097 6.911Zm-47.248 163.603a34.948 34.948 0 0 1-48.616 9.103l-95.446-67.04a9.857 9.857 0 0 1-2.495-13.571l28.103-41.622a9.878 9.878 0 0 1 6.38-4.177 9.869 9.869 0 0 1 7.452 1.62l95.498 67.082a34.97 34.97 0 0 1 9.124 48.605Z" fill="#059688"/><path d="M227.18 316.779a34.992 34.992 0 0 1-31.641-49.837l49.471-105.436a34.972 34.972 0 0 1 64.555 2.97 34.974 34.974 0 0 1-1.23 26.74l-49.472 105.436a34.977 34.977 0 0 1-31.683 20.127Z" fill="#059688"/></svg>';
+defineCustomElement('sinch-illustration-walking-on-phone', createIllustrationClass(templateHTML));

package/illustrations/what-tools/index.d.ts

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

package/illustrations/what-tools/index.js

@@ -0,0 +1,4 @@
+import { defineCustomElement } from '../../utils';
+import { createIllustrationClass } from '../create-illustration-class';
+const templateHTML = '<svg viewBox="0 0 406 800" fill="none" aria-hidden="true" focusable="false"><path d="M357.142 113.881c26.54 0 48.056-21.515 48.056-48.056 0-26.54-21.516-48.056-48.056-48.056-26.541 0-48.057 21.515-48.057 48.056 0 26.54 21.516 48.056 48.057 48.056Z" fill="#0A273D"/><path d="M130.618 143.512c20.501 0 37.119-16.618 37.119-37.119 0-20.5-16.618-37.119-37.119-37.119-20.5 0-37.119 16.62-37.119 37.119 0 20.501 16.619 37.119 37.119 37.119Z" fill="#E83452"/><path d="M380.552 55.11a4.201 4.201 0 0 0-4.108-.197l-6.746 3.347v-.78a7.024 7.024 0 0 0-7.015-7.016h-18.788a7.023 7.023 0 0 0-7.015 7.015v13.326a7.022 7.022 0 0 0 7.013 7.006h18.788a7.024 7.024 0 0 0 7.015-7.014v-.774l6.746 3.347a4.227 4.227 0 0 0 6.107-3.79V58.703a4.207 4.207 0 0 0-1.997-3.594Zm-89.08 99.3c14.778 0 26.759-11.98 26.759-26.759 0-14.778-11.981-26.758-26.759-26.758-14.779 0-26.759 11.98-26.759 26.758 0 14.779 11.98 26.759 26.759 26.759Z" fill="#FFBE3C"/><path d="M66.237 74.238c20.5 0 37.119-16.619 37.119-37.119S86.737 0 66.237 0 29.118 16.619 29.118 37.119s16.619 37.119 37.12 37.119Z" fill="#0A273D"/><path d="M44.44 34.126h6.088a1.046 1.046 0 0 0 1.046-.97c.163-2.822.71-5.609 1.63-8.282a1.03 1.03 0 0 0-.534-1.28 32.514 32.514 0 0 1-3.508-1.907 1.046 1.046 0 0 0-1.397.276 22.864 22.864 0 0 0-4.37 11.012 1.047 1.047 0 0 0 1.044 1.15Zm19.127 13.75a29.155 29.155 0 0 0-4.547.789 1.047 1.047 0 0 0-.604 1.581 19.15 19.15 0 0 0 4.618 4.916 1.046 1.046 0 0 0 1.673-.837v-5.41a1.044 1.044 0 0 0-1.14-1.039Zm17.199 3.788a29.235 29.235 0 0 0-2.211-1.154 1.045 1.045 0 0 0-1.351.418 22.885 22.885 0 0 1-3.257 4.292 22.062 22.062 0 0 1-2.794 2.44.234.234 0 0 0 .19.418 22.889 22.889 0 0 0 9.552-4.709 1.044 1.044 0 0 0-.13-1.705Zm7.266-14.482h-6.09a1.046 1.046 0 0 0-1.045.972 31.028 31.028 0 0 1-1.621 8.281 1.033 1.033 0 0 0 .533 1.28c1.21.563 2.383 1.2 3.514 1.908a1.045 1.045 0 0 0 1.385-.268 22.873 22.873 0 0 0 4.368-11.012 1.044 1.044 0 0 0-1.044-1.161Zm-36.326-17.52c.721.418 1.458.803 2.211 1.156a1.045 1.045 0 0 0 1.351-.418 22.801 22.801 0 0 1 3.259-4.3 21.86 21.86 0 0 1 2.792-2.448.234.234 0 0 0-.19-.418 22.903 22.903 0 0 0-9.553 4.71 1.045 1.045 0 0 0 .13 1.718Zm1.498 26.774a30.955 30.955 0 0 1-1.628-8.279 1.045 1.045 0 0 0-1.045-.972H44.44a1.046 1.046 0 0 0-1.046 1.16 22.864 22.864 0 0 0 4.371 11.02 1.046 1.046 0 0 0 1.383.265 32.568 32.568 0 0 1 3.508-1.908 1.034 1.034 0 0 0 .548-1.286Zm10.458-9.254h-7.984a1.046 1.046 0 0 0-1.046 1.117c.16 2.388.625 4.745 1.385 7.015a1.033 1.033 0 0 0 1.255.657 32.154 32.154 0 0 1 6.471-1.18 1.046 1.046 0 0 0 .95-1.035v-5.533a1.046 1.046 0 0 0-1.031-1.041ZM58.526 55.22a22.798 22.798 0 0 1-3.258-4.3 1.046 1.046 0 0 0-1.352-.419 29.79 29.79 0 0 0-2.21 1.163 1.045 1.045 0 0 0-.13 1.707 22.892 22.892 0 0 0 9.553 4.71.235.235 0 0 0 .19-.418 22.04 22.04 0 0 1-2.793-2.443Zm15.421-39.13a22.833 22.833 0 0 1 3.257 4.302 1.046 1.046 0 0 0 1.35.419c.754-.353 1.49-.739 2.212-1.157a1.046 1.046 0 0 0 .13-1.707 22.89 22.89 0 0 0-9.553-4.71.234.234 0 0 0-.19.418 21.85 21.85 0 0 1 2.794 2.435ZM63.758 26.516a32.147 32.147 0 0 1-6.472-1.18 1.034 1.034 0 0 0-1.255.657 28.055 28.055 0 0 0-1.384 7.015 1.045 1.045 0 0 0 1.045 1.117h7.97a1.046 1.046 0 0 0 1.045-1.045v-5.527a1.046 1.046 0 0 0-.95-1.037Zm15.518-1.641a31.048 31.048 0 0 1 1.63 8.28 1.046 1.046 0 0 0 1.045.971h6.09a1.046 1.046 0 0 0 1.045-1.16 22.869 22.869 0 0 0-4.384-11.003 1.046 1.046 0 0 0-1.385-.266 32.303 32.303 0 0 1-3.507 1.908 1.033 1.033 0 0 0-.534 1.27ZM68.715 44.791c2.192.171 4.361.567 6.472 1.182a1.046 1.046 0 0 0 1.255-.659 27.974 27.974 0 0 0 1.383-7.015 1.048 1.048 0 0 0-1.046-1.117h-7.974a1.046 1.046 0 0 0-1.046 1.045v5.533a1.046 1.046 0 0 0 .956 1.031Zm.09-10.665h7.989a1.046 1.046 0 0 0 1.046-1.117 27.974 27.974 0 0 0-1.383-7.016 1.046 1.046 0 0 0-1.255-.657 32.178 32.178 0 0 1-6.472 1.18 1.046 1.046 0 0 0-.952 1.046v5.53a1.046 1.046 0 0 0 1.027 1.034Zm-5.771-17.98a19.15 19.15 0 0 0-4.627 4.915 1.047 1.047 0 0 0 .605 1.581c1.495.382 3.019.644 4.556.785a1.046 1.046 0 0 0 1.14-1.046v-5.399a1.046 1.046 0 0 0-1.674-.836Zm5.869 7.281a29.158 29.158 0 0 0 4.548-.789 1.046 1.046 0 0 0 .606-1.581 19.072 19.072 0 0 0-4.629-4.91 1.046 1.046 0 0 0-1.673.837v5.41a1.046 1.046 0 0 0 1.148 1.033Zm5.154 26.821a1.046 1.046 0 0 0-.606-1.583 29.159 29.159 0 0 0-4.548-.789 1.045 1.045 0 0 0-1.14 1.046v5.41a1.046 1.046 0 0 0 1.674.836 19.14 19.14 0 0 0 4.62-4.92Z" fill="#FFBE3C"/><path d="M335.018 242.828c20.501 0 37.119-16.619 37.119-37.119s-16.618-37.119-37.119-37.119c-20.5 0-37.119 16.619-37.119 37.119s16.619 37.119 37.119 37.119Z" fill="#E83452"/><path d="M212.987 75.29c17.097 0 30.957-13.86 30.957-30.957s-13.86-30.957-30.957-30.957-30.957 13.86-30.957 30.957 13.86 30.957 30.957 30.957Z" fill="#FFBE3C"/><path d="M211.385 43.271a3.409 3.409 0 0 0 4.459 0l12.705-11.059a.743.743 0 0 0-.487-1.303h-28.895a.741.741 0 0 0-.487 1.303l12.705 11.059Zm18.932-8.009-10.423 9.082 10.423 9.076a.746.746 0 0 0 1.232-.56V35.821a.752.752 0 0 0-.436-.675.747.747 0 0 0-.796.115Zm-33.405 0a.742.742 0 0 0-1.112.159.744.744 0 0 0-.12.401v17.03a.744.744 0 0 0 1.232.561l10.423-9.07-10.423-9.081Zm20.265 11.303a6.886 6.886 0 0 1-7.127 0l-10.402 9.06a.741.741 0 0 0 .064 1.17.743.743 0 0 0 .424.133h26.957a.741.741 0 0 0 .488-1.303l-10.404-9.06Z" fill="#0A273D"/><path d="M49.735 213.522c27.08 0 49.034-21.953 49.034-49.034 0-27.08-21.953-49.033-49.034-49.033-27.08 0-49.033 21.953-49.033 49.033 0 27.081 21.953 49.034 49.033 49.034Z" fill="#FFBE3C"/><path d="M347.686 198.367a12.435 12.435 0 1 0-24.714 1.975c1.013 6.829 6.694 16.365 9.959 21.408a2.763 2.763 0 0 0 4.637 0c3.269-5.043 8.948-14.579 9.959-21.408.103-.651.157-1.308.159-1.967v-.008ZM335.25 203.5a5.136 5.136 0 0 1-4.736-3.174 5.138 5.138 0 0 1 1.118-5.592 5.129 5.129 0 0 1 5.593-1.108 5.13 5.13 0 0 1-1.975 9.874Z" fill="#fff"/><path d="M303.082 123.365a6.48 6.48 0 0 0-1.584-3.49 6.48 6.48 0 0 0-10.144.562 6.483 6.483 0 0 0-11.832 3.242 6.498 6.498 0 0 0 .382 2.636 6.503 6.503 0 0 0 1.41 2.259l8.622 8.609a2.038 2.038 0 0 0 2.882 0l8.367-8.367.238-.24a6.463 6.463 0 0 0 1.659-5.211Z" fill="#0A273D"/><path d="M19.13 202.685a44.948 44.948 0 0 1 60.61.209 47.87 47.87 0 0 1-60.61-.209Z" fill="#0A273D"/><path d="M50.338 202.714a9.981 9.981 0 0 1-9.982-9.982v-2.46a5.2 5.2 0 0 0-2.092-4.129 19.964 19.964 0 0 1-7.513-12.033 64.121 64.121 0 0 0-2.874-10.444c-.437-1.154-.89-2.345-1.318-3.468a4.082 4.082 0 0 1 3.82-5.532v-4.01c0-10.917 8.611-20.093 19.526-20.325a19.97 19.97 0 0 1 20.402 19.959v4.376a4.083 4.083 0 0 1 3.813 5.534l-1.316 3.466a63.87 63.87 0 0 0-2.867 10.444 19.964 19.964 0 0 1-7.514 12.033 5.21 5.21 0 0 0-2.091 4.129v2.46a9.978 9.978 0 0 1-9.982 9.982" fill="#0A273D"/><path d="M54.714 139.154v.349a15.511 15.511 0 0 0 15.507 15.163h.073v-4.376a19.965 19.965 0 0 0-20.228-19.963c-10.969.144-19.698 9.287-19.698 20.26v4.079h8.825a15.524 15.524 0 0 0 10.97-4.543 15.5 15.5 0 0 0 4.544-10.969" fill="#0A273D"/><path d="M127.136 118.695a16.943 16.943 0 1 1 .016-33.886 16.943 16.943 0 0 1-.016 33.886ZM117.08 92.131a13.932 13.932 0 1 0 9.751-4.297 13.832 13.832 0 0 0-9.758 4.29l.007.007Z" fill="#fff"/><path d="m140.793 109.726-5.104 5.327 8.921 8.551a3.694 3.694 0 0 0 5.217-.113 3.692 3.692 0 0 0-.113-5.215l-8.927-8.548.006-.002Z" fill="#fff"/><path d="m266.898 738.731.419-2.347 13.88-76.924h-64.089l12.663 88.227c1.22 8.492 1.732 11.107-.151 13.408l-1.045 2.301c4.392-4.629 7.055-3.667 12.882-5.083a32.157 32.157 0 0 1 27.115 5.66l3.51-.159c-2.929-6.903-7.516-12.148-5.184-25.083Zm-67.589-79.271h-64.08l14.292 79.275c2.332 12.935-1.477 13.161-1.686 19.017l.013 6.225c13.06-9.946 26.951-15.612 38.265-3.715l1.464-1.046c-.418-2.3-2.148-3.032-.931-11.525l12.663-88.231Z" fill="#894915"/><path d="M281.159 774.461c-4.859-5.713-10.91-12.822-10.91-24.509v-1.865c0-.101-.013-.197-.017-.297v-21.593a4.49 4.49 0 0 0-4.16 2.799 4.497 4.497 0 0 0-.331 1.73l.021 6.693a18.721 18.721 0 0 0-35.056-.594v-6.129a4.494 4.494 0 0 0-4.491-4.493h-.613v42.88c-.697 9.536-2.627 15.336-2.7 15.554a11.528 11.528 0 0 0 5.575 14.085 11.53 11.53 0 0 0 5.301 1.291h42.817a11.539 11.539 0 0 0 11.54-11.538c-.002-5.821-3.382-9.802-6.976-14.014Zm-145.859 0c4.861-5.713 10.91-12.822 10.91-24.509v-1.865c0-.101.015-.197.017-.297v-21.593a4.49 4.49 0 0 1 3.189 1.329 4.493 4.493 0 0 1 1.304 3.2l-.021 6.693a18.724 18.724 0 0 1 35.054-.594v-6.129c0-1.191.474-2.334 1.316-3.177a4.496 4.496 0 0 1 3.177-1.315h.613v42.879c.697 9.536 2.625 15.336 2.698 15.554a11.538 11.538 0 0 1-10.876 15.376h-42.815a11.54 11.54 0 0 1-11.538-11.538c0-5.821 3.387-9.802 6.972-14.014Z" fill="#0A273D"/><path d="M204.974 114.556a44.046 44.046 0 0 1 16.85 3.351 44.042 44.042 0 0 1 23.828 23.829 44.028 44.028 0 0 1 3.352 16.85v88.593h-88.06v-88.591a44.023 44.023 0 0 1 12.895-31.136 44.052 44.052 0 0 1 14.285-9.545 44.046 44.046 0 0 1 16.85-3.351Z" fill="#F2A068"/><path d="M233.048 243.263a9.623 9.623 0 0 1-9.621-9.622c0-3.077 1.541-5.932 3.986-7.8a37.41 37.41 0 0 0 14.759-29.804 33.517 33.517 0 0 1 4.707-17.242c2.229-3.765-.356-8.509-4.707-8.576h-13.386a3.442 3.442 0 0 1-2.747-2.861l-2.301-15.144-1.527 14.991a3.441 3.441 0 0 1-2.761 3.027h-52.336c-4.428 0-7.111 4.863-4.76 8.619 2.602 4.171 4.846 9.884 4.846 17.2a37.419 37.419 0 0 0 14.703 29.761c2.459 1.882 4.053 4.767 4.045 7.867a9.622 9.622 0 0 1-9.622 9.588h-14.755l23.655 18.365c4.472 6.323 11.701 10.209 19.453 10.216h.642c7.497-.182 14.433-4.008 18.796-10.109l23.741-18.476h-14.81Z" fill="#894915"/><path d="M215.922 203.178a16.674 16.674 0 0 1-5.406 3.613 16.675 16.675 0 0 1-12.755 0 16.674 16.674 0 0 1-5.406-3.613" stroke="#F2A068" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/><path d="m160.664 304.227-11.505 31.028a28.63 28.63 0 0 1-26.844 18.677 29.715 29.715 0 0 1-29.208-24.23l-10.375-55.221h26.338l10.913 29.859 40.681-.113Z" fill="#894915"/><path d="M74.12 252.614a1.254 1.254 0 0 0 .945-2.186l-7.969-7.141a3.262 3.262 0 0 1-.646-4.06c.878-1.52 2.84-2.026 4.392-1.221l17.725 9.412c5.075 2.692 16.801 11.155 20.342 26.86" fill="#894915"/><path d="M57.178 250.535c8.617 1.123 19.184 2.24 27.652 3.085a26.775 26.775 0 0 1 21.544 15.27c1.728 3.679 3.121 6.651 3.121 6.651s-28.983-10.239-29.255-10.299l-23.184-6.98a18.556 18.556 0 0 1-10.841-8.704l-3.357-5.997a3.61 3.61 0 0 1 .822-4.524 2.921 2.921 0 0 1 2.146-.685 2.934 2.934 0 0 1 1.998 1.041l9.353 11.142Z" fill="#894915"/><path d="M62.543 251.488a7.972 7.972 0 0 1-11.626-3.15l-2.253-4.656a3.61 3.61 0 0 1 1.096-4.466 2.934 2.934 0 0 1 4.117.607l8.666 11.677" fill="#894915"/><path d="M52.367 249.488a10.283 10.283 0 0 0 4.834 3.211l11.314 3.512c1.402.435 2.851.7 4.317.788 2.458-.081 7.162-.265 12.15-.468a25.385 25.385 0 0 1 24.095 17.744 186.675 186.675 0 0 1 1.018 3.137l-23.13 8.292-3.25-8.819a14.149 14.149 0 0 0-13.065-9.256c-.031.067-.062.065-.094.065a31.16 31.16 0 0 1-25.884-15.173 2453.629 2453.629 0 0 1-4.63-7.739 3.497 3.497 0 0 1 .75-4.464c.296-.25.639-.439 1.009-.557a2.961 2.961 0 0 1 2.252.194c.344.179.65.424.899.721l7.404 8.808.011.004Z" fill="#894915"/><path d="m175.969 268.363-28.094 61.324-32.86-14.61 28.633-61.615" fill="#894915"/><path d="M161.486 284.401c11.379 0 20.603-9.225 20.603-20.604 0-11.378-9.224-20.603-20.603-20.603-11.379 0-20.603 9.225-20.603 20.603 0 11.379 9.224 20.604 20.603 20.604Z" fill="#894915"/><path d="m273.278 321.606-38.613-52.546 29.895-18.367s28.725 32.8 43.902 51.14a20.539 20.539 0 0 1 2.646 22.078l-39.815 81.826-16.142-22.477 18.129-61.654h-.002Z" fill="#894915"/><path d="m276.859 406.167-2.138-20.143c-.119-1.123-12.418-6.413-12.213-5.582 0 0 4.376 15.422 7.112 25.079a18.552 18.552 0 0 0 9.136 11.318l4.934 2.625a3.348 3.348 0 0 0 4.184-.855 2.786 2.786 0 0 0-.419-3.916l-10.6-8.526m-28.194-121.766c11.378 0 20.603-9.225 20.603-20.604 0-11.378-9.225-20.603-20.603-20.603-11.379 0-20.604 9.225-20.604 20.603 0 11.379 9.225 20.604 20.604 20.604Z" fill="#894915"/><path d="M236.68 241.799h-7.382s-4.022 19.628-24.343 19.634c-20.32.007-24.345-19.634-24.345-19.634h-7.379s-31.585 45.082-19.505 105.988h102.459c12.077-60.914-19.505-105.988-19.505-105.988Z" fill="#E83452"/><path d="m309.69 644.326-9.877-131.186a289.845 289.845 0 0 0-23.831-95.063l-10.32-23.356s-10.523-29.792-9.478-46.943l-14.223-.028v-.064h-68.398v.054l-19.8.038c1.046 17.151-9.477 46.943-9.477 46.943l-10.321 23.356a289.844 289.844 0 0 0-23.83 95.063l-9.869 131.186a14.06 14.06 0 0 0 .749 5.703 14.059 14.059 0 0 0 7.658 8.256 14.06 14.06 0 0 0 5.63 1.174h181.349a14.08 14.08 0 0 0 14.038-15.133Z" fill="#FFBE3C"/></svg>';
+defineCustomElement('sinch-illustration-what-tools', createIllustrationClass(templateHTML));

package/illustrations/win-together/index.d.ts

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

package/illustrations/win-together/index.js

@@ -0,0 +1,4 @@
+import { defineCustomElement } from '../../utils';
+import { createIllustrationClass } from '../create-illustration-class';
+const templateHTML = '<svg viewBox="0 0 928 800" fill="none" aria-hidden="true" focusable="false"><path d="M402.37 206.741c0 10.444-8.444 18.889-18.889 18.889h-73.703c-10.445 0-18.889-8.445-18.889-18.889 0-9.778 7.926-17.704 17.704-17.704v-6.444a11.096 11.096 0 0 1 11.111-11.111c.963 0 1.852-.371 2.518-1.037a3.528 3.528 0 0 0 1.037-2.519s-.074-.889-.074-2.37c0-9.778 2.667-44.815 42.074-38.148v16c0 2-.815 3.926-2.222 5.407a7.573 7.573 0 0 1-5.333 2.222c-5.482.074-9.556 5.334-7.852 10.519v.074c0 .074.074.222.074.296 1.333 3.852 9.407 8.296 15.63 12.37a11.897 11.897 0 0 1 8.074-2.888c6.148.074 11.111 5.037 11.037 11.185v6.37c9.777.148 17.629 8 17.703 17.778Z" fill="#272727"/><path d="m245.704 287.703-36.593 56.741h31.778l27.555-43.111-22.74-13.63Z" fill="#894915"/><path d="m485.333 242.889-2.222.593c-16.889 4.296-34.592 3.926-51.259-1.186l-21.037-6.444c-.148-.074-.37-.074-.593-.148-9.185-2.445-18.666 3.037-21.111 12.222-.222.889-.37 1.778-.518 2.741l-5.482 52.444-82.889.519v-36.963a4.995 4.995 0 0 0-5.037-5.037c-1.777 0-3.407.963-4.37 2.444-7.63 12.741-15.926 26.593-22.815 38.222l-27.185-16.148c.148-.222 11.778-19.852 23.481-39.259 6.889-11.407 12.445-20.593 16.519-27.111 2.518-4 4.37-7.037 5.778-9.185 2.889-4.445 6.815-10.445 15.481-10.519l80.519.222c9.629 0 19.259.741 28.815 2.371 2.888.444 5.777 1.111 8.666 1.852l21.037 6.444c10.371 3.185 21.408 3.63 32.074 1.333l12.148 30.593Z" fill="#CDE8F9"/><path d="M358.222 189.111c-11.629 0-21.037-9.407-21.037-21.037v-21.037c0-11.63 9.408-21.037 21.037-21.037 11.63 0 21.037 9.407 21.037 21.037v21.037c0 11.63-9.407 21.037-21.037 21.037Z" fill="#894915"/><path d="M379.259 148.592v-1.629c0-11.63-9.333-21.037-20.963-21.037 0 22.592 20.667 22.222 20.963 22.666Z" fill="#272727"/><path d="M361.852 171.556c2.889 2.889 7.629 2.889 10.518 0" stroke="#0A273D" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M383.185 302.963s29.63 72.518 42.445 103.926A47.24 47.24 0 0 1 427.778 436c-6.148 25.037-18.074 73.778-20.667 84.37a2.778 2.778 0 0 1-2.667 2.074h-43.629c-.815 0-1.63-.37-2.148-1.037-.519-.666-.667-1.481-.519-2.296 3.556-14.889 18.074-75.185 21.259-88.445a8.387 8.387 0 0 0-.444-5.037c-4.593-10.666-22.593-52.74-22.593-52.74s-15.407 152.889-17.629 174.296a2.735 2.735 0 0 1-2.741 2.444c-8.741-.148-38.074-.592-47.482-.74-.74 0-1.481-.371-2-.889a2.713 2.713 0 0 1-.666-2.074c2.296-23.185-3.111-176.371-3.111-176.371l5.852-29.852c.963-20.074 11.481-36.666 11.629-36.814h82.963v.074Z" fill="#059688"/><path d="M373.037 200c-.074 14-11.407 25.333-25.407 25.259-14-.074-25.334-11.407-25.26-25.407h7.112c4.148.074 7.629-3.259 7.703-7.408v-20.963h21.111v20.963a7.213 7.213 0 0 0 6.963 7.482h.297l7.481.074Z" fill="#894915"/><path d="M359.037 125.851c3.482.222 6.222 3.111 6.222 6.593v11.037c0 2-.814 3.926-2.222 5.407a7.569 7.569 0 0 1-5.333 2.222c-5.482.075-9.556 5.334-7.852 10.519v.074c0 .074.074.222.074.296 4.889 14.519-6.074 29.482-21.407 29.408l-5.334-.074v-23.408c0 .074-3.185-44.444 35.852-42.074Z" fill="#272727"/><path d="m671.852 288.592 34.815 55.852h-31.778l-25.778-42.223 22.741-13.629Z" fill="#FFE1CC"/><path d="M434.222 244.222c16.889 4.296 34.593 3.926 51.259-1.185l21.037-6.445c.149-.074.371-.074.593-.148 9.185-2.444 18.667 3.037 21.111 12.222.222.889.371 1.778.519 2.741l5.481 52.444 82.889.519-2.148-39.556c-.148-2.074 1.407-3.852 3.407-4 1.408-.074 2.741.593 3.482 1.852a5421.756 5421.756 0 0 1 24.592 41.111l30.074-16.963c-.148-.222-11.777-19.852-23.481-39.259-6.889-11.407-12.444-20.593-16.519-27.111-2.518-4-4.37-7.037-5.777-9.185-2.889-4.445-6.815-10.445-15.482-10.519l-80.518.222c-9.63 0-19.26.741-28.815 2.371-2.889.444-5.778 1.111-8.667 1.852l-21.037 6.444c-10.37 3.185-21.407 3.63-32.074 1.333l-9.926 31.26Z" fill="#E83452"/><path d="M559.185 168.814h-21.037v10.963c0 6.889 5.556 12.445 12.371 12.445h8.666v-23.408Z" fill="#FFD03C"/><path d="M544.371 200.814c.074 14 11.407 25.334 25.407 25.26 14-.074 25.333-11.408 25.259-25.408h-7.111c-4.148.074-7.629-3.259-7.704-7.407v-20.963h-21.111v20.963a7.212 7.212 0 0 1-6.963 7.481h-.296l-7.481.074Z" fill="#FFE1CC"/><path d="M559.185 189.851c11.63 0 21.037-9.407 21.037-21.037v-21.037c0-11.629-9.407-21.037-21.037-21.037-11.629 0-21.037 9.408-21.037 21.037v21.037c0 11.556 9.334 21.037 20.889 21.037h.148Z" fill="#FFE1CC"/><path d="M594.148 168.814v23.407l-5.333.074c-15.334.075-26.296-14.888-21.408-29.407 0-.074.074-.222.074-.296v-.074c1.334-4.297-1.037-8.889-5.333-10.223-.815-.222-1.704-.37-2.518-.37-2 0-3.926-.815-5.334-2.222l-.074-.074a7.986 7.986 0 0 0-8.444-2.074c-2.519.889-5.111 1.407-7.778 1.703v-1.629c0-10.963 8.444-20.148 19.407-20.963.297-.074.519-.074.815-.074 39.111-2.297 35.926 42.222 35.926 42.222Z" fill="#FFD03C"/><path d="M555.556 172.296c-2.889 2.889-7.63 2.889-10.519 0" stroke="#F2A068" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M534.148 303.777s-29.629 72.519-42.444 103.926a47.225 47.225 0 0 0-2.148 29.111c6.148 25.037 18.074 73.778 20.666 84.37a2.78 2.78 0 0 0 2.667 2.075h43.63a2.74 2.74 0 0 0 2.148-1.038c.518-.666.666-1.481.518-2.296-3.555-14.889-18.074-75.185-21.259-88.444a8.4 8.4 0 0 1 .444-5.037c4.593-10.667 22.593-52.741 22.593-52.741s15.407 152.889 17.63 174.296a2.734 2.734 0 0 0 2.74 2.445c8.741-.148 38.075-.593 47.482-.741.741 0 1.481-.37 2-.889a2.71 2.71 0 0 0 .667-2.074c-2.297-23.185 3.111-176.37 3.111-176.37l-5.482-30.815c-.963-20.074-11.852-35.704-12-35.926h-82.963v.148Z" fill="#059688"/><path d="m531.333 276.888-25.629-28.741v96.297h-93.63v-94.741L386 276.518l2.148-19.778c1.556-15.185 8.074-30.148 16.445-42.889 2.518-3.778 5.851-6.963 9.777-9.185a27.041 27.041 0 0 1 12.815-3.704h1.185l49.334-.37h12.815c11.703 0 16.148 3.778 21.925 11.407.741.963 14.741 22.074 17.186 44.741l1.703 20.148Z" fill="#059688"/><path d="M459.556 210.518c-14 0-18.149-9.704-18.149-9.704 4.223 0 7.556-3.704 7.556-7.926v-20.815h21.111v20.963a7.54 7.54 0 0 0 7.556 7.556c.074 0-4.074 9.926-18.074 9.926Z" fill="#F2A068"/><path d="M449.037 192.444c11.63 0 21.037-9.407 21.037-21.037V150.37c0-11.63-9.407-21.037-21.037-21.037-11.63 0-21.037 9.407-21.037 21.037v21.037c0 11.63 9.407 21.037 21.037 21.037Z" fill="#F2A068"/><path d="M445.482 174.889c-2.889 2.889-7.63 2.889-10.519 0" stroke="#894915" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M470.222 150.518c0-11.408-9.333-21.333-20.741-21.556-8.296-.148-15.925 4.593-19.481 12.148l8 .149c1.778 0 3.259-1.408 3.259-3.186v-.074c4.593.074 8.297 3.852 8.222 8.445l-.148 14.37h2.074a2.655 2.655 0 0 0 2.667-2.666 5.47 5.47 0 0 1 5.482-5.482 5.469 5.469 0 0 1 5.481 5.482v5.185c0 3.703 2 7.185 5.259 9.037l-.074-21.852Z" fill="#894915"/><path d="M470.148 143.333h-42c.889-10.889 10-19.259 20.963-19.259h.074c10.963-.074 20.074 8.37 20.963 19.259Z" fill="#081B2B"/><path d="M470.296 145.037v3.481h-42.222v-3.481c0-.593 0-1.186.074-1.778h42c.074.592.148 1.185.148 1.778Z" fill="#12364C"/><path d="M512.741 344.444H406.815l5.111-12.371h92.667l8.148 12.371Z" fill="#005F5F"/><path d="M459.407 517.259H132.519V403.704c0-32.741 26.518-59.26 59.259-59.26h267.629v172.815Z" fill="#12364C"/><path d="M459.407 517.259h335.63V403.704c0-32.741-26.518-59.26-59.259-59.26H459.407v172.815Z" fill="#081B2B"/><path d="M795.037 653.852H132.519v40.296h662.518v-40.296Z" fill="#A7D5C2"/><path d="M795.037 517.259H132.519v136.592h662.518V517.259Z" fill="#059688"/><path d="M132.519 694.222h-42c-22.223 0-40.297-18-40.297-40.296V529.629c-.074-45.407 36.741-82.222 82.148-82.296h.149v246.889Zm662.518 0h42c22.222 0 40.296-18 40.296-40.296V529.629c.074-45.407-36.74-82.222-82.148-82.296h-.148v246.889Z" fill="#007171"/><path d="m540.889 369.111-4.222-.223c-10.741 0-20.593-5.851-25.778-15.185l-43.704-78.518c-2.74-1.111-4.592-3.778-4.815-6.741l-.37-6c-2.889-13.704-2.741-14.074-2.222-15.259a3.728 3.728 0 0 1 4.889-1.926c1.407.592 2.296 2 2.222 3.481.148 1.26 1.185 6.667 2.074 10.741l.963-.148s-.889-10.741 3.185-17.333c1.185-2 3.259-3.26 3.778-5.482a97.566 97.566 0 0 1 5.037-16.592c.815-1.852 3.037-2.741 4.889-1.926 1.852.814 2.741 3.037 1.926 4.888a70.264 70.264 0 0 0-5.482 20.075c.371 9.481 1.556 18.963 3.482 28.296L541.037 332l-.148 37.111Zm74.222-36.074c13.63 0 24.667-11.037 24.667-24.667v-24.666c0-13.63-11.037-24.667-24.667-24.667-13.629 0-24.666 11.037-24.666 24.667v24.666c0 13.556 10.963 24.667 24.518 24.667h.148Z" fill="#894915"/><path d="M710.074 382.444h-32.592l-13.556-22.593c-5.111-8.889-2.074-20.222 6.815-25.333 2.815-1.63 6-2.445 9.259-2.445h.963l29.111 50.371Z" fill="#A8D7E2"/><path d="m544.963 516.74.296.445-.296-.445Z" fill="#081B2B"/><path d="m481.804 585.032-6.806 11.809 30.998 17.867 6.806-11.808-30.998-17.868Z" fill="#E83452"/><path d="m490.296 641.851 15.63-27.111-31.037-17.926c-8.963 15.482-47.111-16.815-58.296 2.519l73.703 42.518Z" fill="#F2F2F2"/><path d="m471.926 646.74-50.37-29.037c-6.445-3.703-8.667-11.926-4.963-18.37l73.703 42.444c-3.629 6.445-11.851 8.667-18.296 5.038l-.074-.075Z" fill="#081B2B"/><path d="m648.297 446.963.148.296h-88.593c-26.444 0-50.889 14.148-64.148 37.037l-48.593 84.148 64.148 37.037 46.963-88.222h138.297c13.629 0 27.555-1.407 36.518-10.37A49.272 49.272 0 0 0 747.482 472c0-8.445-1.185-16.815-3.482-24.963h-95.703v-.074Z" fill="#12364C"/><path d="M648.222 446.888h95.852c-2.074-7.333-5.037-14.37-8.889-20.963L710 382.444h-32.592l-13.556-22.593c-5.111-8.889-2.074-20.222 6.815-25.333 2.815-1.63 6-2.445 9.259-2.445H540.963v36.815l62.593.148 44.666 77.852ZM373.185 648.815h-34.074v-48.963h35.778l-2 45.037c-.074 1.333 0 2.666.296 3.926Z" fill="#CDE9FB"/><path d="M380.296 640.74c0 9.704 2.889 17.482 10.074 24 4.741 4.297 10.593 7.26 16.889 8.371l9.186 1.926c4.518.962 7.703 4.888 7.703 9.481 0 5.333-4.37 9.704-9.703 9.704h-24.149a39.488 39.488 0 0 1-23.333-7.852c-.667-.445-1.556-.37-2 .296-.222.222-.296.593-.296.889v4.741c0 1.037-.889 1.926-1.926 1.926h-21.778c-1.037 0-1.926-.889-1.926-1.926V640.74h41.259Z" fill="#007171"/><path d="M328.444 648.815H294.37v-48.963h35.778l-2 45.037c-.074 1.333 0 2.666.296 3.926Z" fill="#CDE9FB"/><path d="M335.556 640.74c0 9.704 2.889 17.482 10.074 24 4.74 4.297 10.592 7.26 16.889 8.371l9.185 1.926c4.518.962 7.703 4.888 7.703 9.481 0 5.333-4.37 9.704-9.703 9.704h-24.148a39.488 39.488 0 0 1-23.334-7.852c-.666-.445-1.555-.37-2 .296-.222.222-.296.593-.296.889v4.741c0 1.037-.889 1.926-1.926 1.926h-21.778c-1.037 0-1.926-.889-1.926-1.926V640.74h41.26Z" fill="#007171"/><path d="M632.296 635.852h-35.777v13.629h35.777v-13.629Z" fill="#E83452"/><path d="M632.371 680.815v-31.334h-35.778c0 17.926-49.26 8.963-49.26 31.334h85.038Z" fill="#F2F2F2"/><path d="M618.889 694.222h-58.222c-7.408 0-13.408-6-13.408-13.408h85.037c.074 7.334-5.926 13.334-13.259 13.408h-.148Z" fill="#081B2B"/><path d="M632.296 517.259h-74.074v125.259h74.074V517.259Z" fill="#12364C"/><path d="m297.852 295.333 4.815 7.926a2.3 2.3 0 0 0-1.63.667c-9.333 10-8.741 25.63 1.185 34.889 9.926 9.259 25.63 8.741 34.889-1.185 9.333-10 8.741-25.63-1.185-34.889l-.37-.371c-5.186-4.518-8.223-11.111-8.297-18v-.666c0-13.334-10.518-24.222-23.852-24.667h-.889c-13.629 0-24.666 11.037-24.666 24.667h8.741c2.222 0 4.148 1.259 5.185 3.185 1.555 3.111 3.629 5.926 6.074 8.444Z" fill="#081B2B"/><path d="M184.593 506.888a49.272 49.272 0 0 1-14.445-34.889c0-16.148 4.296-32.074 12.371-46.074l54.296-93.852h98.741l-66.297 115.26s-75.703 68.518-84.666 59.555Z" fill="#FFD03C"/><path d="M380.889 476.963v122.963h-95.556v-82.667h-65.851c-13.63 0-26-1.408-34.889-10.37A49.274 49.274 0 0 1 170.148 472c0-4.074.296-8.074.815-12.074.519-4 1.333-7.926 2.37-11.778l96-.815h82.074c16.297.074 29.482 13.333 29.482 29.63Zm315.333 40h-94c-4.074 0-7.407-3.334-7.407-7.408v-54.889c0-4.074 3.333-7.407 7.407-7.407h94c4.074 0 7.408 3.333 7.408 7.407v54.889c.074 4.074-3.185 7.334-7.26 7.408h-.148Z" fill="#E83452"/><path d="M653.185 500.444c.222.074.519.074.741.074 1.704 0 2.889 0 4-2.37 0 0 3.407-7.704 5.704-10.074.963 4.074 3.629 6.148 7.703 6.518 6 .593 11.556-3.629 11.926-9.704.371-5.777-4-10.74-9.777-11.111h-.667c-10.445 0-20.222 11.186-21.704 18.741l-.741 3.556c-.444 1.926.667 3.852 2.593 4.296.074.074.148.074.222.074Zm24.222-118 23.852 39.852 32.667 15.259c5.926-9.407 6.148-21.333.518-30.889l-14.296-24.296" fill="#894915"/><path d="M720.148 382.444h-42.741l-13.555-22.593c-5.111-8.889-2.074-20.222 6.815-25.333 2.815-1.63 6-2.445 9.259-2.445h.963c6.296.297 11.926 3.778 15.037 9.26l24.222 41.111Z" fill="#CDE9FB"/><path d="M738.519 422.444c-.149 5.408-1.704 10.667-4.593 15.186l-40.667 48.74-24.444-8.296 32.444-55.63h37.26Zm-123.408-90.37 24.667-24.667v12.371c0 6.814 5.556 12.37 12.37 12.37.815 1.852-.074 4-1.926 4.815-.444.222-.963.296-1.407.296l-25.778.074c-3.481-.074-6.518-2.074-7.926-5.259Z" fill="#894915"/><path d="M639.778 308.222v-24.667c0-13.629-11.037-24.666-24.667-24.666-8.074 0-15.629 3.926-20.222 10.518l7.63 6.593c2.444 2.148 5.629 3.333 8.889 3.407 2 0 3.703 1.704 3.703 3.704v16.667c0 2.148.815 4.222 2.297 5.851 5.852 6.223 15.259 7.26 22.37 2.593Z" fill="#272727"/><path d="M619.185 295.852v32.888a4.141 4.141 0 0 1-4.148 4.149h-9.852c-8.148 0-14.814-6.667-14.814-14.815v-12.148c7.333 0 14.444 2.074 20.666 5.926l.148.074c.371.222.889.37 1.334.37 1.407 0 2.518-1.111 2.518-2.444v-14h4.148Z" fill="#272727"/><path d="M615.111 303.036a4.805 4.805 0 0 0 4.815-4.815v-4.814a4.805 4.805 0 0 0-4.815-4.815 4.806 4.806 0 0 0-4.815 4.815v4.814a4.806 4.806 0 0 0 4.815 4.815ZM693.26 486.37s-16.519-13.334-24.445-8.297c-8.37 5.334-8.444 18.593-11.111 25.852-3.259 8.889-5.556 9.185-13.852 13.334 0 0 18.074 1.185 28.815 0a10.681 10.681 0 0 0 3.852-1.482c5.111-2.963 8.963-7.704 10.889-13.259l5.852-16.148Z" fill="#894915"/><path d="m302.593 332.074 11.629 37.037 66.815-.222c10.741 0 20.593-5.852 25.778-15.185L444 286.889l-24.889-.296-42.444 45.555h-74.074" fill="#FFD03C"/><path d="m372.741 516.74-.296.445.296-.445Z" fill="#081B2B"/><path d="M264.518 500.444c-.222.074-.518.074-.74.074-1.778 0-3.26-1.259-3.63-2.963l-.741-3.555c-.444-2.149-2.148-4.963-4.444-7.334-1.333 5.63-6.963 9.037-12.593 7.704-5.629-1.333-9.037-6.963-7.703-12.593 1.111-4.666 5.333-8 10.148-8h.074c10.444 0 20.222 11.186 21.704 18.741l.74 3.556c.445 1.926-.666 3.852-2.592 4.296-.074.074-.148.074-.223.074Z" fill="#FEE1CC"/><path d="M282.519 486.37H230c-2.444 0-4.444 2-4.444 4.445v19.925c0 3.112 4.222 6.519 6.666 6.519h52.371c2.444 0 4.444-2 4.444-4.444v-19.926c0-2.519-2.222-6.519-6.518-6.519Z" fill="#666"/><path d="M282.371 486.37H230c-2.444 0-4.444 2-4.444 4.445v19.925c0 2.445 2 4.445 4.444 4.445h52.371c2.444 0 4.444-2 4.444-4.445v-19.925c0-2.445-2-4.445-4.444-4.445Z" fill="#272727"/><path d="m216.371 422.296-32.593 15.333c-5.926-9.407-6.148-21.333-.519-30.889l38.445-65.407c5.111-8.889 16.444-11.852 25.333-6.741 8.889 5.111 11.852 16.445 6.741 25.334l-37.407 62.37Z" fill="#FFD03C"/><path d="M179.185 422.444c.148 5.408 1.704 10.667 4.593 15.186l40.667 48.74 24.444-8.296-32.444-55.63h-37.26Zm123.408-90.37-24.667-24.667v12.371c0 6.814-5.555 12.37-12.37 12.37l-2.148 5.111c-3.704 8.593.296 18.593 8.888 22.296 2.149.889 4.445 1.408 6.741 1.408a17.017 17.017 0 0 0 15.63-10.297l7.926-18.592Z" fill="#FFE1CC"/><path d="M302.593 333.037c-13.63 0-24.667-11.037-24.667-24.667v-24.666c0-13.63 11.037-24.667 24.667-24.667 13.629 0 24.666 11.037 24.666 24.667v24.666c.074 13.556-10.889 24.593-24.444 24.667h-.222Z" fill="#FFE1CC"/><path d="M319.037 307.185a1.14 1.14 0 0 1 1.111-1.111 1.14 1.14 0 0 1 1.111 1.111c-.074 3.186 2.371 5.778 5.556 5.926-.148.741-.296 1.482-.519 2.222-4.148-.444-7.259-4-7.259-8.148Z" fill="#F2A068"/><path d="m307.407 295.333-4.814 7.926c.592 0 1.185.223 1.629.667 9.334 10 8.741 25.63-1.185 34.889-9.926 9.259-25.63 8.741-34.889-1.185-9.333-10-8.741-25.63 1.185-34.889l.371-.371c5.185-4.518 8.222-11.111 8.296-18v-.666c0-13.334 10.519-24.222 23.852-24.667h.889c13.629 0 24.666 11.037 24.666 24.667h-8.74c-2.223 0-4.148 1.259-5.186 3.185-1.555 3.111-3.629 5.926-6.074 8.444Z" fill="#081B2B"/><path d="M302.593 303.185a4.805 4.805 0 0 1-4.815-4.815v-4.815a4.805 4.805 0 0 1 4.815-4.815 4.805 4.805 0 0 1 4.814 4.815v4.815a4.805 4.805 0 0 1-4.814 4.815Zm153.185-40.667-.371 6.001a7.998 7.998 0 0 1-4.814 6.74l-6.519 11.63-24.889-.222 11.926-15.186c1.926-9.333 3.111-18.814 3.482-28.296a70.249 70.249 0 0 0-5.482-20.074c-.815-1.852.074-4.074 1.926-4.889 1.852-.815 4.074.074 4.889 1.926a97.577 97.577 0 0 1 5.037 16.593c.519 2.222 2.519 3.555 3.778 5.481 4.074 6.593 3.185 17.334 3.185 17.334l.963.148c.815-4.074 1.926-9.482 2.074-10.741 0-1.482.889-2.889 2.222-3.482 1.852-.814 4.074 0 4.889 1.926.371.963.593 1.408-2.296 15.111ZM224.445 486.37s16.518-13.334 24.444-8.297c8.37 5.334 8.444 18.593 11.111 25.852 3.259 8.889 5.556 9.185 13.852 13.334 0 0-18.074 1.185-28.815 0a10.688 10.688 0 0 1-3.852-1.482c-5.111-2.963-8.963-7.704-10.889-13.259l-5.851-16.148Z" fill="#FFE1CC"/></svg>';
+defineCustomElement('sinch-illustration-win-together', createIllustrationClass(templateHTML));

package/illustrations/win-together-two-people/index.d.ts

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

package/illustrations/win-together-two-people/index.js

@@ -0,0 +1,4 @@
+import { defineCustomElement } from '../../utils';
+import { createIllustrationClass } from '../create-illustration-class';
+const templateHTML = '<svg viewBox="0 0 1141 800" fill="none" aria-hidden="true" focusable="false"><path d="M565.038 452.249h-402.05V312.584c0-40.269 32.616-72.885 72.885-72.885h329.165v212.55Z" fill="#12364C"/><path d="M565.038 452.249h412.801V312.584c0-40.269-32.616-72.885-72.885-72.885H565.038v212.55Z" fill="#081B2B"/><path d="M977.839 620.248H162.988v49.562h814.851v-49.562Z" fill="#A7D5C2"/><path d="M977.839 452.249H162.988v167.999h814.851V452.249Z" fill="#059688"/><path d="M162.988 669.901h-51.657c-27.332 0-49.561-22.139-49.561-49.562V467.464c-.091-55.848 45.188-101.128 101.036-101.219h.182v303.656Zm814.851 0h51.661c27.33 0 49.56-22.139 49.56-49.562V467.464c.09-55.848-45.19-101.128-101.039-101.219h-.182v303.656Z" fill="#007171"/><path d="m665.255 270.037-5.193-.273c-13.211 0-25.328-7.197-31.705-18.677l-53.753-96.572c-3.371-1.366-5.648-4.646-5.922-8.29l-.455-7.38c-3.553-16.854-3.371-17.31-2.733-18.768a4.584 4.584 0 0 1 6.013-2.368c1.731.728 2.824 2.459 2.733 4.282.182 1.548 1.457 8.199 2.551 13.21l1.184-.182s-1.093-13.211 3.918-21.319c1.457-2.46 4.008-4.009 4.646-6.742a120.066 120.066 0 0 1 6.195-20.408c1.002-2.277 3.736-3.37 6.013-2.368 2.278 1.002 3.371 3.735 2.369 6.013a86.398 86.398 0 0 0-6.742 24.689c.456 11.662 1.913 23.323 4.282 34.803l66.781 74.706-.182 45.644Zm91.288-44.368c16.763 0 30.338-13.575 30.338-30.338v-30.338c0-16.764-13.575-30.339-30.338-30.339-16.764 0-30.339 13.575-30.339 30.339v30.338c0 16.672 13.484 30.338 30.156 30.338h.183Z" fill="#894915"/><path d="M873.34 286.436h-40.086l-16.673-27.787c-6.286-10.933-2.551-24.872 8.382-31.158 3.462-2.004 7.38-3.007 11.388-3.007h1.185l35.804 61.952Z" fill="#A8D7E2"/><path d="m670.265 451.611.365.547-.365-.547Z" fill="#081B2B"/><path d="m592.512 535.553-8.372 14.524 38.125 21.976 8.372-14.524-38.125-21.976Z" fill="#E83452"/><path d="m603.029 605.489 19.224-33.345-38.174-22.048c-11.024 19.041-57.943-20.681-71.7 3.098l90.65 52.295Z" fill="#F2F2F2"/><path d="m580.435 611.502-61.952-35.713c-7.926-4.556-10.659-14.668-6.104-22.595l90.65 52.204c-4.464 7.926-14.577 10.659-22.503 6.195 0-.091-.091-.091-.091-.091Z" fill="#081B2B"/><path d="m797.358 365.79.182.364H688.578c-32.525 0-62.59 17.402-78.898 45.553l-59.765 103.497 78.897 45.552 57.761-108.507h170.095c16.763 0 33.891-1.731 44.915-12.754a60.607 60.607 0 0 0 17.766-42.911c0-10.386-1.458-20.681-4.282-30.703H797.358v-.091Z" fill="#12364C"/><path d="M797.267 365.698h117.891c-2.551-9.019-6.195-17.674-10.933-25.783l-30.976-53.479h-40.086l-16.673-27.787c-6.286-10.933-2.551-24.872 8.382-31.158 3.462-2.004 7.38-3.007 11.388-3.007H665.346v45.28l76.984.182 54.937 95.752ZM458.991 614.053h-41.909v-60.221h44.004l-2.459 55.392c-.091 1.64 0 3.189.364 4.829Z" fill="#CDE9FB"/><path d="M467.737 604.123c0 11.935 3.553 21.501 12.391 29.518 5.83 5.285 13.028 8.929 20.772 10.295l11.297 2.369c5.557 1.184 9.475 6.013 9.475 11.662 0 6.559-5.375 11.934-11.935 11.934h-29.701c-10.386-.091-20.407-3.462-28.698-9.657-.82-.546-1.913-.455-2.46.365-.273.273-.364.729-.364 1.093v5.831c0 1.275-1.093 2.368-2.369 2.368H419.36c-1.275 0-2.369-1.093-2.369-2.368v-63.41h50.746Z" fill="#007171"/><path d="M403.963 614.053h-41.909v-60.221h44.005l-2.46 55.392c-.091 1.64 0 3.189.364 4.829Z" fill="#CDE9FB"/><path d="M412.709 604.123c0 11.935 3.553 21.501 12.391 29.518 5.83 5.285 13.028 8.929 20.772 10.295l11.297 2.369c5.557 1.184 9.475 6.013 9.475 11.662 0 6.559-5.375 11.934-11.935 11.934h-29.7c-10.386-.091-20.408-3.462-28.699-9.657-.82-.546-1.913-.455-2.46.365-.273.273-.364.729-.364 1.093v5.831c0 1.275-1.093 2.368-2.369 2.368h-26.785c-1.275 0-2.369-1.093-2.369-2.368v-63.41h50.746Z" fill="#007171"/><path d="M777.679 598.109h-44.004v16.764h44.004v-16.764Z" fill="#E83452"/><path d="M777.77 653.411v-38.538h-44.004c0 22.048-60.585 11.024-60.585 38.538H777.77Z" fill="#F2F2F2"/><path d="M761.189 669.901H689.58c-9.111 0-16.49-7.379-16.49-16.49h104.589c.091 9.02-7.288 16.399-16.308 16.49h-.182Z" fill="#081B2B"/><path d="M777.679 452.249h-91.106v154.06h91.106v-154.06Z" fill="#12364C"/><path d="m366.336 179.296 5.922 9.748c-.729 0-1.457.274-2.004.82-11.479 12.3-10.751 31.523 1.458 42.911 12.299 11.48 31.522 10.751 42.91-1.457 11.48-12.3 10.751-31.523-1.457-42.911l-.456-.456c-6.377-5.557-10.112-13.666-10.204-22.139v-.819c0-16.4-12.937-29.792-29.336-30.339h-1.093c-16.763 0-30.338 13.575-30.338 30.339h10.75c2.734 0 5.102 1.548 6.378 3.917 1.913 3.827 4.464 7.289 7.47 10.386Z" fill="#081B2B"/><path d="M227.036 439.494a60.6 60.6 0 0 1-17.766-42.911c0-19.861 5.284-39.449 15.215-56.668l66.78-115.431h121.444L331.17 366.245s-93.111 84.273-104.134 73.249Z" fill="#FFD03C"/><path d="M468.466 402.687v151.236H350.94V452.249h-80.994c-16.763 0-31.978-1.731-42.91-12.755a60.6 60.6 0 0 1-17.766-42.911c0-5.01.364-9.93 1.002-14.85s1.64-9.748 2.916-14.486l118.073-1.002h100.945c20.043.091 36.26 16.399 36.26 36.442Zm387.837 49.198H740.69c-5.011 0-9.11-4.1-9.11-9.111v-67.509c0-5.011 4.099-9.111 9.11-9.111h115.613c5.011 0 9.111 4.1 9.111 9.111v67.509c.091 5.011-3.918 9.02-8.928 9.111h-.183Z" fill="#E83452"/><path d="M803.371 431.569c.273.091.638.091.911.091 2.095 0 3.553 0 4.92-2.916 0 0 4.191-9.475 7.015-12.39 1.184 5.011 4.464 7.562 9.475 8.017 7.379.729 14.212-4.464 14.668-11.935.455-7.106-4.92-13.21-12.026-13.665h-.82c-12.846 0-24.872 13.756-26.694 23.049l-.911 4.373c-.547 2.369.82 4.738 3.189 5.285.091 0 .182.091.273.091Zm29.792-145.132 29.336 49.015 40.177 18.768c7.289-11.571 7.562-26.239.638-37.992l-17.583-29.882" fill="#894915"/><path d="M885.731 286.436h-52.569l-16.672-27.787c-6.286-10.933-2.551-24.872 8.382-31.158 3.462-2.004 7.379-3.007 11.388-3.007h1.184c7.744.365 14.668 4.647 18.495 11.389l29.792 50.563Z" fill="#CDE9FB"/><path d="M908.325 335.634c-.182 6.651-2.096 13.119-5.649 18.676l-50.017 59.948-30.065-10.204 39.905-68.42h45.826ZM756.542 224.485l30.339-30.339v15.215c0 8.382 6.833 15.215 15.214 15.215 1.003 2.277-.091 4.92-2.368 5.922-.547.273-1.185.364-1.731.364l-31.705.091c-4.282-.091-8.018-2.642-9.749-6.468Z" fill="#894915"/><path d="M786.881 195.149v-30.338c0-16.764-13.575-30.338-30.338-30.338-9.931 0-19.224 4.828-24.872 12.937l9.384 8.108c3.006 2.642 6.924 4.1 10.932 4.191 2.46 0 4.556 2.095 4.556 4.555v20.499c0 2.642 1.002 5.193 2.824 7.197 7.197 7.653 18.768 8.929 27.514 3.189Z" fill="#272727"/><path d="M761.553 179.934v40.451a5.093 5.093 0 0 1-5.102 5.101h-12.117c-10.021 0-18.221-8.199-18.221-18.221v-14.941c9.02 0 17.766 2.551 25.419 7.288l.182.092a3.41 3.41 0 0 0 1.64.455c1.731 0 3.097-1.367 3.097-3.006v-17.219h5.102Z" fill="#272727"/><path d="M756.543 188.771a5.91 5.91 0 0 0 5.921-5.921v-5.922a5.91 5.91 0 0 0-5.921-5.922 5.91 5.91 0 0 0-5.922 5.922v5.922a5.91 5.91 0 0 0 5.922 5.921Zm96.116 225.487s-20.316-16.399-30.065-10.204c-10.295 6.56-10.386 22.868-13.666 31.796-4.008 10.933-6.833 11.298-17.036 16.399 0 0 22.229 1.458 35.44 0 1.64-.273 3.28-.911 4.737-1.822 6.287-3.644 11.024-9.475 13.393-16.308l7.197-19.861Z" fill="#894915"/><path d="m372.167 224.485 14.304 45.553 82.177-.274c13.211 0 25.328-7.197 31.705-18.676l45.735-82.178-30.611-.364-52.204 56.03h-91.106" fill="#FFD03C"/><path d="m458.444 451.611-.364.547.364-.547Z" fill="#081B2B"/><path d="M325.339 431.569c-.273.091-.638.091-.911.091-2.187 0-4.009-1.549-4.464-3.645l-.911-4.373c-.547-2.642-2.643-6.104-5.467-9.019-1.64 6.924-8.564 11.115-15.488 9.475-6.924-1.64-11.115-8.564-9.475-15.488 1.367-5.74 6.56-9.839 12.482-9.839h.091c12.846 0 24.872 13.756 26.694 23.049l.911 4.373c.546 2.369-.82 4.738-3.189 5.285-.091 0-.182.091-.273.091Z" fill="#FEE1CC"/><path d="M347.477 414.258h-64.594c-3.006 0-5.466 2.46-5.466 5.466v24.508c0 3.826 5.193 8.017 8.2 8.017h64.411c3.007 0 5.467-2.46 5.467-5.466v-24.508c0-3.097-2.733-8.017-8.018-8.017Z" fill="#666"/><path d="M347.295 414.258h-64.412c-3.006 0-5.466 2.46-5.466 5.466v24.508c0 3.006 2.46 5.466 5.466 5.466h64.412c3.007 0 5.467-2.46 5.467-5.466v-24.508c0-3.006-2.46-5.466-5.467-5.466Z" fill="#272727"/><path d="m266.12 335.451-40.087 18.859c-7.288-11.57-7.561-26.238-.637-37.991l47.284-80.446c6.286-10.933 20.225-14.577 31.158-8.291s14.577 20.225 8.29 31.158l-46.008 76.711Z" fill="#FFD03C"/><path d="M220.385 335.634c.182 6.651 2.095 13.119 5.649 18.676l50.017 59.948 30.064-10.204-39.904-68.42h-45.826Zm151.782-111.149-30.338-30.339v15.215c0 8.382-6.833 15.215-15.215 15.215l-2.642 6.286c-4.555 10.568.365 22.868 10.933 27.423 2.642 1.093 5.466 1.731 8.291 1.731a20.93 20.93 0 0 0 19.223-12.664l9.748-22.867Z" fill="#FFE1CC"/><path d="M372.167 225.669c-16.763 0-30.338-13.575-30.338-30.338v-30.338c0-16.764 13.575-30.339 30.338-30.339 16.764 0 30.338 13.575 30.338 30.339v30.338c.092 16.672-13.392 30.247-30.065 30.338h-.273Z" fill="#FFE1CC"/><path d="M392.393 193.873c0-.728.637-1.366 1.366-1.366.729 0 1.367.638 1.367 1.366-.091 3.918 2.915 7.107 6.833 7.289-.182.911-.365 1.822-.638 2.733-5.102-.547-8.928-4.92-8.928-10.022Z" fill="#F2A068"/><path d="m378.089 179.296-5.922 9.748c.729 0 1.458.274 2.005.82 11.479 12.3 10.75 31.523-1.458 42.911-12.299 11.48-31.523 10.751-42.911-1.457-11.479-12.3-10.75-31.523 1.458-42.911l.455-.456c6.378-5.557 10.113-13.666 10.204-22.139v-.819c0-16.4 12.937-29.792 29.336-30.339h1.093c16.764 0 30.339 13.575 30.339 30.339h-10.751c-2.733 0-5.102 1.548-6.377 3.917-1.913 3.827-4.464 7.289-7.471 10.386Z" fill="#081B2B"/><path d="M372.167 188.953a5.91 5.91 0 0 1-5.922-5.922v-5.922a5.91 5.91 0 0 1 5.922-5.921 5.91 5.91 0 0 1 5.922 5.921v5.922a5.91 5.91 0 0 1-5.922 5.922Zm188.407-50.017-.456 7.38a9.836 9.836 0 0 1-5.921 8.291l-8.018 14.303-30.611-.273 14.668-18.677c2.369-11.479 3.826-23.141 4.282-34.802a86.402 86.402 0 0 0-6.742-24.69c-1.002-2.278.091-5.01 2.369-6.013 2.277-1.002 5.01.091 6.013 2.369a120.064 120.064 0 0 1 6.195 20.407c.638 2.734 3.097 4.374 4.646 6.742 5.011 8.109 3.918 21.319 3.918 21.319l1.184.182c1.002-5.011 2.369-11.661 2.551-13.21 0-1.822 1.093-3.553 2.733-4.282 2.278-1.002 5.011 0 6.013 2.369.456 1.184.729 1.731-2.824 18.585ZM276.051 414.258s20.316-16.399 30.064-10.204c10.295 6.56 10.387 22.868 13.666 31.796 4.009 10.933 6.833 11.298 17.037 16.399 0 0-22.23 1.458-35.44 0-1.64-.273-3.28-.911-4.738-1.822-6.286-3.644-11.023-9.475-13.392-16.308l-7.197-19.861Z" fill="#FFE1CC"/></svg>';
+defineCustomElement('sinch-illustration-win-together-two-people', createIllustrationClass(templateHTML));

package/illustrations/wizard/index.d.ts

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

package/illustrations/wizard/index.js

@@ -0,0 +1,4 @@
+import { defineCustomElement } from '../../utils';
+import { createIllustrationClass } from '../create-illustration-class';
+const templateHTML = '<svg viewBox="0 0 887 800" fill="none" aria-hidden="true" focusable="false"><path d="M679.346 779.881c7.49 12.976 23.241 18.102 23.241 18.102s4.704 1.978 13.71 1.978h23.984a12.931 12.931 0 0 0 12.815-11.252 12.931 12.931 0 0 0-9.492-14.169 12.807 12.807 0 0 0-2.678-.378 6 6 0 0 1-2.676-.75c-5.695-3.348-18.17-10.906-21.423-15.35-4.284-5.85-37.481 21.819-37.481 21.819Z" fill="#00807D"/><path d="M679.346 779.881a1.964 1.964 0 0 0-3.41.857l-1.417 6.354a2.625 2.625 0 0 1-3.13 1.986l-28.941-6.461a2.626 2.626 0 0 1-1.989-3.13l16.84-75.41a3.23 3.23 0 0 1 .506-1.149 3.225 3.225 0 0 1 2.078-1.319 3.209 3.209 0 0 1 1.254.031l22.824 5.097a8.591 8.591 0 0 1 6.524 10.244 26.29 26.29 0 0 1 16.502-4.745 3.77 3.77 0 0 1 3.456 3.003 3.768 3.768 0 0 1-.02 1.627l-.939 3.862a46.893 46.893 0 0 0 7.346 37.328" fill="#00807D"/><path d="m694.319 490.717-43.067 220.122 86.613 16.945 43.066-220.121-86.612-16.946Z" fill="#0A273D"/><path d="M573.024 119.104c-22.205.444-39.847 18.855-39.847 41.062v86.048c0 8.427-2.453 8.332-2.755 8.781l20.261 19.676c4.942 4.045 19.846 1.731 21.383 1.327l1.407-10.866a22.642 22.642 0 0 1 3.502-9.589c1.902-2.885 3.935-4.509 5.265-5.118.971-.446 9.416-3.534 18.464-7.17a22.054 22.054 0 0 0 13.838-20.463v-63.025a40.679 40.679 0 0 0-25.697-37.811 40.696 40.696 0 0 0-15.821-2.852Z" fill="#FF7F51"/><path d="M621.321 203.76a1.619 1.619 0 0 1-1.616-1.617v-25.428a1.621 1.621 0 0 1 2.739-1.103c.301.29.479.685.496 1.103v25.428a1.61 1.61 0 0 1-.475 1.144 1.605 1.605 0 0 1-1.144.473Z" fill="#0A273D"/><path d="M621.321 190.765h-62.718c-.429 0-.841-.171-1.145-.474a1.623 1.623 0 0 1 0-2.29 1.623 1.623 0 0 1 1.145-.474h62.718c.429 0 .841.171 1.145.474a1.623 1.623 0 0 1 0 2.29 1.623 1.623 0 0 1-1.145.474Z" fill="#0A273D"/><path d="M589.116 169.936a15.258 15.258 0 0 0-10.789 4.467 15.262 15.262 0 0 0-4.469 10.788v5.509c-8.424 0-15.255 6.398-15.255 14.825a15.255 15.255 0 0 1-15.255 15.255h-10.171v-50.844h55.939Z" fill="#842306"/><path d="M630.852 155.74 514.76 172.304a4.984 4.984 0 0 0 1.408 9.869l116.092-16.564a4.984 4.984 0 0 0-1.408-9.869Z" fill="#00807D"/><path d="M624.934 156.87 549.271 0l-28.823 171.509 52.224-7.448.037.26 52.225-7.451Z" fill="#0A273D"/><path d="M187.26 709.594c4.132 8.45 5.877 22.129 2.385 30.862l21.25 4.985 33.608-6.496-23.91-49.354-33.333 20.003Z" fill="#FF7F51"/><path d="M180.2 799.999h-21.722a12.925 12.925 0 0 1-1.167-25.799l14.912-1.248c5.139-.557 8.203-7.706 8.203-7.706l4.788-17.545c4.095-14.972 15.74-16.493 30.187-11.918.14.042.279.089.415.136l.118.04a2.12 2.12 0 0 0 2.54-.987 35.799 35.799 0 0 1 15.709-14.953 2.25 2.25 0 0 1 3.011 1.031l21.25 43.601a2.261 2.261 0 0 1 .098 1.718 2.25 2.25 0 0 1-1.147 1.283l-30.338 14.804a2.247 2.247 0 0 1-1.715.105 2.257 2.257 0 0 1-1.286-1.139l-3.214-6.595a2.266 2.266 0 0 0-2.177-1.268 2.263 2.263 0 0 0-2.002 1.531l-.915 2.686a30.932 30.932 0 0 1-15.741 17.839s-10.625 4.384-19.807 4.384Z" fill="#00807D"/><path d="m141.246 485.001-79.723 37.855L157.73 725.47l79.723-37.856-96.208-202.613Z" fill="#0A273D"/><path d="M171.661 593.634h-55.827a29.982 29.982 0 0 0-29.2 23.695l-36.87 174.458a10.139 10.139 0 0 1-4.392 6.404 10.154 10.154 0 0 1-11.272-.136 10.148 10.148 0 0 1-4.188-10.466l36.87-174.458c4.86-23.057 25.489-39.792 49.058-39.792h51.592v-3.526h77.024v3.479h54.653c23.564 0 44.195 16.735 49.059 39.792l36.79 174.508a10.14 10.14 0 0 1-4.189 10.467 10.16 10.16 0 0 1-3.639 1.559 10.165 10.165 0 0 1-7.634-1.424 10.151 10.151 0 0 1-4.392-6.405l-36.791-174.507a29.97 29.97 0 0 0-29.198-23.687h-55.832l-71.622.039Z" fill="#CCD4D9"/><path d="M75.66 720.014a33.273 33.273 0 0 1-10.861 24.72l49.582 26.649v-54.829l-38.721 3.46Z" fill="#FF7F51"/><path d="m12.873 773.008 16.635-1.081a23.2 23.2 0 0 0 16.042-7.899l12.003-13.668c10.231-11.667 21.383-7.926 32.357 2.513.108.097.21.199.312.302l.09.089a2.11 2.11 0 0 0 2.715.225 35.806 35.806 0 0 1 20.67-6.558 2.252 2.252 0 0 1 2.256 2.246v48.504a2.246 2.246 0 0 1-2.246 2.246h-33.78a2.246 2.246 0 0 1-2.245-2.246v-7.346a2.261 2.261 0 0 0-1.401-2.092 2.267 2.267 0 0 0-2.468.497l-2 2.012a30.952 30.952 0 0 1-21.968 9.156H13.469A13.465 13.465 0 0 1 0 786.371c.034-7.114 5.771-12.902 12.873-13.363Z" fill="#00807D"/><path d="M271.677 217.937c31.279 0 56.637-25.357 56.637-56.637s-25.358-56.637-56.637-56.637c-31.28 0-56.637 25.357-56.637 56.637s25.357 56.637 56.637 56.637Z" fill="#0A273D"/><path d="m316.76 261.634 9.93-60.601v-47.762c0-26.722-21.567-48.667-48.29-48.615-26.57.053-48.095 21.609-48.095 48.193v61.222a35.17 35.17 0 0 0 35.186 35.154c5.228 0 10.157 2.996 12.096 7.852s-.354 11.648-3.864 15.114l-22.43 22.524 17.023 31.521 48.444-64.602Z" fill="#FF7F51"/><path d="M271.236 104.443c19.938-1.425 35.219 6.078 44.753 17.419 9.533 11.341 9.922 26.715 27.443 41.778 15.946 13.713 26.712 11.257 41.561 24.713 4.885 4.426 7.726 10.357 11.265 18.464 4.738 10.858 15.675 16.089 28.619 21.454 24.815 10.286 42.037 35.191 40.925 63.975-1.312 33.942-27.52 61.099-61.388 63.539h-76.079l-2.243-68.259v-13.117l-3.983-8.358v.262c-2.55-2.159-5.509-4.798-8.657-5.902-7.456-2.624-15.045-12.21-15.045-26.371v-60.016c0-6.895-5.607-12.593-12.498-12.446a12.221 12.221 0 0 0-11.701 9.864l-32.656-53.68c.152-.186 10.26-11.934 29.684-13.319Z" fill="#0A273D"/><path d="M287.504 201.371a4.415 4.415 0 1 0 0-8.83 4.415 4.415 0 0 0 0 8.83Z" fill="#CCD4D9"/><path d="M316.469 261.898c37.252 21.544 28.231 93.691 28.231 93.691-8.584 26.263-15.479 66.601-18.157 96.804h-86.835l-9.542-88.997c-.71-6.507-.95-13.058-.716-19.6.375-9.882 1.771-18.101 7.002-28.755a73.238 73.238 0 0 1 14.827-20.316 21.543 21.543 0 0 0 29.548-.065l35.642-32.762Z" fill="#00807D"/><path d="m344.739 552.428-.021.083c-3.006 14.104-17.682 22.239-29.957 22.239l-210.923-.086a24.077 24.077 0 0 1-17.072-7.018 24.072 24.072 0 0 1-7.08-17.047v-.344a4.496 4.496 0 0 1 4.497-4.496h224.531" fill="#842306"/><path d="M643.801 593.634h55.824c14.028 0 26.308 9.969 29.204 23.695l36.87 174.458a10.137 10.137 0 0 0 8.06 7.999 10.155 10.155 0 0 0 7.657-1.62 10.145 10.145 0 0 0 4.131-10.577l-36.866-174.458c-4.862-23.057-25.492-39.792-49.059-39.792H648.03v-3.526h-77.026v3.479h-54.651c-23.564 0-44.194 16.735-49.058 39.792L430.504 787.6a10.14 10.14 0 0 0 4.188 10.465 10.142 10.142 0 0 0 11.272.136 10.148 10.148 0 0 0 4.391-6.404l36.791-174.507a29.974 29.974 0 0 1 29.202-23.687h55.821l71.632.031Z" fill="#CCD4D9"/><path d="m470.724 552.428.018.083c3.006 14.104 17.684 22.239 29.959 22.239l210.924-.086a24.081 24.081 0 0 0 17.073-7.018 24.064 24.064 0 0 0 7.081-17.047v-.344a4.502 4.502 0 0 0-2.778-4.155 4.48 4.48 0 0 0-1.721-.341H506.759" fill="#842306"/><path d="M774.275 716.861h23.39a8.596 8.596 0 0 1 8.592 8.592 26.282 26.282 0 0 1 15.069-8.23 3.793 3.793 0 0 1 3.055.875 3.785 3.785 0 0 1 1.31 2.895l-.076 3.975a46.876 46.876 0 0 0 15.303 34.828 46.881 46.881 0 0 0 23.031 11.452l12.524 2.589a13.198 13.198 0 0 1 6.661 22.263 13.201 13.201 0 0 1-9.334 3.866h-32.906c-11.359 0-22.677-3.935-31.804-10.711a1.955 1.955 0 0 0-1.001-.379 1.955 1.955 0 0 0-1.84.924 1.967 1.967 0 0 0-.294 1.029v6.509a2.624 2.624 0 0 1-2.623 2.623h-29.645a2.623 2.623 0 0 1-2.623-2.623v-77.26a3.204 3.204 0 0 1 .939-2.274 3.221 3.221 0 0 1 2.272-.943Z" fill="#00807D"/><path d="M764.571 452.341H488.865l17.839 93.354h219.628l36.728 180.631h93.131l-29.382-214.363c-4.809-40.875-29.362-59.622-62.238-59.622Z" fill="#12364C"/><path d="M515.039 553.406c-6.661-80.208-27.119-194.133-66.958-240.678-6.645-7.76-16.945-5.936-11.661 26.759 9.085 56.223 34.346 213.13 34.346 213.13l44.273.789Z" fill="#842306"/><path d="M311.232 345.707c14.199 0 25.71-11.51 25.71-25.709s-11.511-25.71-25.71-25.71c-14.198 0-25.709 11.511-25.709 25.71 0 14.199 11.511 25.709 25.709 25.709Z" fill="#F4865F"/><path d="m572.066 276.011-41.644-21.014-1.747 3.563c-3.843 7.838-10.397 13.83-17.803 18.455-7.581 4.723-12.285 10.707-16.905 19.891l-11.084 22.863-53.953 118.868c-8.448 18.626 5.165 39.742 25.61 39.742h120.394l33.553-25.051-17.065-126.187s-6.296-26.586-17.564-39.451c0 .003-2.886-3.216-1.792-11.679Z" fill="#CCD4D9"/><path d="m670.359 488.878-16.827-13.623a9.203 9.203 0 0 0-10.2-.921l-11.761 6.425c-8.455 4.622-17.931 8.025-27.569 8.062l-154.258-.501c-22.781.089-37.751-23.756-27.769-44.234l60.796-124.088 50.013 50.971-40.065 68.361 99.776 4.816c5.578.438 11.17-.65 16.176-3.148l14.24-7.083a16.482 16.482 0 0 1 10.293-1.465 16.483 16.483 0 0 1 9.121 4.991l37.961 40.81a7.294 7.294 0 0 1-.179 10.118 7.285 7.285 0 0 1-9.748.509Z" fill="#FF7F51"/><path d="m545.52 132.641 2.592 5.247a.142.142 0 0 0 .05.061.14.14 0 0 0 .073.028l5.795.842a1.013 1.013 0 0 1 .835 1.243c-.045.183-.141.35-.276.481l-4.197 4.087a.154.154 0 0 0-.04.067.159.159 0 0 0-.005.078l.989 5.771a1.009 1.009 0 0 1-1.464 1.05l-5.184-2.724a.165.165 0 0 0-.152 0l-5.184 2.724a1.003 1.003 0 0 1-1.055-.073 1.006 1.006 0 0 1-.409-.977l.99-5.771a.171.171 0 0 0-.005-.078.176.176 0 0 0-.04-.067l-4.198-4.087a1.014 1.014 0 0 1-.256-1.036 1.011 1.011 0 0 1 .815-.688l5.795-.842a.143.143 0 0 0 .074-.028.142.142 0 0 0 .05-.061l2.592-5.247a1.01 1.01 0 0 1 1.815 0Zm39.218-16.733 3.52 4.678a.161.161 0 0 0 .06.05c.024.012.05.017.077.015l5.853-.249a1.007 1.007 0 0 1 .926.525 1.003 1.003 0 0 1-.058 1.062l-3.361 4.796a.169.169 0 0 0-.029.072.16.16 0 0 0 .011.078l2.044 5.488c.065.176.079.367.042.551a1.014 1.014 0 0 1-.731.772 1.006 1.006 0 0 1-.552-.012l-5.599-1.713a.171.171 0 0 0-.078-.004.171.171 0 0 0-.071.033l-4.586 3.639a1.003 1.003 0 0 1-1.059.125 1.004 1.004 0 0 1-.578-.896l-.1-5.856a.16.16 0 0 0-.02-.076.173.173 0 0 0-.053-.058l-4.88-3.237a1.014 1.014 0 0 1-.445-.968 1.012 1.012 0 0 1 .674-.826l5.538-1.905a.176.176 0 0 0 .105-.11l1.574-5.643a1.003 1.003 0 0 1 .786-.714 1.009 1.009 0 0 1 .99.383Zm-30.264-35.873 3.321 4.408c.015.02.034.036.056.047a.18.18 0 0 0 .072.016l5.51-.236a.952.952 0 0 1 .99 1.002.952.952 0 0 1-.172.493l-3.166 4.52a.152.152 0 0 0-.019.142l1.928 5.173a.953.953 0 0 1-1.17 1.24l-5.273-1.61a.153.153 0 0 0-.141.026l-4.321 3.432a.95.95 0 0 1-1.543-.73l-.094-5.509a.16.16 0 0 0-.02-.07.154.154 0 0 0-.048-.056l-4.602-3.05a.96.96 0 0 1-.416-.914.955.955 0 0 1 .634-.779l5.218-1.794a.151.151 0 0 0 .1-.105l1.479-5.318a.953.953 0 0 1 .736-.688.95.95 0 0 1 .941.36Zm12.508-43.308-1.574 1.685a.151.151 0 0 1-.134.044l-5.456-.826a.952.952 0 0 0-1.094.89.952.952 0 0 0 .118.508l2.663 4.835a.163.163 0 0 1 .016.072c0 .025-.005.05-.016.072l-2.474 4.933a.948.948 0 0 0 .092 1 .953.953 0 0 0 .936.361l5.42-1.05a.167.167 0 0 1 .139.043l3.935 3.877a.95.95 0 0 0 1.611-.559l.69-5.475a.156.156 0 0 1 .081-.118h.024l-4.977-10.291Z" fill="#fff"/><path d="m692.55 195.988 1.999 1.773c8.075 8.35 18.128 13.93 28.902 16.819 33.866 9.072 68.996-11.21 78.071-45.073a63.97 63.97 0 0 0-6.436-48.332c-8.45-14.638-22.092-25.305-38.637-29.739-33.866-9.074-68.996 11.21-77.79 45.561-3.093 11.543-2.624 23.632.574 34.8l.921 2.72-12.23 21.056 24.636.415h-.01Z" fill="#0A273D"/><path d="M709.169 164.449h-.029a4.175 4.175 0 0 1-4.147-4.197l.102-14.731a4.181 4.181 0 0 1 4.206-4.049 4.18 4.18 0 0 1 4.15 4.107l-.105 14.731a4.18 4.18 0 0 1-4.177 4.139Zm61.839.302h-.028a4.171 4.171 0 0 1-4.153-4.197l.102-14.731a4.182 4.182 0 0 1 4.182-4.158h.029a4.178 4.178 0 0 1 4.147 4.198l-.102 14.73a4.18 4.18 0 0 1-4.177 4.158Zm-46.492 6.518h-.031a4.176 4.176 0 0 1-4.148-4.197l.197-28.223a4.178 4.178 0 0 1 4.176-4.148h.032a4.18 4.18 0 0 1 4.147 4.198l-.196 28.212a4.183 4.183 0 0 1-4.177 4.158Zm31.054.156h-.024a4.182 4.182 0 0 1-4.148-4.197l.2-28.223a4.184 4.184 0 0 1 1.244-2.945 4.18 4.18 0 0 1 5.907.043 4.17 4.17 0 0 1 1.202 2.962l-.207 28.21a4.18 4.18 0 0 1-4.174 4.15Zm-15.704 5.938h-.032a4.182 4.182 0 0 1-4.147-4.198l.283-40.251a4.17 4.17 0 0 1 1.245-2.944 4.168 4.168 0 0 1 2.962-1.202 4.188 4.188 0 0 1 2.944 1.244 4.183 4.183 0 0 1 1.202 2.962l-.281 40.252a4.18 4.18 0 0 1-4.176 4.137Z" fill="#fff"/><path d="m149.603 195.988-1.999 1.773c-8.072 8.35-18.128 13.93-28.902 16.819-33.863 9.072-68.996-11.21-78.068-45.073a63.981 63.981 0 0 1 6.433-48.332c8.453-14.638 22.092-25.305 38.64-29.739 33.863-9.074 68.996 11.21 77.787 45.561 3.093 11.543 2.624 23.632-.574 34.8l-.921 2.72 12.241 21.056-24.637.415Z" fill="#00807D"/><path d="M132.984 164.449h.023a4.176 4.176 0 0 0 4.148-4.198l-.105-14.73a4.166 4.166 0 0 0-1.244-2.945 4.168 4.168 0 0 0-2.961-1.203 4.184 4.184 0 0 0-2.945 1.244 4.168 4.168 0 0 0-1.203 2.961l.113 14.713a4.182 4.182 0 0 0 4.174 4.158Zm-61.839.302h.031a4.174 4.174 0 0 0 4.148-4.197l-.103-14.731a4.178 4.178 0 0 0-4.176-4.158h-.032a4.184 4.184 0 0 0-4.147 4.198l.102 14.73a4.18 4.18 0 0 0 4.177 4.158Zm46.494 6.518h.029a4.175 4.175 0 0 0 4.148-4.197l-.197-28.223a4.176 4.176 0 0 0-4.176-4.148h-.029a4.175 4.175 0 0 0-4.148 4.198l.197 28.212a4.176 4.176 0 0 0 4.176 4.158Zm-31.053.156h.029a4.178 4.178 0 0 0 4.148-4.197l-.197-28.223a4.177 4.177 0 0 0-4.207-4.049 4.179 4.179 0 0 0-4.149 4.109l.2 28.22a4.18 4.18 0 0 0 4.176 4.14Zm15.704 5.936h.024a4.178 4.178 0 0 0 2.942-1.24 4.178 4.178 0 0 0 1.205-2.957l-.275-40.262a4.182 4.182 0 0 0-4.208-4.048 4.181 4.181 0 0 0-4.148 4.109l.286 40.251a4.18 4.18 0 0 0 4.174 4.147Z" fill="#fff"/><path d="M250.131 203.649a2 2 0 0 0-2.829-2.829l2.829 2.829Zm-2.829-2.829a24.038 24.038 0 0 1-16.998 7.041v4a28.043 28.043 0 0 0 19.827-8.212l-2.829-2.829Z" fill="#842306"/><path d="M106.537 452.383h217.907l-5.247 93.354H140.054l-13.117 180.631H33.806l13.117-214.363c1.382-29.838 26.738-59.622 59.614-59.622Z" fill="#12364C"/><path d="M115.921 434.877c-3.004.118-5.771-1.976-6.178-4.956a6.232 6.232 0 0 1-.052-.695 5.796 5.796 0 0 1 5.37-5.916l30.431-2.222c.231-.018.462-.024.69-.034a25.642 25.642 0 0 1 15.421 4.294c1.926 1.288 3.935 2.461 5.947 3.589l10.478 6.108s2.868 1.797 4.625 2.321c4.046 1.204 13.621.968 17.656-.64l13.017-5.192 44.732-17.839a9.788 9.788 0 0 0 5.714-6.165l7.592-24.214.315-1.002 14.209-66.693 26.496 3.09 23.611 8.149-29.12 96.681-2.156 5.619-1.435 3.736a40.273 40.273 0 0 1-31.051 25.277l-57.314 9.386-43.688 6.296a37.59 37.59 0 0 1-14.075-.377 37.652 37.652 0 0 1-3.581-.974 38.623 38.623 0 0 1-4.52-1.781c-.585-.278-1.173-.543-1.744-.847a46.925 46.925 0 0 0-1.837-.916 38.234 38.234 0 0 0-10.331-3.198l-20.381-3.177c-2.744-.427-4.948-2.691-5.022-5.467a5.673 5.673 0 0 1 2.482-4.866 5.172 5.172 0 0 1-2.744-4.181 5.16 5.16 0 0 1 2.086-4.545 4.893 4.893 0 0 1-2.015-4.436c.236-2.516 2.469-4.381 4.998-4.439" fill="#F4865F"/><path d="M300.424 553.406c6.661-80.208 27.118-194.133 66.957-240.678 6.646-7.76 16.942-5.936 11.659 26.759-9.082 56.223-34.343 213.13-34.343 213.13l-44.273.789Z" fill="#842306"/></svg>';
+defineCustomElement('sinch-illustration-wizard', createIllustrationClass(templateHTML));

package/illustrations/woman-hand-lifted/index.d.ts

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

package/illustrations/woman-hand-lifted/index.js

@@ -0,0 +1,4 @@
+import { defineCustomElement } from '../../utils';
+import { createIllustrationClass } from '../create-illustration-class';
+const templateHTML = '<svg viewBox="0 0 1091 800" fill="none" aria-hidden="true" focusable="false"><path d="M957.941 368.151a4.232 4.232 0 0 1-2.552-.757 4.236 4.236 0 0 1-1.597-4.795 4.222 4.222 0 0 1 1.587-2.137l30.75-23.066a12.816 12.816 0 0 0 3.844-14.096 13.58 13.58 0 0 0-15.375-6.407l-66.626 28.192a133.773 133.773 0 0 0-55.094 44.85" fill="#EB5C2A"/><path d="M1025.85 363.024h-76.875c-3.843 0-29.468 44.85-25.625 43.569 0 0 84.56-14.096 116.59-20.503a24.852 24.852 0 0 0 17.94-11.533c6.41-10.252 16.66-24.348 23.06-34.599a11.522 11.522 0 0 0-1.28-14.096 11.662 11.662 0 0 0-8.97-3.844 9.082 9.082 0 0 0-4.32.957 9.052 9.052 0 0 0-3.36 2.887l-37.16 37.162Z" fill="#EB5C2A"/><path d="M1005.35 365.588a26.985 26.985 0 0 0 10.78 5.895c4 1.111 8.2 1.286 12.28.512a32.29 32.29 0 0 0 19.22-12.814c3.84-6.408 7.69-12.815 10.25-17.941a11.658 11.658 0 0 0-2.56-14.095 10.794 10.794 0 0 0-4.19-2.304 10.78 10.78 0 0 0-4.78-.259 9.096 9.096 0 0 0-7.69 3.844c-11.53 11.533-33.31 37.162-33.31 37.162Z" fill="#EB5C2A"/><path d="M709.379 753.861a72.9 72.9 0 0 1-64.063-38.443L506.941 451.442a72.157 72.157 0 0 1-5.356-54.775 72.14 72.14 0 0 1 34.825-42.614 70.716 70.716 0 0 1 96.094 29.473l48.687 88.419 92.251 175.556a72.155 72.155 0 0 1-29.469 97.39 86.734 86.734 0 0 1-34.594 8.97Z" fill="#FF7F51"/><path d="m656.848 638.536 179.376-224.251s93.532-14.095 87.125 0L774.724 714.141a69.952 69.952 0 0 1-127.38-9.2 69.971 69.971 0 0 1 1.817-52.309 139.872 139.872 0 0 1 7.687-14.096Z" fill="#FF7F51"/><path d="M1034.82 368.149H901.569a64.047 64.047 0 0 0-53.813 29.473c-10.25 15.377-21.782 32.035-21.782 32.035a10.254 10.254 0 0 0 2.563 12.815l43.563 32.036a8.709 8.709 0 0 0 12.812-2.563l38.438-53.82c1.281-2.563 5.125-3.845 7.687-5.126 0 0 84.563-14.096 116.593-20.503 3.66-.471 7.17-1.75 10.27-3.745a24.92 24.92 0 0 0 7.67-7.788c6.41-10.252 16.66-24.347 23.06-34.599a11.568 11.568 0 0 0 1.78-7.267 11.525 11.525 0 0 0-3.06-6.829 11.645 11.645 0 0 0-8.97-3.844 9.068 9.068 0 0 0-4.32.957 9.101 9.101 0 0 0-3.37 2.887l-35.87 35.881Z" fill="#FF7F51"/><path d="M382.653 402.749c89.868 0 162.72-72.862 162.72-162.742S472.521 77.265 382.653 77.265c-89.867 0-162.719 72.862-162.719 162.742s72.852 162.742 162.719 162.742Z" fill="#272727"/><path d="M528.714 375.837c42.457 0 76.875-34.423 76.875-76.886 0-42.463-34.418-76.887-76.875-76.887s-76.876 34.424-76.876 76.887 34.419 76.886 76.876 76.886Z" fill="#272727"/><path d="M221.222 527.054v217.844l275.469 21.784a21.012 21.012 0 0 0 19.219-12.814l70.469-226.814H221.222Z" fill="#E03E52"/><path d="M399.313 345.089c-92.25 0-167.844 69.197-167.844 155.054 0 85.856 75.594 155.053 167.844 155.053s167.844-69.197 167.844-155.053c0-85.857-75.594-155.054-167.844-155.054Z" fill="#E03E52"/><path d="M294.253 355.334a71.875 71.875 0 0 0-99.938 19.222L86.69 533.454l119.156 80.73 107.626-157.616a73.686 73.686 0 0 0-19.219-101.234Zm239.599-3.838a71.746 71.746 0 0 1 97.375 29.473l89.688 167.868-126.844 67.916-89.688-167.868a73.307 73.307 0 0 1 29.469-97.389Z" fill="#E03E52"/><path d="M568.444 343.811h-316.47v35.88h316.47v-35.88Z" fill="#E03E52"/><path d="M72.591 753.869a70.46 70.46 0 0 1-41-12.814 72.147 72.147 0 0 1-19.219-99.952l80.72-117.892 121.718 78.168-82 121.736a75.842 75.842 0 0 1-60.219 30.754Z" fill="#FF7F51"/><path d="M76.433 629.572 389.06 673.14l-5.125 80.731H68.746a62.779 62.779 0 0 1-44.393-18.391 62.797 62.797 0 0 1 0-88.799 62.775 62.775 0 0 1 44.393-18.391c2.562 0 5.125 1.282 7.687 1.282Z" fill="#FF7F51"/><path d="m348.059 752.59 34.594-79.449 1.281-1.282 28.188 2.563a86.092 86.092 0 0 0 35.875-3.844l24.344-8.97a60.85 60.85 0 0 1 60.219 11.533l62.781 60.227a13.953 13.953 0 0 1 3.939 5.155 13.954 13.954 0 0 1 1.186 6.378 9.607 9.607 0 0 1-6.406 8.97c-1.281 0-2.563 1.281-5.125 1.281a9.604 9.604 0 0 1-6.406-1.281l-6.407-3.844a11.786 11.786 0 0 1-7.687 5.125 14.473 14.473 0 0 1-14.094-3.844l-20.5-14.096a39.97 39.97 0 0 0-39.719-2.563l-21.781 10.252a74.697 74.697 0 0 1-33.313 7.689h-88.406c-2.563 1.281-2.563 1.281-2.563 0Z" fill="#FF7F51"/><path d="m503.091 692.364 105.063 29.473a13.452 13.452 0 0 0 16.656-8.97 12.81 12.81 0 0 0-4.222-14.342 12.803 12.803 0 0 0-4.747-2.317L512.06 662.891a14.866 14.866 0 0 0-11.844.935 14.86 14.86 0 0 0-7.375 9.316c-3.844 7.689 1.281 15.378 10.25 19.222-1.281 0-1.281-1.281 0 0Zm128.123-608.69a108.412 108.412 0 0 0-28.339-51.567 108.388 108.388 0 0 0-51.099-29.164 105.433 105.433 0 0 0-75.237 9.986 105.458 105.458 0 0 0-49.045 57.93l-28.187 83.294a101.376 101.376 0 0 0 7.687 85.856 110.061 110.061 0 0 0 69.188 52.539 156.885 156.885 0 0 0 24.344 2.563 106.98 106.98 0 0 0 99.938-71.761l28.187-83.293a118.556 118.556 0 0 0 2.563-56.383Z" fill="#FF7F51"/><path d="M551.776 243.853a21.78 21.78 0 0 1-8.968-1.281 48.05 48.05 0 0 1-26.907-17.94c-1.281-2.563-1.281-5.126 1.281-6.407 2.563-1.282 5.125-1.282 6.407 1.281a31.92 31.92 0 0 0 8.819 9.129 31.92 31.92 0 0 0 11.681 4.967 40.862 40.862 0 0 0 24.344-3.845 4.622 4.622 0 0 1 6.406 1.282 4.62 4.62 0 0 1-1.281 6.407 43.172 43.172 0 0 1-21.782 6.407Z" fill="#DE4300"/><path d="M631.212 83.674a108.412 108.412 0 0 0-28.339-51.566 108.388 108.388 0 0 0-51.099-29.164C496.68-9.87 437.742 19.603 421.086 69.58l-35.875 102.515a264.005 264.005 0 0 0-11.531 82.011c0 34.599 7.687 61.509 19.218 73.042l1.282 1.282 52.531-175.557h-1.281a24.596 24.596 0 0 1-19.219-14.096 28.826 28.826 0 0 1-2.563-23.066c6.407-21.784 29.469-25.628 75.595-14.095 43.562 11.533 112.75 21.784 131.969-17.94Z" fill="#272727"/><path d="M501.811 343.806a24.347 24.347 0 0 1-24.344-24.347 25.628 25.628 0 0 1 24.344-24.348h1.281l-2.562-148.646-55.094 16.658-37.156 119.174a87.658 87.658 0 0 1-31.589 44.368 87.63 87.63 0 0 1-51.693 17.141h-6.406l76.875 35.88 114.032-35.88h-7.688Z" fill="#FF7F51"/><path d="M313.464 343.81v1.281a99.96 99.96 0 0 0 29.271 70.677 99.932 99.932 0 0 0 141.333 0 99.96 99.96 0 0 0 29.271-70.677v-1.281H313.464Z" fill="#FF7F51"/><path d="M458.248 147.745a5.125 5.125 0 0 0 5.125-5.126 5.125 5.125 0 1 0-10.25 0 5.126 5.126 0 0 0 5.125 5.126Z" fill="#fff"/><path d="M1063 752.591H62.34v47.413H1063v-47.413Z" fill="#00A8A6"/></svg>';
+defineCustomElement('sinch-illustration-woman-hand-lifted', createIllustrationClass(templateHTML));

package/illustrations/woman-on-left/index.d.ts

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

package/illustrations/woman-on-left/index.js

@@ -0,0 +1,4 @@
+import { defineCustomElement } from '../../utils';
+import { createIllustrationClass } from '../create-illustration-class';
+const templateHTML = '<svg viewBox="0 0 525 800" fill="none" aria-hidden="true" focusable="false"><path d="M.035 570.082H524.45v-78.701H.035v78.701Zm187.689 200.602v.721c.131 5.575 2.426 10.625 6.099 14.363 3.804 3.804 9.051 6.165 14.822 6.165h29.251c15.215 0 28.529-8.067 35.875-20.2v20.2h37.252a269.307 269.307 0 0 0 4.131-20.462 213.338 213.338 0 0 0 1.771-12.789c1.312-11.215 1.902-22.43 1.902-33.71v-52.534h-67.683v41.253c0 20.069-11.346 36.334-31.35 36.334h-10.559c-11.608-.066-21.38 9.116-21.511 20.659Z" fill="#12364C"/><path d="M94.79 770.684v.721c.132 5.575 2.427 10.625 6.1 14.363 3.804 3.804 9.051 6.165 14.822 6.165h29.251c15.215 0 28.529-8.067 35.874-20.2v20.2h37.252a268.823 268.823 0 0 0 4.132-20.462 213.338 213.338 0 0 0 1.771-12.789c1.312-11.215 1.902-22.43 1.902-33.71v-52.534h-67.683v41.253c0 20.069-11.346 36.334-31.35 36.334h-10.559c-11.608-.066-21.38 9.116-21.512 20.659Z" fill="#12364C"/><path d="m295.807 229.612-75.553 233.48-24.332-7.87c-33.841-10.952-52.402-47.286-41.449-81.128l27.545-85.194 8.33-25.775c6.624-20.397 22.429-35.219 41.318-41.449 12.461-4.066 26.299-4.394 39.744 0l24.397 7.936Z" fill="#059688"/><path d="M385.527 118.643c-4.066-47.811-47.024-86.572-96.016-86.572-48.991 0-85.391 38.76-81.39 86.572 1.18 13.773 5.575 26.824 12.395 38.367 6.887 11.674 10.756 24.66 11.937 37.711l.197 1.771c4.394 38.432 39.088 69.126 77.455 68.601 38.629-.525 67.158-32.005 63.879-70.766-.065-.459-.065-.918-.131-1.377-1.312-12.395.853-24.594 5.575-35.612 4.984-11.674 7.28-24.791 6.099-38.695Z" fill="#832307"/><path d="M191.79 497.066h208.297V274.603c0-31.218-25.316-56.534-56.534-56.534h-95.229c-31.218 0-56.534 25.316-56.534 56.534v222.463Z" fill="#059688"/><path d="M400.087 288.9v222.463c0 1.705-.066 3.41-.263 5.116-2.557 28.463-26.299 50.893-55.287 51.352h-.984c-.656 0-1.312.263-1.771.722a2.421 2.421 0 0 0-.721 1.771v105.722H132.764V508.084c0-6.034.984-11.871 2.689-17.314.525-1.575 1.049-3.083 1.705-4.526 8.264-19.675 27.349-33.71 49.845-34.628h4.787l.066-.722.131-1.246.525-5.116 3.672-36.202 1.443-14.363 7.608-75.291 3.017-29.71h191.835v-.066Z" fill="#059688"/><path d="M247.012 116.15v54.567c0 15.543 11.805 28.267 26.89 29.775 1.967.197 3.869 1.115 5.115 2.689 2.493 3.017 2.165 7.542-.721 10.166l-6.427 5.968c-8.592 7.935-9.117 21.249-1.246 29.841 7.87 8.591 21.249 9.116 29.841 1.246l35.874-32.333s-4.525.656-4.853-19.282v-30.3c9.772-2.033 17.118-10.691 17.118-20.987 0-10.363-7.346-19.02-17.118-20.987v-9.182c0-23.348-18.495-43.155-41.908-43.286-9.182-.066-17.708 2.755-24.66 7.674a41.921 41.921 0 0 0-5.575 4.656c-7.608 7.542-12.33 18.101-12.33 29.775Z" fill="#F2A068"/><path d="M276.788 176.095c-4.526 0-8.723-1.967-11.543-5.509-.394-.525-.328-1.246.196-1.64.525-.393 1.247-.328 1.64.197 2.427 2.951 5.968 4.591 9.772 4.591 3.804 0 7.346-1.705 9.772-4.591.394-.525 1.181-.59 1.64-.131.524.393.59 1.18.131 1.64-2.886 3.476-7.083 5.443-11.608 5.443Z" fill="#832207"/><path d="M348.472 151.828c-.263-.524-.394-1.115-.591-1.705.066.721.131 1.508.066 2.361l.525-.656Z" fill="#F2A068"/><path d="M318.369 139.434h-64.077v2.557h64.077v-2.557Z" fill="#DCEDE1"/><path d="m372.476 462.502 24.332-7.87c33.841-10.953 52.402-47.286 41.449-81.128l-27.545-85.194-8.33-25.775c-6.624-20.397-22.43-35.219-41.318-41.45-12.461-4 11.412 241.417 11.412 241.417Z" fill="#059688"/><path d="M332.6 160.879h-1.967v290.998h1.967V160.879Z" fill="#FFD03C"/><path d="M231.666 221.742v67.159h-49.648l8.329-25.775c6.624-20.331 22.43-35.219 41.319-41.384Z" fill="#059688"/><path d="M341.061 582.391H132.764v93.72h208.297v-93.72Z" fill="#A7D5C2"/><path d="M288.527 158.518c-6.952 0-12.657-5.64-12.657-12.658v-7.411a5.43 5.43 0 0 1 5.443-5.443h14.363a5.43 5.43 0 0 1 5.444 5.443v7.411c.065 7.018-5.641 12.658-12.593 12.658Z" fill="#F2A068"/><path d="M295.742 131.76h-14.363c-3.411 0-6.296 2.623-6.69 5.902v.066c0 .131-.065.328-.065.459v7.673c0 7.674 6.23 13.904 13.903 13.904 7.674 0 13.904-6.23 13.904-13.904v-7.411c0-3.672-3.017-6.689-6.689-6.689Zm4.132 14.166c0 3.148-1.247 5.968-3.345 8.001-2.099 2.033-4.919 3.345-8.002 3.345-6.296 0-11.346-5.115-11.346-11.346v-7.411c0-2.295 1.837-4.197 4.132-4.197h14.363c2.296 0 4.198 1.902 4.198 4.197v7.411Z" fill="#DCEDE1"/><path d="m351.226 106.838 3.935 46.368h-14.953c-15.74 0-29.972-12.592-31.152-28.332-.46-5.575-3.149-10.691-7.084-14.363-3.935-3.608-9.181-5.903-14.691-5.903h-31.283c-8.592 0-15.019 6.952-14.232 15.609l4.853 57.649h-15.281l-6.821-80.997h7.936l3.673-37.974h99.688l3.87 45.713h-6.428l17.97 2.23Z" fill="#842306"/><path d="M341.651 150.452c-.459 1.574-1.508 2.754-2.886 3.344-1.18.525-2.098 1.378-2.623 2.493l-2.23 5.181c-.459.984-1.508 1.639-2.558 1.377-1.443-.328-2.23-1.836-1.639-3.148l2.229-5.116c.525-1.18.46-2.557.066-3.803-.393-1.181-.393-2.493.131-3.673 1.181-2.755 4.526-3.935 7.215-2.427 1.901 1.181 2.885 3.542 2.295 5.772Z" fill="#FFD03C"/><path d="M256.916 158.518c-6.952 0-12.658-5.64-12.658-12.658v-7.411a5.43 5.43 0 0 1 5.443-5.443h14.363a5.43 5.43 0 0 1 5.444 5.443v7.411c.065 7.018-5.575 12.658-12.592 12.658Z" fill="#F2A068"/><path d="M270.82 138.252c0-.065 0-.065 0 0 0-.196 0-.327-.066-.459v-.065c-.197-1.64-.984-3.148-2.164-4.198a6.73 6.73 0 0 0-4.46-1.705h-14.363c-.984 0-1.902.197-2.755.59a6.714 6.714 0 0 0-3.935 5.182c-.065.262-.065.59-.065.918v7.411c0 2.033.459 4.001 1.246 5.706.656 1.508 1.574 2.82 2.754 4 2.493 2.558 6.034 4.198 9.904 4.198 7.673 0 13.904-6.231 13.904-13.904v-7.674Zm-2.493 7.674c0 6.23-5.115 11.346-11.346 11.346a11.287 11.287 0 0 1-9.903-5.837 11.127 11.127 0 0 1-1.443-5.509v-7.411a4.09 4.09 0 0 1 1.443-3.148 4.104 4.104 0 0 1 2.755-1.05h14.363c2.295 0 4.131 1.902 4.131 4.198v7.411Z" fill="#DCEDE1"/><path d="M270.82 137.662c0 1.312.656 1.771 1.902 1.771l-.984.656-1.246.131-.066-1.443.394-1.115Zm3.869 0c0 1.312-.656 1.771-1.902 1.771l.984.656 1.246.131.066-1.443-.394-1.115Zm0 6.1c0-1.312-.656-1.771-1.902-1.771l.984-.656 1.246-.131.066 1.443-.394 1.115Zm-3.869 0c0-1.312.656-1.771 1.902-1.771l-.984-.656-1.246-.131-.066 1.443.394 1.115Z" fill="#DCEDE1"/><path d="M236.256 500.345v175.766h-12.461V500.345c0-1.246.328-2.361.919-3.279 1.115-1.771 3.082-2.952 5.312-2.952 2.23 0 4.197 1.181 5.247 2.952.656.918.983 2.033.983 3.279Z" fill="#12364C"/><path d="M262.359 288.9h-72.798v119.364h9.772L262.359 288.9Z" fill="#059688"/><path d="M189.298 453.189c-.328 0-.656-.131-.984-.328-.721-.524-.853-1.574-.328-2.295l49.516-66.896c.525-.722 1.574-.853 2.296-.328.721.524.852 1.574.328 2.295l-49.516 66.896c-.328.459-.853.656-1.312.656Z" fill="#12364C"/><path d="M309.908 436.465h-1.968l.197-50.828c.197-11.871-6.624-22.43-17.249-26.955a47.601 47.601 0 0 1-29.054-43.876v-115.56h1.968v115.56c0 18.364 10.953 34.891 27.873 42.105 11.412 4.854 18.626 16.134 18.495 28.792l-.262 50.762Z" fill="#FFD03C"/><path d="m289.183 395.213 35.678 48.008a30.984 30.984 0 0 0 .394-37.58c-8.526-11.477-23.414-15.413-36.072-10.428Z" fill="#F2A068"/><path d="m361.261 488.146-74.373-103.034 1.115 121.791 88.08 10.69-14.822-29.447Z" fill="#059688"/><path d="M336.142 455.42c-.525 0-.984-.197-1.312-.656l-51.746-69.913c-.525-.722-.394-1.771.328-2.296.721-.524 1.77-.393 2.295.328l51.746 69.913c.525.722.394 1.771-.328 2.296-.327.197-.655.328-.983.328Z" fill="#12364C"/><path d="m228.452 395.475-35.678 48.008a30.984 30.984 0 0 1-.394-37.58c8.461-11.478 23.348-15.413 36.072-10.428Z" fill="#F2A068"/></svg>';
+defineCustomElement('sinch-illustration-woman-on-left', createIllustrationClass(templateHTML));

package/illustrations/woman-on-right/index.d.ts

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

package/illustrations/woman-on-right/index.js

@@ -0,0 +1,4 @@
+import { defineCustomElement } from '../../utils';
+import { createIllustrationClass } from '../create-illustration-class';
+const templateHTML = '<svg viewBox="0 0 560 800" fill="none" aria-hidden="true" focusable="false"><path d="M559.279 500.617H.435v74.971h558.844v-74.971ZM340.614 766.701v.687c-.125 5.31-2.311 10.121-5.81 13.682-3.624 3.624-8.622 5.873-14.119 5.873H292.82c-14.494 0-27.176-7.685-34.174-19.243v19.243H223.16a256.138 256.138 0 0 1-3.936-19.493 204.337 204.337 0 0 1-1.687-12.182c-1.249-10.684-1.811-21.367-1.811-32.113v-50.043h64.537v39.297c0 19.118 10.808 34.612 29.863 34.612h10.059c10.995-.063 20.304 8.622 20.429 19.68Z" fill="#12364C"/><path d="M429.142 766.701v.687c-.125 5.31-2.311 10.121-5.81 13.682-3.624 3.624-8.622 5.873-14.12 5.873h-27.864c-14.494 0-27.177-7.685-34.174-19.243v19.243h-35.486a256.138 256.138 0 0 1-3.936-19.493 204.337 204.337 0 0 1-1.687-12.182c-1.249-10.684-1.812-21.367-1.812-32.113v-50.043h64.538v39.297c0 19.118 10.808 34.612 29.863 34.612h10.059c10.995-.063 20.304 8.622 20.429 19.68ZM322.247 272.955c-2.312 35.299-30.863 63.975-66.162 66.35-41.671 2.873-76.345-30.114-76.345-71.16 0-18.056 6.685-34.487 17.743-47.044a31.103 31.103 0 0 0 5.685-9.309c.25-.562.375-1.062.562-1.624.375-1.125.688-2.25.875-3.374.812-3.999.812-8.122-.125-12.12-.812-3.562-1.187-7.248-1.187-11.059v-.749c.187-10.621 3.561-20.492 9.309-28.614.875-1.25.125-2.936-1.375-3.186-18.742-2.624-33.049-18.993-32.487-38.548.562-20.117 17.118-36.486 37.236-36.798 21.179-.312 38.422 16.743 38.422 37.86 0 5.748-1.312 11.183-3.561 16.119-.625 1.374.375 2.936 1.874 2.874 1.687-.063 3.374 0 5.061.062 25.115 1.625 45.544 21.867 47.481 46.919.5 6.623-.25 12.995-1.999 18.931-2.874 9.433-.5 19.554 5.373 27.489 9.496 12.932 14.807 29.301 13.62 46.981Z" fill="#12364C"/><path d="M397.779 540.414v181.929h-114.08v-145.38h-70.535c-32.737 0-59.289-26.553-59.289-59.29V403.655l182.553.313-.812 85.654c-.375 4.81 3.436 8.871 8.309 8.871h11.996c23.116.063 41.858 18.805 41.858 41.921Z" fill="#A7D5C2"/><path d="M311.438 540.414v181.929h-114.08V498.556h72.222c23.116 0 41.858 18.742 41.858 41.858Z" fill="#A7D5C2"/><path d="M295.007 701.664c-3.248 0-5.935-2.687-5.935-5.936V531.23c0-3.249 2.687-5.935 5.935-5.935 3.249 0 5.936 2.686 5.936 5.935v164.498c0 3.249-2.687 5.936-5.936 5.936Z" fill="#12364C"/><path d="M140.255 451.698h11.621V327.185h-11.621c-22.429 0-40.671 18.18-40.671 40.671v43.233c0 22.367 18.18 40.609 40.671 40.609Z" fill="#059688"/><path d="M337.678 316.189v103.147H139.255V316.189c0-29.738 24.116-53.854 53.854-53.854h90.715c1.562 0 3.061.062 4.623.187.312 0 .687.063 1 .125 2.811.313 5.56.813 8.184 1.5 1.624.437 3.249.937 4.811 1.499 20.554 7.56 35.236 27.364 35.236 50.543Z" fill="#059688"/><path d="M305.628 266.271 269.08 423.46l-14.12 59.664c-7.934 30.738-38.984 49.73-70.097 42.483-31.363-7.247-50.98-38.36-44.108-69.723L250.4 481.312l13.432-57.852 36.923-158.689c1.687.438 3.311.938 4.873 1.5Z" fill="#FFD03C"/><path d="M155.874 0h-17.243v786.88h17.243V0Z" fill="#12364C"/><path d="M299.755 177.743v51.98c0 15.744-12.745 28.489-28.488 28.489h-8.247c-1.625 0-2.687 1.562-2.437 2.936.063.437.313.812.687 1.187l3.749 3.436 11.058 10.184c8.185 7.559 8.684 20.242 1.187 28.426-7.497 8.185-20.242 8.684-28.426 1.187 0 0-28.614-29.863-35.674-36.548-5.81-5.56-11.995-6.31-11.995-6.31s6.997-1.624 10.496-3.936c6.247-4.186 7.559-7.747 7.559-15.244v-19.742c-9.308-1.937-16.306-10.184-16.306-19.993 0-9.871 6.998-18.117 16.306-19.992v-5.06c0-22.242 17.619-41.109 39.922-41.234 8.747-.063 16.869 2.624 23.491 7.31a40.063 40.063 0 0 1 5.311 4.435c7.247 7.31 11.807 17.369 11.807 28.489Z" fill="#894915"/><path d="M271.391 234.908c-4.311 0-8.309-1.874-11.058-5.248-.375-.5-.312-1.187.125-1.562.5-.374 1.187-.312 1.562.125 2.311 2.812 5.685 4.374 9.309 4.374 3.623 0 6.997-1.625 9.309-4.374.374-.499 1.124-.562 1.561-.187.5.375.563 1.124.188 1.562a14.07 14.07 0 0 1-10.996 5.31Zm-2.499-37.111c-.062-.624-.187-1.249-.312-1.874-1.375-5.373-6.248-9.371-11.995-9.371-4.686 0-8.747 2.624-10.871 6.435a9.851 9.851 0 0 0-.75 1.687c-.5 1.312-.75 2.749-.75 4.248 0 6.81 5.561 12.37 12.371 12.37 6.809 0 12.37-5.56 12.37-12.37 0-.375-.063-.75-.063-1.125Zm-12.37 11.683a10.478 10.478 0 0 1-10.496-10.496c0-5.81 4.686-10.495 10.496-10.495 5.81 0 10.496 4.685 10.496 10.495.062 5.748-4.686 10.496-10.496 10.496Zm30.551-22.866c-5.81 0-10.684 3.999-11.996 9.372-.124.624-.249 1.249-.312 1.874-.062.375-.062.75-.062 1.124 0 6.81 5.56 12.371 12.37 12.371s12.37-5.561 12.37-12.371c0-6.872-5.56-12.37-12.37-12.37Zm0 22.866a10.478 10.478 0 0 1-10.496-10.496c0-5.81 4.686-10.495 10.496-10.495 5.81 0 10.496 4.685 10.496 10.495 0 5.748-4.748 10.496-10.496 10.496Z" fill="#E83452"/><path d="M216.913 226.599a6.685 6.685 0 1 0 0-13.37 6.685 6.685 0 0 0 0 13.37Z" fill="#FFD03C"/><path d="m217.035 180.825-.734 1.725 29.145 12.404.734-1.725-29.145-12.404Zm58.605 15.099h-7.622v1.874h7.622v-1.874Z" fill="#E83452"/><path d="M267.206 145.506c0 21.679-17.619 39.297-39.298 39.297-4.185 0-8.246-.687-12.057-1.874v-17.056c0-17.806 14.119-32.862 31.925-32.987 6.997-.063 13.369 1.249 18.68 4.998.437 2.187.75 5.31.75 7.622Z" fill="#12364C"/><path d="M137.818 283.077c-4.998 0-9.058 4.061-9.058 9.059l-.125 2.687c-.188 4.435-2.187 8.684-5.811 11.37-2.249 1.624-3.748 4.311-3.748 7.31v.999c0 2.812-.875 5.623-2.687 7.81a9.17 9.17 0 0 0-1.999 5.748c0 1.124.188 2.249.562 3.248a12.395 12.395 0 0 1 0 8.747c-.374 1-.562 2.062-.562 3.249 0 2.186.75 4.186 1.999 5.747 1.812 2.187 2.687 4.998 2.687 7.81 0 4.998 4.061 9.059 9.059 9.059h18.555c4.623 0 8.747-3.374 9.309-7.935.25-2.124-.25-4.123-1.25-5.81 4.186-.812 7.31-4.498 7.31-8.934 0-2.561-1.062-4.81-2.749-6.497 3.749-1.125 6.56-4.561 6.56-8.684 0-4.499-3.311-8.247-7.622-8.934 1.312-1.687 2.062-3.811 1.937-6.123-.25-4.873-4.498-8.559-9.372-8.559h-12.307V283.14c-.125-.063-.375-.063-.688-.063Z" fill="#894915"/></svg>';
+defineCustomElement('sinch-illustration-woman-on-right', createIllustrationClass(templateHTML));

package/input/types.d.ts

@@ -2,38 +2,65 @@ import type { TSinchElementReact } from '../types';
 import type { SyntheticEvent } from 'react';
 export declare type TSinchInputType = 'text' | 'password';
 export declare type TSinchInputElement = HTMLElement & {
+    /** Text field type, `text` by default */
     type: TSinchInputType;
+    /** Value */
     value: string;
+    /** Label */
     label: string;
+    /** Text that appears in the text field when it has no value set */
     placeholder: string | null;
+    /** Optional text */
     optionalText: string | null;
-    invalidText: string | null;
+    /** Additional text */
     additionalText: string | null;
+    /** Invalid text, controls the overall invalid state of the text field */
+    invalidText: string | null;
+    /** Disabled */
     disabled: boolean;
-    selectionStart: HTMLInputElement['selectionStart'];
-    selectionEnd: HTMLInputElement['selectionEnd'];
-    selectionDirection: HTMLInputElement['selectionDirection'];
+    selectionStart: number | null;
+    selectionEnd: number | null;
+    selectionDirection: 'forward' | 'backward' | 'none' | null;
     focus(): void;
     blur(): void;
+    /** Change value event */
     addEventListener(type: 'change', listener: (e: CustomEvent<string>) => void): void;
+    /** Text field type, `text` by default */
     setAttribute(name: 'type', value: TSinchInputType): void;
+    /** Value */
     setAttribute(name: 'value', value: string): void;
+    /** Label */
     setAttribute(name: 'label', value: string): void;
+    /** Text that appears in the text field when it has no value set */
     setAttribute(name: 'placeholder', value: string): void;
+    /** Optional text */
     setAttribute(name: 'optionaltext', value: string): void;
-    setAttribute(name: 'invalidtext', value: string): void;
+    /** Additional text */
     setAttribute(name: 'additionaltext', value: string): void;
+    /** Invalid text, controls the overall invalid state of the text field */
+    setAttribute(name: 'invalidtext', value: string): void;
+    /** Disabled */
     setAttribute(name: 'disabled', value: ''): void;
 };
 export declare type TSinchInputReact = TSinchElementReact<TSinchInputElement> & {
-    type?: TSinchInputType;
+    /** Controlled value, doesn't change on its own and requres an onChange-value state loop */
     value: string;
+    /** Label that shows in UI */
     label: string;
+    /** Label that is used for a11y – might be different from `label` */
+    'aria-label': string;
+    /** Text field type, `text` by default */
+    type?: TSinchInputType;
+    /** Text that appears in the text field when it has no value set */
     placeholder?: string;
+    /** Optional text */
     optionalText?: string;
-    invalidText?: string;
+    /** Additional text */
     additionalText?: string;
+    /** Invalid text, controls the overall invalid state of the text field */
+    invalidText?: string;
+    /** Disabled */
     disabled?: boolean;
-    'aria-label': string;
+    /** Change value handler */
     onChange: (e: SyntheticEvent<TSinchInputElement, CustomEvent<string>>) => void;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nectary/components",
-  "version": "0.30.0",
+  "version": "0.31.0",
   "files": [
     "theme.css",
     "**/*/*.js",

package/segment/index.js

@@ -10,7 +10,7 @@ function _checkPrivateRedeclaration(obj, privateCollection) { if (privateCollect
 import '../title';
 import { getTitleLevelFromType } from '../title/utils';
 import { defineCustomElement, getAttribute, getBooleanAttribute, getLiteralAttribute, getRect, isAttrTrue, NectaryElement, setClass, updateAttribute, updateBooleanAttribute, updateLiteralAttribute } from '../utils';
-const templateHTML = '<style>:host{display:block}#wrapper{display:flex;flex-direction:column;gap:16px;width:100%;height:100%;border:1px solid var(--sinch-color-snow-700);border-radius:var(--sinch-shape-radius-l);box-sizing:border-box;background-color:var(--sinch-color-snow-100);color:var(--sinch-color-text-default);font:var(--sinch-font-body);box-shadow:var(--sinch-elevation-level-2);padding:8px 24px 16px;overflow:hidden}#header{display:flex;flex-direction:row;align-items:center;height:48px;gap:8px;--sinch-size-icon:32px}#caption{font:var(--sinch-font-title-l);color:var(--sinch-color-text-default);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:1em}#info{display:flex;flex-direction:row;align-items:center;gap:8px;margin-left:auto;align-self:stretch}#info.empty{display:none}#preview{flex:1;flex-basis:auto;height:48px;min-width:0;overflow:hidden;margin-left:24px}#preview.empty{display:none}#preview:not(.empty)+#info.empty+#collapse:not(.empty),#preview:not(.empty)+#info:not(.empty){margin-left:24px}#collapse.empty{display:none}#content-wrapper{flex:1;min-height:0;overflow-y:auto}#action{display:flex;flex-direction:row;justify-content:flex-end;gap:16px}:host([collapsed]:not([collapsed=false])) :is(#content-wrapper,#action){display:none}:host([collapsed]:not([collapsed=false])) #wrapper{padding-bottom:8px}::slotted([slot=icon]){margin-right:8px}</style><div id="wrapper"><div id="header"><slot name="icon"></slot><sinch-title id="caption" level="3" type="m"></sinch-title><div id="preview"><slot name="preview"></slot></div><div id="info"><slot name="info"></slot></div><div id="collapse"><slot name="collapse"></slot></div></div><div id="content-wrapper"><slot name="content"></slot></div><div id="action"><slot name="action"></slot></div></div>';
+const templateHTML = '<style>:host{display:block}#wrapper{display:flex;flex-direction:column;gap:16px;width:100%;height:100%;border:1px solid var(--sinch-color-snow-700);border-radius:var(--sinch-shape-radius-l);box-sizing:border-box;background-color:var(--sinch-color-snow-100);color:var(--sinch-color-text-default);font:var(--sinch-font-body);box-shadow:var(--sinch-elevation-level-2);padding:8px 24px 16px}#header{display:flex;flex-direction:row;align-items:center;height:48px;gap:8px;--sinch-size-icon:32px}#caption{font:var(--sinch-font-title-l);color:var(--sinch-color-text-default);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:1em}#info{display:flex;flex-direction:row;align-items:center;gap:8px;margin-left:auto;align-self:stretch}#info.empty{display:none}#preview{flex:1;flex-basis:auto;height:48px;min-width:0;overflow:hidden;margin-left:24px}#preview.empty{display:none}#info.empty+#collapse{margin-left:auto}#collapse.empty{display:none}#preview:not(.empty)+#info.empty+#collapse:not(.empty),#preview:not(.empty)+#info:not(.empty){margin-left:24px}#content-wrapper{flex:1;min-height:0;overflow-y:auto}#action{display:flex;flex-direction:row;justify-content:flex-end;gap:16px}:host([collapsed]:not([collapsed=false])) :is(#content-wrapper,#action){display:none}:host([collapsed]:not([collapsed=false])) #wrapper{padding-bottom:8px}::slotted([slot=icon]){margin-right:8px}</style><div id="wrapper"><div id="header"><slot name="icon"></slot><sinch-title id="caption" level="3" type="m"></sinch-title><div id="preview"><slot name="preview"></slot></div><div id="info"><slot name="info"></slot></div><div id="collapse"><slot name="collapse"></slot></div></div><div id="content-wrapper"><slot name="content"></slot></div><div id="action"><slot name="action"></slot></div></div>';
 import { assertSize, sizeValues } from './utils';
 const template = document.createElement('template');
 template.innerHTML = templateHTML;