@nectary/components 0.29.1 → 0.31.0

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/index.js

@@ -8,7 +8,7 @@ function _classPrivateFieldInitSpec(obj, privateMap, value) { _checkPrivateRedec
 function _checkPrivateRedeclaration(obj, privateCollection) { if (privateCollection.has(obj)) { throw new TypeError("Cannot initialize the same private elements twice on an object"); } }
 
 import { defineCustomElement, getAttribute, getBooleanAttribute, getLiteralAttribute, isAttrTrue, NectaryElement, updateAttribute, updateBooleanAttribute, updateExplicitBooleanAttribute, updateLiteralAttribute } from '../utils';
-const templateHTML = '<style>:host{display:inline-block;vertical-align:middle;outline:0;--sinch-color-icon:var(--sinch-color-stormy-500)}#wrapper{width:100%;box-sizing:border-box}#input{all:initial;border:1px solid var(--sinch-color-stormy-200);box-sizing:border-box;border-radius:4px;width:100%;height:48px;margin:2px 0;padding:0 12px;font:var(--sinch-font-body);color:var(--sinch-color-text-default);caret-color:var(--sinch-caret-color,auto);background-color:var(--sinch-color-snow-100)}#input::placeholder{font:var(--sinch-font-body);color:var(--sinch-color-text-muted)}#input:disabled{border-color:var(--sinch-color-snow-500);color:var(--sinch-color-stormy-100)}#input:disabled::placeholder{color:var(--sinch-color-snow-500)}#input:focus{border-color:var(--sinch-color-stormy-600)}#input[type=password]{font-size:1.5em;letter-spacing:.1em}:host([invalidtext]:not([invalidtext=""])) #input:not(:disabled){border-color:var(--sinch-color-text-invalid)}#bottom,#top{display:flex;align-items:baseline}#top{height:24px}#bottom{height:20px}#additional,#invalid,#label,#optional{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#label{font:var(--sinch-font-title-s);color:var(--sinch-color-text-default)}#optional{flex:1;text-align:right;font:var(--sinch-font-small-text);color:var(--sinch-color-text-muted)}#additional{flex:1;text-align:right;font:var(--sinch-font-extra-small-text);color:var(--sinch-color-text-muted)}#invalid{font:var(--sinch-font-extra-small-text);color:var(--sinch-color-text-invalid)}::slotted(sinch-help-tooltip){align-self:center;margin:0 8px}:host([disabled]:not([disabled=false])) :is(#label,#additional,#optional,#invalid){color:var(--sinch-color-stormy-100)}:host([disabled]:not([disabled=false])){--sinch-color-icon:var(--sinch-color-stormy-100)}</style><div id="wrapper"><div id="top"><label id="label" for="input"></label><slot name="tooltip"></slot><span id="optional"></span></div><input id="input" type="text"/><div id="bottom"><span id="invalid"></span> <span id="additional"></span></div></div>';
+const templateHTML = '<style>:host{display:inline-block;vertical-align:middle;outline:0;--sinch-color-icon:var(--sinch-color-stormy-500)}#wrapper{width:100%;box-sizing:border-box}#input-wrapper{display:flex;flex-direction:row;align-items:center;gap:4px;border:1px solid var(--sinch-color-stormy-200);box-sizing:border-box;border-radius:var(--sinch-shape-radius-s);width:100%;height:48px;margin:2px 0;padding:0 8px;background-color:var(--sinch-color-snow-100)}#input{all:initial;flex:1;min-width:0;height:48px;padding:0 4px;font:var(--sinch-font-body);color:var(--sinch-color-text-default);caret-color:var(--sinch-caret-color,auto)}#input::placeholder{font:var(--sinch-font-body);color:var(--sinch-color-text-muted)}#input:disabled{border-color:var(--sinch-color-snow-500);color:var(--sinch-color-stormy-100)}#input:disabled::placeholder{color:var(--sinch-color-snow-500)}#input:focus{border-color:var(--sinch-color-stormy-600)}#input[type=password]{font-size:1.5em;letter-spacing:.1em}:host([invalidtext]:not([invalidtext=""]):not([disabled])) #input-wrapper{border-color:var(--sinch-color-text-invalid)}#bottom,#top{display:flex;align-items:baseline}#top{height:24px}#bottom{height:20px}#additional,#invalid,#label,#optional{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#label{font:var(--sinch-font-title-s);color:var(--sinch-color-text-default)}#optional{flex:1;text-align:right;font:var(--sinch-font-small-text);color:var(--sinch-color-text-muted)}#additional{flex:1;text-align:right;font:var(--sinch-font-extra-small-text);color:var(--sinch-color-text-muted)}#invalid{font:var(--sinch-font-extra-small-text);color:var(--sinch-color-text-invalid)}::slotted(sinch-help-tooltip){align-self:center;margin:0 8px}:host([disabled]:not([disabled=false])) :is(#label,#additional,#optional,#invalid){color:var(--sinch-color-stormy-100)}:host([disabled]:not([disabled=false])){--sinch-color-icon:var(--sinch-color-stormy-100)}</style><div id="wrapper"><div id="top"><label id="label" for="input"></label><slot name="tooltip"></slot><span id="optional"></span></div><div id="input-wrapper"><input id="input" type="text"/><slot name="right"></slot></div><div id="bottom"><span id="invalid"></span> <span id="additional"></span></div></div>';
 import { inputTypes } from './utils';
 const template = document.createElement('template');
 template.innerHTML = templateHTML;

package/input/types.d.ts

@@ -1,40 +1,66 @@
 import type { TSinchElementReact } from '../types';
-import type { inputTypes } from './utils';
 import type { SyntheticEvent } from 'react';
-export declare type TTextInputType = typeof inputTypes[number];
+export declare type TSinchInputType = 'text' | 'password';
 export declare type TSinchInputElement = HTMLElement & {
-    type: TTextInputType;
+    /** 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;
-    setAttribute(name: 'type', value: TTextInputType): 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?: TTextInputType;
+    /** 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/input/utils.d.ts

@@ -1 +1,2 @@
-export declare const inputTypes: readonly ["text", "password"];
+import type { TSinchInputType } from './types';
+export declare const inputTypes: readonly TSinchInputType[];

package/link/index.js

@@ -8,8 +8,8 @@ function _classPrivateFieldInitSpec(obj, privateMap, value) { _checkPrivateRedec
 function _checkPrivateRedeclaration(obj, privateCollection) { if (privateCollection.has(obj)) { throw new TypeError("Cannot initialize the same private elements twice on an object"); } }
 
 import '../icons/cancel';
-import { defineCustomElement, getBooleanAttribute, getAttribute, updateBooleanAttribute, updateAttribute, NectaryElement } from '../utils';
-const templateHTML = '<style>:host{display:inline;outline:0}a{font:var(--sinch-font-body);font-size:inherit;line-height:inherit;color:var(--sinch-color-text-link);fill:var(--sinch-color-text-link)}svg{display:none;transform:translateY(.15em);margin-left:.4em;width:.8em;pointer-events:none}a:hover{color:var(--sinch-color-tropical-600);fill:var(--sinch-color-tropical-600)}:host([disabled]:not([disabled=false])) a{color:var(--sinch-color-tropical-200);pointer-events:none;cursor:initial;fill:var(--sinch-color-tropical-200)}:host([external]:not([external=false])) svg{display:inline-block}</style><a><span></span> <svg viewBox="0 0 16 16" aria-hidden="true"><path d="M14.222 14.222H1.778V1.778H8V0H1.778C.79 0 0 .8 0 1.778v12.444C0 15.2.791 16 1.778 16h12.444C15.2 16 16 15.2 16 14.222V8h-1.778v6.222ZM9.778 0v1.778h3.19l-8.737 8.738 1.253 1.253 8.738-8.738v3.191H16V0H9.778Z"/></svg></a>';
+import { defineCustomElement, getBooleanAttribute, getAttribute, updateBooleanAttribute, updateAttribute, NectaryElement, isAttrTrue } from '../utils';
+const templateHTML = '<style>:host{display:inline;outline:0}a{font:var(--sinch-font-body);font-size:inherit;line-height:inherit;color:var(--sinch-color-text-link);fill:var(--sinch-color-text-link);--sinch-size-icon:1em}#icon{display:none;margin-left:.2em;vertical-align:-.25em}a:hover{color:var(--sinch-color-tropical-600);fill:var(--sinch-color-tropical-600)}:host([disabled]:not([disabled=false])) a{color:var(--sinch-color-tropical-200);pointer-events:none;cursor:initial;fill:var(--sinch-color-tropical-200)}:host([external]:not([external=false])) #icon{display:inline-block}</style><a><span id="content"></span><sinch-icon-open-in-new id="icon"></sinch-icon-open-in-new></a>';
 const template = document.createElement('template');
 template.innerHTML = templateHTML;
 defineCustomElement('sinch-link', (_$anchor = new WeakMap(), _$text = new WeakMap(), class extends NectaryElement {
@@ -31,7 +31,7 @@ defineCustomElement('sinch-link', (_$anchor = new WeakMap(), _$text = new WeakMa
 
     _classPrivateFieldSet(this, _$anchor, shadowRoot.querySelector('a'));
 
-    _classPrivateFieldSet(this, _$text, shadowRoot.querySelector('span'));
+    _classPrivateFieldSet(this, _$text, shadowRoot.querySelector('#content'));
   }
 
   get text() {
@@ -67,7 +67,7 @@ defineCustomElement('sinch-link', (_$anchor = new WeakMap(), _$text = new WeakMa
   }
 
   static get observedAttributes() {
-    return ['text', 'href'];
+    return ['text', 'href', 'external', 'disabled'];
   }
 
   attributeChangedCallback(name, _, newVal) {
@@ -78,11 +78,25 @@ defineCustomElement('sinch-link', (_$anchor = new WeakMap(), _$text = new WeakMa
           break;
         }
 
+      case 'disabled':
+        {
+          updateBooleanAttribute(this, 'disabled', isAttrTrue(newVal));
+          break;
+        }
+
       case 'href':
         {
           updateAttribute(_classPrivateFieldGet(this, _$anchor), 'href', newVal);
           break;
         }
+
+      case 'external':
+        {
+          const isExternal = isAttrTrue(newVal);
+          updateAttribute(_classPrivateFieldGet(this, _$anchor), 'target', isExternal ? '_blank' : null);
+          updateBooleanAttribute(this, 'external', isExternal);
+          break;
+        }
     }
   }
 

package/link/types.d.ts

@@ -4,8 +4,6 @@ export declare type TSinchLinkElement = HTMLElement & {
     href: string;
     disabled: boolean;
     external: boolean;
-    focus(): void;
-    blur(): void;
     setAttribute(name: 'text', value: string): void;
     setAttribute(name: 'href', value: string): void;
     setAttribute(name: 'disabled', value: ''): void;