@nectary/components 0.45.2 → 0.47.0

package/icons-branded/puzzle/index.d.ts

@@ -0,0 +1,11 @@
+import type { TSinchIconBrandedElement, TSinchIconBrandedReact } from '../types';
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'sinch-icon-branded-puzzle': TSinchIconBrandedReact;
+        }
+    }
+    interface HTMLElementTagNameMap {
+        'sinch-icon-branded-puzzle': TSinchIconBrandedElement;
+    }
+}

package/icons-branded/puzzle/index.js

@@ -0,0 +1,4 @@
+import { defineCustomElement } from '../../utils';
+import { createIconClass } from '../create-icon-class';
+const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true"><path d="M41.99 22.07V16c0-.55-.454-1-1.009-1h-4.065c-.08-.38-.191-.85-.363-1.34-.201-.56-.504-1.19-.958-1.7-.484-.53-1.16-.96-2.057-.96-.898 0-1.574.43-2.048.96-.454.51-.757 1.14-.958 1.7-.182.49-.293.96-.373 1.34H28v2h3.016c.524 0 .958-.39 1.009-.91v-.02c0-.02.01-.06.01-.11a7.351 7.351 0 0 1 .383-1.62c.161-.44.353-.81.575-1.05.201-.22.373-.29.544-.29.172 0 .343.07.545.29.212.24.414.61.575 1.05.161.43.262.87.323 1.22.03.17.05.31.06.4 0 .05.01.08.01.11v.02c.05.52.485.91 1.01.91h3.913v4.23c-.374.08-.828.19-1.301.36-.545.2-1.16.49-1.665.93-.514.46-.948 1.11-.948 1.98 0 .88.414 1.56.938 2.04.504.46 1.13.76 1.685.96.474.17.917.27 1.29.35V31H36.23c-.544 0-.998.44-1.008.98V32c0 .02 0 .06-.01.1-.01.09-.02.23-.04.4-.04.34-.122.77-.253 1.19-.302.93-.706 1.31-1.22 1.31-.535 0-.978-.41-1.322-1.34a6.638 6.638 0 0 1-.302-1.19c-.03-.17-.04-.3-.05-.4 0-.05-.01-.08-.01-.1v-.02a.996.996 0 0 0-1-.95H28v2h2.138c.07.39.182.86.363 1.34.394 1.07 1.302 2.66 3.218 2.66 1.937 0 2.794-1.62 3.137-2.69.151-.47.242-.93.302-1.31h3.833c.555 0 1.009-.45 1.009-1v-5c0-.52-.404-.95-.928-1h-.02c-.02 0-.06-.01-.101-.01-.09-.01-.232-.03-.393-.06a7.6 7.6 0 0 1-1.18-.3c-.424-.15-.777-.34-1.01-.55-.21-.19-.292-.37-.292-.58 0-.13.05-.28.273-.47.232-.21.595-.39 1.029-.55.423-.15.857-.26 1.19-.32.161-.03.302-.05.393-.07.05-.01.08-.01.101-.01h.02c.525-.08.908-.5.908-1.01Z"/><path d="M25 33h-5c-.49 0-.91-.36-.99-.84-.15-.93-.75-2.66-1.51-2.66-.86 0-1.48 1.84-1.63 2.68-.09.47-.5.82-.99.82H10c-.55 0-1-.45-1-1v-5.14c-1.44-.29-4-1.11-4-3.36s2.56-3.07 4-3.36V16c0-.55.45-1 1-1h4.07c.35-1.41 1.29-4 3.43-4s3.01 2.58 3.33 4H25c.55 0 1 .45 1 1v4.14c1.44.28 4 1.1 4 3.36s-2.56 3.08-4 3.36V32c0 .55-.45 1-1 1Zm-4.2-2H24v-5c0-.52.4-.95.91-1 1.08-.1 3.09-.64 3.09-1.5s-2.01-1.4-3.09-1.5c-.51-.05-.91-.48-.91-1v-4h-4c-.5 0-.93-.37-.99-.87-.17-1.31-.83-3.13-1.51-3.13-.71 0-1.43 1.84-1.63 3.15-.07.49-.49.85-.99.85H11v4c0 .51-.39.95-.9 1-1.08.1-3.1.65-3.1 1.5s2.02 1.4 3.1 1.5c.51.05.9.49.9 1v5h3.09c.37-1.27 1.32-3.5 3.41-3.5 2.06 0 2.96 2.22 3.3 3.5Z" class="accent"/></svg>';
+defineCustomElement('sinch-icon-branded-puzzle', createIconClass(templateHTML));

package/icons-branded/queue/index.d.ts

@@ -0,0 +1,11 @@
+import type { TSinchIconBrandedElement, TSinchIconBrandedReact } from '../types';
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'sinch-icon-branded-queue': TSinchIconBrandedReact;
+        }
+    }
+    interface HTMLElementTagNameMap {
+        'sinch-icon-branded-queue': TSinchIconBrandedElement;
+    }
+}

package/icons-branded/queue/index.js

@@ -0,0 +1,4 @@
+import { defineCustomElement } from '../../utils';
+import { createIconClass } from '../create-icon-class';
+const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true"><g clip-path="url(#a)" fill-rule="evenodd" clip-rule="evenodd"><path d="M24.472 22.118A1 1 0 0 1 25 23v6h1a1 1 0 1 1 0 2h-4a1 1 0 1 1 0-2h1v-4.134a1 1 0 0 1-1.055-1.698l1.5-1a1 1 0 0 1 1.027-.05Z" class="accent"/><path d="M13 7a1 1 0 0 1 1-1h5a1 1 0 0 1 .997.92c.304 3.767.674 6.639 1.36 8.558.34.95.727 1.58 1.148 1.967.393.361.86.555 1.495.555.636 0 1.122-.195 1.535-.565.438-.392.842-1.024 1.192-1.97.706-1.907 1.078-4.772 1.274-8.517A1 1 0 0 1 29 6c.398 0 .907-.003 1.458-.006 1.253-.006 2.72-.014 3.566.006A1 1 0 0 1 35 7v25a1 1 0 0 1-1 1h-3.012c-.068 2.86-.448 5.337-1.381 7.169-.53 1.04-1.254 1.901-2.22 2.489-.965.588-2.106.862-3.403.842-1.28-.02-2.385-.316-3.31-.919-.923-.602-1.592-1.462-2.087-2.485-.87-1.804-1.258-4.254-1.508-7.096h-3.08a1 1 0 0 1-1-1V7Zm2 24h3a1 1 0 0 1 .997.923c.251 3.266.613 5.692 1.391 7.303.377.78.83 1.322 1.379 1.68.547.356 1.263.579 2.249.594.99.016 1.744-.192 2.332-.55.588-.359 1.08-.91 1.477-1.69C28.64 37.66 29 35.218 29 32a1 1 0 0 1 1-1h3V7.988c-.751-.003-1.653.002-2.482.006-.196.001-.333-.007-.518-.006-.21 3.337-.646 6.142-1.397 8.172-.414 1.117-.966 2.078-1.734 2.765C26.08 19.633 25.113 20 24 20s-2.07-.368-2.849-1.084c-.75-.69-1.28-1.654-1.677-2.765C18.751 14.131 18.291 11.333 18 8h-3v23Z"/></g><defs><clipPath id="a"><path d="M0 0h48v48H0z"/></clipPath></defs></svg>';
+defineCustomElement('sinch-icon-branded-queue', createIconClass(templateHTML));

package/icons-branded/retail/index.d.ts

@@ -0,0 +1,11 @@
+import type { TSinchIconBrandedElement, TSinchIconBrandedReact } from '../types';
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'sinch-icon-branded-retail': TSinchIconBrandedReact;
+        }
+    }
+    interface HTMLElementTagNameMap {
+        'sinch-icon-branded-retail': TSinchIconBrandedElement;
+    }
+}

package/icons-branded/retail/index.js

@@ -0,0 +1,4 @@
+import { defineCustomElement } from '../../utils';
+import { createIconClass } from '../create-icon-class';
+const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M7 8a1 1 0 0 1 1-1h32a1 1 0 0 1 1 1v5.5a.984.984 0 0 1-.072.371l-.025.06.025-.059v.001l-.001.003-.002.005-.006.013a2.013 2.013 0 0 1-.068.15 5.5 5.5 0 0 1-1.019 1.413C39.056 16.234 37.812 17 36 17c-1.812 0-3.056-.766-3.832-1.543a5.497 5.497 0 0 1-.248-.265 7.46 7.46 0 0 1-.31.298C30.826 16.203 29.596 17 28 17s-2.826-.797-3.61-1.51a7.42 7.42 0 0 1-.39-.382 7.42 7.42 0 0 1-.39.382C22.826 16.203 21.596 17 20 17s-2.826-.797-3.61-1.51c-.11-.1-.214-.2-.31-.298a5.403 5.403 0 0 1-.248.265C15.056 16.234 13.812 17 12 17c-1.812 0-3.056-.766-3.832-1.543a5.499 5.499 0 0 1-1.019-1.413 3.293 3.293 0 0 1-.068-.15l-.006-.013-.002-.005v-.003h-.001l.025.058-.025-.06A1 1 0 0 1 7 13.5V8Zm2 5.27.06.106c.109.18.28.424.522.667.474.473 1.23.957 2.418.957 1.188 0 1.944-.484 2.418-.957A3.506 3.506 0 0 0 15 13.27V9H9v4.27ZM17 9v4.193a5.599 5.599 0 0 0 .735.817c.591.537 1.361.99 2.265.99.904 0 1.674-.453 2.265-.99a5.613 5.613 0 0 0 .735-.817V9h-6Zm8 0v4.193a5.599 5.599 0 0 0 .735.817c.591.537 1.361.99 2.265.99.904 0 1.674-.453 2.265-.99a5.613 5.613 0 0 0 .735-.817V9h-6Zm8 0v4.27l.06.106c.109.18.28.424.522.667.474.473 1.23.957 2.418.957 1.188 0 1.944-.484 2.418-.957A3.502 3.502 0 0 0 39 13.27V9h-6Z" class="accent"/><path fill-rule="evenodd" clip-rule="evenodd" d="M9 16.136v21.996c-.005.49-.007.868.5.868h28.524a1 1 0 0 0 1-1L39 16.135c-.531.35-1.186.64-1.977.778V37H23v-7.857C23 28.59 22.278 28 21.726 28h-6.822c-.553 0-.904.577-.904 1.129V37h-3V16.918a5.197 5.197 0 0 1-2-.782ZM21 30v7h-5.096v-7H21Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M15 19c-.552 0-1 .363-1 .915v4.238c0 .553.448.847 1 .847h18.193c.552 0 1-.294 1-.847v-4.238c0-.552-.448-.915-1-.915H15Zm1 4v-2h16v2H16Zm10.153 5c-.552 0-1.153.448-1.153 1v4.095c0 .553.448.905 1 .905h6.597c1 0 1.403 0 1.403-1v-4c0-1-.851-1-1.403-1h-6.444ZM27 32v-2h5v2h-5Z"/></svg>';
+defineCustomElement('sinch-icon-branded-retail', createIconClass(templateHTML));

package/icons-branded/rich-content/index.d.ts

@@ -0,0 +1,11 @@
+import type { TSinchIconBrandedElement, TSinchIconBrandedReact } from '../types';
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'sinch-icon-branded-rich-content': TSinchIconBrandedReact;
+        }
+    }
+    interface HTMLElementTagNameMap {
+        'sinch-icon-branded-rich-content': TSinchIconBrandedElement;
+    }
+}

package/icons-branded/rich-content/index.js

@@ -0,0 +1,4 @@
+import { defineCustomElement } from '../../utils';
+import { createIconClass } from '../create-icon-class';
+const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true"><path d="M21.541 24.81c.603-.31.603-1.105 0-1.413l-6.235-3.19c-.588-.3-1.313.09-1.313.707v6.38c0 .617.725 1.007 1.313.706l6.235-3.19ZM32.5 33a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Zm4 0a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z" class="accent"/><path fill-rule="evenodd" clip-rule="evenodd" d="M17 10a1 1 0 0 0-1 1v4h11a3 3 0 0 1 3 3v6h6a1 1 0 0 0 1-1V11a1 1 0 0 0-1-1H17Zm13 16v3c0 2.5 0 4-3 4h-7.183L10 38.93V33H8a3 3 0 0 1-3-3V18a3 3 0 0 1 3-3h6v-4a3 3 0 0 1 3-3h19a3 3 0 0 1 3 3v11h1a3 3 0 0 1 3 3v12a3 3 0 0 1-3 3h-2v5.7L27.74 40H21.5a3 3 0 0 1-3-3v-.5l2-1.5v2a1 1 0 0 0 1 1h6.76L36 42.3V38h4a1 1 0 0 0 1-1V25a1 1 0 0 0-1-1h-1.17A3.001 3.001 0 0 1 36 26h-6ZM8 17a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h4v4.07L19.183 31H27c1 0 1-1 1-2V18a1 1 0 0 0-1-1H8Z"/></svg>';
+defineCustomElement('sinch-icon-branded-rich-content', createIconClass(templateHTML));

package/icons-branded/rocket/index.js

@@ -1,4 +1,4 @@
 import { defineCustomElement } from '../../utils';
 import { createIconClass } from '../create-icon-class';
-const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M37.643 6.083c.953.142 2.045.523 2.743 1.222.298.298.46.688.557 1.02.103.353.166.754.2 1.175.07.844.034 1.867-.097 2.945-.26 2.142-1.085 4.626-2.173 6.53-1.086 1.902-2.941 3.741-4.46 5.07a39.759 39.759 0 0 1-2.408 1.944v8.464a2 2 0 0 1-.867 1.648l-6.38 4.386a2 2 0 0 1-3.073-1.163l-1.583-6.333-6.108-6.109L7.66 25.3a2 2 0 0 1-1.163-3.073l4.386-6.38a2 2 0 0 1 1.648-.866h7.95a30.882 30.882 0 0 1 2.054-2.578c1.405-1.58 3.408-3.479 5.6-4.351 1.991-.793 4.324-1.575 6.444-1.897 1.06-.16 2.112-.214 3.064-.071ZM19.163 16.98H12.53l-4.386 6.379 5.91 1.477 5.107-7.856Zm-3.378 8.865 5.334 5.334 9.312-6.518.002-.002.01-.006.038-.027.154-.111a37.704 37.704 0 0 0 2.462-1.975c1.481-1.296 3.126-2.957 4.04-4.556.912-1.597 1.684-3.797 1.924-5.78.12-.985.145-1.867.09-2.54a4.046 4.046 0 0 0-.127-.776.96.96 0 0 0-.072-.188c-.302-.292-.936-.54-1.604-.64-.684-.102-1.52-.072-2.469.071-1.897.288-4.065 1.006-6.004 1.778-1.739.692-3.485 2.292-4.847 3.822a28.839 28.839 0 0 0-2.04 2.582l-.113.164-.027.041-.006.01h-.001l-6.056 9.317Zm14.22 1.555-7.863 5.505 1.484 5.934 6.379-4.386V27.4Z"/><path class="accent" d="M30 18.984a2 2 0 1 0 0-4 2 2 0 0 0 0 4ZM12.583 38.532a3.5 3.5 0 1 0-4.193-5.605c-1.548 1.158-2.205 4.904-2.205 6.904 0 .5 4.85-.14 6.398-1.299Z"/></svg>';
+const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M37.643 6.083c.953.142 2.045.523 2.743 1.222.298.298.46.688.557 1.02.103.353.166.754.2 1.175.07.844.034 1.867-.097 2.945-.26 2.142-1.085 4.626-2.173 6.53-1.086 1.902-2.941 3.741-4.46 5.07a39.759 39.759 0 0 1-2.408 1.944v8.464a2 2 0 0 1-.867 1.648l-6.38 4.386a2 2 0 0 1-3.073-1.163l-1.583-6.333-6.108-6.109L7.66 25.3a2 2 0 0 1-1.163-3.073l4.386-6.38a2 2 0 0 1 1.648-.866h7.95a30.882 30.882 0 0 1 2.054-2.578c1.405-1.58 3.408-3.479 5.6-4.351 1.991-.793 4.324-1.575 6.444-1.897 1.06-.16 2.112-.214 3.064-.071ZM19.163 16.98H12.53l-4.386 6.379 5.91 1.477 5.107-7.856Zm-3.378 8.865 5.334 5.334 9.312-6.518.002-.002.01-.006.038-.027.154-.111a37.704 37.704 0 0 0 2.462-1.975c1.481-1.296 3.126-2.957 4.04-4.556.912-1.597 1.684-3.797 1.924-5.78.12-.985.145-1.867.09-2.54a4.046 4.046 0 0 0-.127-.776.96.96 0 0 0-.072-.188c-.302-.292-.936-.54-1.604-.64-.684-.102-1.52-.072-2.469.071-1.897.288-4.065 1.006-6.004 1.778-1.739.692-3.485 2.292-4.847 3.822a28.839 28.839 0 0 0-2.04 2.582l-.113.164-.027.041-.006.01h-.001l-6.056 9.317Zm14.22 1.555-7.863 5.505 1.484 5.934 6.379-4.386V27.4Z"/><path d="M30 18.984a2 2 0 1 0 0-4 2 2 0 0 0 0 4ZM12.583 38.532a3.5 3.5 0 1 0-4.193-5.605c-1.548 1.158-2.205 4.904-2.205 6.904 0 .5 4.85-.14 6.398-1.299Z" class="accent"/></svg>';
 defineCustomElement('sinch-icon-branded-rocket', createIconClass(templateHTML));

package/icons-branded/roi/index.d.ts

@@ -0,0 +1,11 @@
+import type { TSinchIconBrandedElement, TSinchIconBrandedReact } from '../types';
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'sinch-icon-branded-roi': TSinchIconBrandedReact;
+        }
+    }
+    interface HTMLElementTagNameMap {
+        'sinch-icon-branded-roi': TSinchIconBrandedElement;
+    }
+}

package/icons-branded/roi/index.js

@@ -0,0 +1,4 @@
+import { defineCustomElement } from '../../utils';
+import { createIconClass } from '../create-icon-class';
+const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true"><path d="M40.021 35.285h-1.998c.57-.71 1.093-1.473 1.563-2.286 4.97-8.608 2.02-19.615-6.587-24.585-6.17-3.561-13.57-3.056-19.098.684l1.368 1.368c4.911-3.163 11.376-3.533 16.782-.411 7.702 4.446 10.34 14.294 5.894 21.996a16.193 16.193 0 0 1-1.631 2.33v-2.803a.947.947 0 1 0-1.895 0v4.654c0 .523.425.947.948.947h4.654a.947.947 0 0 0 0-1.894Zm-7.489 2.375c-4.886 3.046-11.25 3.365-16.583.285C8.247 33.5 5.609 23.651 10.055 15.95c.461-.8.98-1.544 1.55-2.232v2.624a.947.947 0 1 0 1.894 0v-4.655a.947.947 0 0 0-.947-.947H7.897a.947.947 0 1 0 0 1.894h2.146a18.122 18.122 0 0 0-1.629 2.369c-4.97 8.607-2.02 19.614 6.588 24.584 6.096 3.52 13.395 3.067 18.901-.554l-1.371-1.372Z" class="accent"/><path fill-rule="evenodd" clip-rule="evenodd" d="M25.003 13.003a1 1 0 1 0-2 0v3h-1.5a4.5 4.5 0 1 0 0 9h1.5v5h-5a1 1 0 1 0 0 2h5v3a1 1 0 1 0 2 0v-3h1.5a4.5 4.5 0 0 0 0-9h-1.5v-5h4a1 1 0 1 0 0-2h-4v-3Zm-2 5h-1.5a2.5 2.5 0 1 0 0 5h1.5v-5Zm2 7v5h1.5a2.5 2.5 0 1 0 0-5h-1.5Z"/></svg>';
+defineCustomElement('sinch-icon-branded-roi', createIconClass(templateHTML));

package/icons-branded/search/index.d.ts

@@ -0,0 +1,11 @@
+import type { TSinchIconBrandedElement, TSinchIconBrandedReact } from '../types';
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'sinch-icon-branded-search': TSinchIconBrandedReact;
+        }
+    }
+    interface HTMLElementTagNameMap {
+        'sinch-icon-branded-search': TSinchIconBrandedElement;
+    }
+}

package/icons-branded/search/index.js

@@ -0,0 +1,4 @@
+import { defineCustomElement } from '../../utils';
+import { createIconClass } from '../create-icon-class';
+const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.945 31.631C10.49 29.079 9.178 25.815 9 22c-.39-8.351 5.798-15.593 14.15-15.983 8.35-.39 15.437 6.063 15.827 14.414C39.367 28.782 32.851 35.61 24.5 36c-3.817.178-7.306-.814-10.076-3.022l-8.686 9.509a1 1 0 0 1-1.476-1.35l8.683-9.506ZM23.243 8.015c7.248-.34 13.398 5.262 13.736 12.51.34 7.248-5.325 13.139-12.572 13.477-3.56.166-6.791-.84-9.263-3.03a1 1 0 0 0-.267-.243c-2.41-2.257-3.713-5.263-3.88-8.822-.338-7.248 4.998-13.554 12.246-13.892Z"/><path d="M14.372 18.31a1 1 0 0 1 .161 1.206c-.22.379-.162.354-.223.787-.034.47.027.944.18 1.39A1 1 0 0 1 13.654 23a1 1 0 0 1-1.07-.684 5.591 5.591 0 0 1-.262-2.245c.093-.712.128-.955.496-1.57a1 1 0 0 1 1.553-.192Z" class="accent"/></svg>';
+defineCustomElement('sinch-icon-branded-search', createIconClass(templateHTML));

package/icons-branded/send/index.d.ts

@@ -0,0 +1,11 @@
+import type { TSinchIconBrandedElement, TSinchIconBrandedReact } from '../types';
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'sinch-icon-branded-send': TSinchIconBrandedReact;
+        }
+    }
+    interface HTMLElementTagNameMap {
+        'sinch-icon-branded-send': TSinchIconBrandedElement;
+    }
+}

package/icons-branded/send/index.js

@@ -0,0 +1,4 @@
+import { defineCustomElement } from '../../utils';
+import { createIconClass } from '../create-icon-class';
+const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true"><path d="M18.3 22.941c-.6 0-1-.4-1-1 0-.4.2-.7.5-.9l22.4-12.9c.5-.3 1.1-.1 1.3.4.2.5.1 1-.3 1.3l-22.4 13c-.2.1-.4.1-.5.1ZM5.4 28.84c0 .6.4 1 1 1 .2 0 .3 0 .5-.1l8.6-5c.5-.3.7-.9.4-1.4-.3-.5-.9-.7-1.4-.4l-8.6 5c-.3.2-.5.5-.5.9ZM8.5 34c0 .6.4 1 1 1 .2 0 .3 0 .5-.1l8.012-4.7c.5-.3.7-.9.4-1.4-.3-.5-.9-.7-1.4-.4L9 33.1c-.3.2-.5.5-.5.9Z" class="accent"/><path d="M38.952 11.146 32.4 33.44l-11.7-6.6c-.5-.3-1.1-.1-1.4.4-.3.5-.1 1.1.4 1.4l12.9 7.1c.3.1.6.1.9 0 .3-.1.5-.3.6-.6l7.6-25.7c0-.33-.044-.574-.16-.787.143.461.03.91-.34 1.187l-2.248 1.305ZM14.28 32.352l1.91-1.091.41 4.58 3.9-4.6c.3-.4 1-.5 1.4-.1.5.4.5 1.1.1 1.5l-5.4 6.4c-.3.3-.7.4-1.1.3-.4-.2-.7-.5-.7-.9l-.52-6.089Zm-.481-6.622 1.7-.99a1.21 1.21 0 0 0 .171-.122l.23 2.223-1.9 1.1-.201-2.211ZM5 19.74c0-.4.3-.8.7-.9l25.533-7.878a.052.052 0 0 1 .041.094L23.8 15.34l-15 4.6 3.7 1.9-2 1.2-4.9-2.3c-.4-.2-.6-.6-.6-1Z"/></svg>';
+defineCustomElement('sinch-icon-branded-send', createIconClass(templateHTML));

package/icons-branded/settings/index.js

@@ -1,4 +1,4 @@
 import { defineCustomElement } from '../../utils';
 import { createIconClass } from '../create-icon-class';
-const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="m32.204 13.831-.313.195c-2.46 1.537-5.662.153-6.317-2.713-.388-1.701-2.76-1.701-3.148 0-.655 2.866-3.856 4.25-6.317 2.713l-.313-.195c-1.348-.842-2.935.775-2.04 2.177 1.595 2.497.26 5.865-2.595 6.502-1.562.35-1.562 2.63 0 2.98 2.854.637 4.19 4.006 2.596 6.502-.896 1.402.69 3.019 2.04 2.177l.311-.195c2.462-1.537 5.663-.153 6.318 2.713.388 1.701 2.76 1.701 3.148 0 .655-2.866 3.856-4.25 6.317-2.713l.313.195c1.348.842 2.935-.775 2.04-2.177-1.595-2.497-.26-5.865 2.595-6.502 1.562-.35 1.562-2.63 0-2.98-2.854-.637-4.19-4.006-2.596-6.502.896-1.402-.69-3.019-2.04-2.177ZM27.51 10.85c-.867-3.799-6.155-3.799-7.022 0-.348 1.52-2.044 2.25-3.345 1.438l-.312-.195c-3.184-1.988-6.781 1.836-4.74 5.031.833 1.306.133 3.064-1.355 3.397-3.65.815-3.65 6.145 0 6.96 1.488.333 2.188 2.091 1.355 3.397-2.041 3.195 1.556 7.019 4.74 5.031l.312-.195c1.301-.812 2.998-.081 3.345 1.438.867 3.799 6.155 3.799 7.022 0 .348-1.52 2.044-2.25 3.345-1.438l.312.195c3.184 1.988 6.781-1.836 4.74-5.031-.833-1.306-.133-3.064 1.355-3.397 3.65-.815 3.65-6.145 0-6.96-1.488-.333-2.188-2.091-1.355-3.397 2.041-3.195-1.556-7.019-4.74-5.031l-.312.195c-1.301.812-2.998.081-3.345-1.438Z"/><path class="accent" fill-rule="evenodd" clip-rule="evenodd" d="M24 21a3 3 0 1 0 0 6 3 3 0 0 0 0-6Zm-5 3a5 5 0 1 1 10 0 5 5 0 0 1-10 0Z"/></svg>';
+const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="m32.204 13.831-.313.195c-2.46 1.537-5.662.153-6.317-2.713-.388-1.701-2.76-1.701-3.148 0-.655 2.866-3.856 4.25-6.317 2.713l-.313-.195c-1.348-.842-2.935.775-2.04 2.177 1.595 2.497.26 5.865-2.595 6.502-1.562.35-1.562 2.63 0 2.98 2.854.637 4.19 4.006 2.596 6.502-.896 1.402.69 3.019 2.04 2.177l.311-.195c2.462-1.537 5.663-.153 6.318 2.713.388 1.701 2.76 1.701 3.148 0 .655-2.866 3.856-4.25 6.317-2.713l.313.195c1.348.842 2.935-.775 2.04-2.177-1.595-2.497-.26-5.865 2.595-6.502 1.562-.35 1.562-2.63 0-2.98-2.854-.637-4.19-4.006-2.596-6.502.896-1.402-.69-3.019-2.04-2.177ZM27.51 10.85c-.867-3.799-6.155-3.799-7.022 0-.348 1.52-2.044 2.25-3.345 1.438l-.312-.195c-3.184-1.988-6.781 1.836-4.74 5.031.833 1.306.133 3.064-1.355 3.397-3.65.815-3.65 6.145 0 6.96 1.488.333 2.188 2.091 1.355 3.397-2.041 3.195 1.556 7.019 4.74 5.031l.312-.195c1.301-.812 2.998-.081 3.345 1.438.867 3.799 6.155 3.799 7.022 0 .348-1.52 2.044-2.25 3.345-1.438l.312.195c3.184 1.988 6.781-1.836 4.74-5.031-.833-1.306-.133-3.064 1.355-3.397 3.65-.815 3.65-6.145 0-6.96-1.488-.333-2.188-2.091-1.355-3.397 2.041-3.195-1.556-7.019-4.74-5.031l-.312.195c-1.301.812-2.998.081-3.345-1.438Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M24 21a3 3 0 1 0 0 6 3 3 0 0 0 0-6Zm-5 3a5 5 0 1 1 10 0 5 5 0 0 1-10 0Z" class="accent"/></svg>';
 defineCustomElement('sinch-icon-branded-settings', createIconClass(templateHTML));

package/icons-branded/shopping-cart/index.d.ts

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

package/icons-branded/shopping-cart/index.js

@@ -0,0 +1,4 @@
+import { defineCustomElement } from '../../utils';
+import { createIconClass } from '../create-icon-class';
+const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M20 39a4 4 0 1 0 0-8 4 4 0 0 0 0 8Zm0-2a2 2 0 1 0 0-4 2 2 0 0 0 0 4Zm14 2a4 4 0 1 0 0-8 4 4 0 0 0 0 8Zm0-2a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z" class="accent"/><path fill-rule="evenodd" clip-rule="evenodd" d="M8 11a1 1 0 0 1 1-1h5a1 1 0 0 1 .967.744l4.106 15.512a1 1 0 0 0 .966.744H33.6a1 1 0 0 0 .94-.658L37.572 18h-18.56l-.547-2H39a1 1 0 0 1 .94 1.342l-3.521 9.683A3 3 0 0 1 33.599 29H20.04a3 3 0 0 1-2.9-2.232L13.23 12H9a1 1 0 0 1-1-1Z"/></svg>';
+defineCustomElement('sinch-icon-branded-shopping-cart', createIconClass(templateHTML));

package/icons-branded/support/index.d.ts

@@ -0,0 +1,11 @@
+import type { TSinchIconBrandedElement, TSinchIconBrandedReact } from '../types';
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'sinch-icon-branded-support': TSinchIconBrandedReact;
+        }
+    }
+    interface HTMLElementTagNameMap {
+        'sinch-icon-branded-support': TSinchIconBrandedElement;
+    }
+}

package/icons-branded/support/index.js

@@ -0,0 +1,4 @@
+import { defineCustomElement } from '../../utils';
+import { createIconClass } from '../create-icon-class';
+const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true"><path d="M15.293 28.759c.187.154.442.241.707.241.265 0 .52-.087.707-.241a.758.758 0 0 0 .293-.583v-6.352a.758.758 0 0 0-.293-.583A1.118 1.118 0 0 0 16 21c-.265 0-.52.087-.707.241a.758.758 0 0 0-.293.583v6.352c0 .219.105.428.293.583Zm17 0c.187.154.442.241.707.241.265 0 .52-.087.707-.241a.758.758 0 0 0 .293-.583v-6.352a.758.758 0 0 0-.293-.583A1.118 1.118 0 0 0 33 21c-.265 0-.52.087-.707.241a.758.758 0 0 0-.293.583v6.352c0 .219.105.428.293.583Z" class="accent"/><path fill-rule="evenodd" clip-rule="evenodd" d="M21 39a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v2a2 2 0 0 1-2 2h-3a2 2 0 0 1-2-2v-2Zm2 0h3v2h-3v-2Z" class="accent"/><path d="M17.073 13.06A10.53 10.53 0 0 1 24.5 10a10.53 10.53 0 0 1 7.427 3.06A10.41 10.41 0 0 1 35 20.44v7.627c0 1.422-.095 2.322-.304 3.144-.212.837-.551 1.638-1.108 2.88-.635 1.414-2.061 2.66-3.457 3.587a18.861 18.861 0 0 1-2.134 1.22A2 2 0 0 1 28 39v2c.14-.029.24-.05.394-.08L28 41l.395-.081.006-.003.014-.006.049-.022.176-.08a20.858 20.858 0 0 0 2.598-1.464c1.477-.983 3.301-2.488 4.174-4.435.551-1.228.962-2.178 1.223-3.206.264-1.044.365-2.125.365-3.636V20.44a12.41 12.41 0 0 0-3.663-8.798A12.53 12.53 0 0 0 24.5 8a12.53 12.53 0 0 0-8.837 3.642A12.41 12.41 0 0 0 12 20.44v7.627a1 1 0 1 0 2 0V20.44a10.41 10.41 0 0 1 3.073-7.38Z"/></svg>';
+defineCustomElement('sinch-icon-branded-support', createIconClass(templateHTML));

package/icons-branded/system-settings/index.d.ts

@@ -0,0 +1,11 @@
+import type { TSinchIconBrandedElement, TSinchIconBrandedReact } from '../types';
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'sinch-icon-branded-system-settings': TSinchIconBrandedReact;
+        }
+    }
+    interface HTMLElementTagNameMap {
+        'sinch-icon-branded-system-settings': TSinchIconBrandedElement;
+    }
+}

package/icons-branded/system-settings/index.js

@@ -0,0 +1,4 @@
+import { defineCustomElement } from '../../utils';
+import { createIconClass } from '../create-icon-class';
+const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true"><path d="M35.998 16.484c0 .887-.716 1.606-1.6 1.606-.883 0-1.6-.719-1.6-1.606 0-.887.717-1.606 1.6-1.606.884 0 1.6.719 1.6 1.606Z" class="accent"/><path fill-rule="evenodd" clip-rule="evenodd" d="M44.48 14.636c.286.334.468.746.52 1.184l-.032.75v.653a2.211 2.211 0 0 1-1.621 1.917l-1.557.407v.085l.853 1.414a2.149 2.149 0 0 1-.235 2.506l-.896.91a2.213 2.213 0 0 1-2.57.257l-1.365-.857h-.064l-.288 1.478A2.225 2.225 0 0 1 35.348 27h-1.45a2.203 2.203 0 0 1-1.91-1.628l-.405-1.563h-.085l-1.408.857a2.126 2.126 0 0 1-2.528-.258l-.938-.963a2.55 2.55 0 0 1-.352-.654 2.225 2.225 0 0 1 0-1.563l.053-.107.853-1.414v-.085l-1.546-.407A2.221 2.221 0 0 1 24 17.34v-1.403a2.221 2.221 0 0 1 1.621-1.917l1.557-.407v-.086l-.853-1.413a2.148 2.148 0 0 1 .235-2.506l.896-.9a2.13 2.13 0 0 1 2.58-.32l1.291.802h.085l.395-1.553A2.225 2.225 0 0 1 33.684 6h1.45a2.14 2.14 0 0 1 1.952 1.724l.395 1.51h.085l1.408-.857a2.126 2.126 0 0 1 2.517.257l.864.814a2.145 2.145 0 0 1 .33 2.592l-.853 1.424v.086l1.557.396c.424.116.804.356 1.09.69Zm-3.97-3.731-.619-.621-1.482 1.006a1.659 1.659 0 0 1-1.6.064l-.512-.203a1.631 1.631 0 0 1-.97-1.167l-.438-1.778h-.874l-.438 1.81a1.652 1.652 0 0 1-1.066 1.135l-.555.225a1.678 1.678 0 0 1-1.46-.097l-1.537-.931-.618.62.917 1.714a1.665 1.665 0 0 1 0 1.585l-.203.504a1.596 1.596 0 0 1-1.162.974l-1.717.428v.879l1.802.45a1.64 1.64 0 0 1 1.141 1.07l.203.6c.088.195.132.407.128.621a2.757 2.757 0 0 1-.117.643l-.064.117c-.34.484-.65.988-.928 1.51l.618.579 1.675-1.018c.24-.083.492-.13.746-.139.245.002.486.06.704.171l.544.215a1.62 1.62 0 0 1 .97 1.177l.449 1.778h.874l.438-1.81a1.672 1.672 0 0 1 1.066-1.145l.555-.225a1.721 1.721 0 0 1 1.46.096l1.59.942.619-.62-.96-1.618a1.653 1.653 0 0 1-.064-1.606l.192-.514a1.627 1.627 0 0 1 1.173-.975l1.653-.503v-.867l-1.803-.44a1.662 1.662 0 0 1-1.14-1.07l-.225-.546a1.74 1.74 0 0 1 .107-1.478l.928-1.542Z" class="accent"/><path d="M26.86 13H12a3 3 0 0 0-3 3v16a3 3 0 0 0 3 3h24a3 3 0 0 0 3-3v-2a1 1 0 1 0-2 0v2a1 1 0 0 1-1 1H12a1 1 0 0 1-1-1V16a1 1 0 0 1 1-1h12.316a2.208 2.208 0 0 1 1.305-.98l1.557-.406v-.086L26.86 13ZM7 37a1 1 0 1 0 0 2h35a1 1 0 1 0 0-2H7Z"/></svg>';
+defineCustomElement('sinch-icon-branded-system-settings', createIconClass(templateHTML));

package/icons-branded/telemast/index.d.ts

@@ -0,0 +1,11 @@
+import type { TSinchIconBrandedElement, TSinchIconBrandedReact } from '../types';
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'sinch-icon-branded-telemast': TSinchIconBrandedReact;
+        }
+    }
+    interface HTMLElementTagNameMap {
+        'sinch-icon-branded-telemast': TSinchIconBrandedElement;
+    }
+}

package/icons-branded/telemast/index.js

@@ -0,0 +1,4 @@
+import { defineCustomElement } from '../../utils';
+import { createIconClass } from '../create-icon-class';
+const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M23.5 19a1 1 0 0 1 .95.69l7.5 23a1 1 0 0 1-1.9.62l-2.564-7.86-9.68 5.24-.855 2.62a1 1 0 0 1-1.902-.62l7.5-23A1 1 0 0 1 23.5 19Zm-4.794 18.928 6.574-3.558-5.027-1.185-1.547 4.743Zm3.72-6.286 4.137.976-.875-2.683-3.262 1.707Zm2.633-3.636-1.559-4.78-2.2 6.749 3.759-1.969Z"/><path d="M35.556 23.575a13.5 13.5 0 1 0-18.21 5.94l.589-1.843a11.595 11.595 0 1 1 11.24-.06l.594 1.844a13.5 13.5 0 0 0 5.787-5.881Z" class="accent"/><path d="M28.552 25.68a9.5 9.5 0 1 0-10 .064l.628-1.966a7.511 7.511 0 1 1 8.737-.069l.635 1.97Z" class="accent"/><path d="M27.221 21.55a5.5 5.5 0 1 0-7.354.08l.494-1.547.191-.706a3.496 3.496 0 0 1 .916-4.72 3.494 3.494 0 0 1 5.032 4.635l.039.142.682 2.116Z" class="accent"/></svg>';
+defineCustomElement('sinch-icon-branded-telemast', createIconClass(templateHTML));

package/icons-branded/thumbs-down/index.d.ts

@@ -0,0 +1,11 @@
+import type { TSinchIconBrandedElement, TSinchIconBrandedReact } from '../types';
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'sinch-icon-branded-thumbs-down': TSinchIconBrandedReact;
+        }
+    }
+    interface HTMLElementTagNameMap {
+        'sinch-icon-branded-thumbs-down': TSinchIconBrandedElement;
+    }
+}

package/icons-branded/thumbs-down/index.js

@@ -0,0 +1,4 @@
+import { defineCustomElement } from '../../utils';
+import { createIconClass } from '../create-icon-class';
+const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true"><path d="M34.015 11.024h3c1.7 0 3 1.114 3 2.571v6.857c0 1.457-1.3 2.572-3 2.572h-3v-12Zm3 10.285c.6 0 1-.343 1-.857v-6.857c0-.514-.4-.857-1-.857h-1v8.571h1Z" class="accent"/><path fill-rule="evenodd" clip-rule="evenodd" d="M18.7 9c1.856 0 3.702.278 5.477.824A26.601 26.601 0 0 0 32 11v12l-3.049 1.22A11.058 11.058 0 0 0 22 34.487V36a3 3 0 1 1-6 0v-7h-5.5a3.5 3.5 0 0 1-2.45-6A3.49 3.49 0 0 1 7 20.5c0-.905.343-1.73.907-2.35a2.997 2.997 0 0 1 .478-4.678A3 3 0 0 1 11 9l7.7-.001ZM18 27v9a1 1 0 1 0 2 0v-1.513c0-5.34 3.25-10.141 8.208-12.124L30 21.646V12.93a28.601 28.601 0 0 1-6.411-1.195 16.626 16.626 0 0 0-4.89-.735H11a1 1 0 1 0 0 2 1 1 0 1 1 0 2h-1a1 1 0 1 0 0 2h1a1 1 0 1 1 0 2h-.5a1.5 1.5 0 0 0 0 3h.5a1 1 0 1 1 0 2h-.5a1.5 1.5 0 0 0 0 3H18Z"/></svg>';
+defineCustomElement('sinch-icon-branded-thumbs-down', createIconClass(templateHTML));

package/icons-branded/thumbs-up/index.d.ts

@@ -0,0 +1,11 @@
+import type { TSinchIconBrandedElement, TSinchIconBrandedReact } from '../types';
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'sinch-icon-branded-thumbs-up': TSinchIconBrandedReact;
+        }
+    }
+    interface HTMLElementTagNameMap {
+        'sinch-icon-branded-thumbs-up': TSinchIconBrandedElement;
+    }
+}

package/icons-branded/thumbs-up/index.js

@@ -0,0 +1,4 @@
+import { defineCustomElement } from '../../utils';
+import { createIconClass } from '../create-icon-class';
+const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true"><path d="M14 37.001h-3c-1.7 0-3-1.114-3-2.571v-6.857C8 26.115 9.3 25 11 25h3v12Zm-3-10.286c-.6 0-1 .343-1 .858v6.857c0 .514.4.857 1 .857h1v-8.572h-1Z" class="accent"/><path fill-rule="evenodd" clip-rule="evenodd" d="M29.3 39c-1.856 0-3.702-.278-5.477-.824A26.603 26.603 0 0 0 16 37V25l3.049-1.22A11.058 11.058 0 0 0 26 13.513V12a3 3 0 1 1 6 0v7h5.5a3.5 3.5 0 0 1 2.45 6A3.49 3.49 0 0 1 41 27.5a3.48 3.48 0 0 1-.907 2.35c.56.546.907 1.307.907 2.15a2.997 2.997 0 0 1-1.385 2.529A3 3 0 0 1 37 39h-7.7Zm.7-18v-9a1 1 0 1 0-2 0v1.513c0 5.34-3.25 10.141-8.208 12.124L18 26.354v8.716a28.57 28.57 0 0 1 6.411 1.195 16.64 16.64 0 0 0 4.89.735H37a1 1 0 1 0 0-2 1 1 0 1 1 0-2h1a1 1 0 1 0 0-2h-1a1 1 0 1 1 0-2h.5a1.5 1.5 0 0 0 0-3H37a1 1 0 1 1 0-2h.5a1.5 1.5 0 0 0 0-3H30Z"/></svg>';
+defineCustomElement('sinch-icon-branded-thumbs-up', createIconClass(templateHTML));

package/icons-branded/tutorial/index.d.ts

@@ -0,0 +1,11 @@
+import type { TSinchIconBrandedElement, TSinchIconBrandedReact } from '../types';
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'sinch-icon-branded-tutorial': TSinchIconBrandedReact;
+        }
+    }
+    interface HTMLElementTagNameMap {
+        'sinch-icon-branded-tutorial': TSinchIconBrandedElement;
+    }
+}

package/icons-branded/tutorial/index.js

@@ -0,0 +1,4 @@
+import { defineCustomElement } from '../../utils';
+import { createIconClass } from '../create-icon-class';
+const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M9 6a1 1 0 0 1 1 1v31a1 1 0 1 1-2 0V7a1 1 0 0 1 1-1Zm3.068 1a1 1 0 0 1 1-1H39a1 1 0 0 1 1 1v31a1 1 0 0 1-1 1H13.068a1 1 0 0 1-1-1V7Zm2 1v29H38V8H14.068Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M25.553 16.106a1 1 0 0 1 .894 0l8 4a1 1 0 0 1 0 1.788L31 23.619V28.5a1 1 0 0 1-.445.832C28.98 30.382 27.534 31 26 31c-1.534 0-2.98-.619-4.555-1.668A1 1 0 0 1 21 28.5v-4.882l-2-1V25.5a1 1 0 1 1-2 0V21a1 1 0 0 1 .553-.894l8-4ZM20.236 21 26 23.882 31.764 21 26 18.118 20.236 21ZM23 24.618v3.336c1.205.742 2.137 1.046 3 1.046s1.795-.304 3-1.046v-3.336l-2.553 1.277a1 1 0 0 1-.894 0L23 24.617Z" class="accent"/></svg>';
+defineCustomElement('sinch-icon-branded-tutorial', createIconClass(templateHTML));

package/icons-branded/verification-api/index.d.ts

@@ -0,0 +1,11 @@
+import type { TSinchIconBrandedElement, TSinchIconBrandedReact } from '../types';
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'sinch-icon-branded-verification-api': TSinchIconBrandedReact;
+        }
+    }
+    interface HTMLElementTagNameMap {
+        'sinch-icon-branded-verification-api': TSinchIconBrandedElement;
+    }
+}

package/icons-branded/verification-api/index.js

@@ -0,0 +1,4 @@
+import { defineCustomElement } from '../../utils';
+import { createIconClass } from '../create-icon-class';
+const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true"><path d="M27.5 13.029V13H11.907C10.25 13 9 14.343 9 16v16c0 1.657 1.25 3 2.907 3h24C37.564 35 39 33.657 39 32v-5.44l-2 .54V32c0 .552-.541 1-1.093 1h-24c-.553 0-.907-.448-.907-1V16c0-.552.354-1 .907-1H27.06a8.957 8.957 0 0 1 .44-1.971ZM5.907 38a1 1 0 0 1 1-1h35a1 1 0 1 1 0 2h-35a1 1 0 0 1-1-1Z"/><path d="M40.568 13.8a1 1 0 0 0-1.505-1.318l-4.164 4.756-2.126-2.205a1 1 0 1 0-1.44 1.388l2.882 2.988a1 1 0 0 0 1.472-.035l4.88-5.575Z" class="accent"/><path fill-rule="evenodd" clip-rule="evenodd" d="M27 16c0-4.979 4.021-9 9-9 4.883 0 8.904 3.925 9 9 0 4.979-4.021 9-9 9a8.99 8.99 0 0 1-9-9Zm1.915-.096A7.07 7.07 0 0 0 36 22.99c3.83-.095 6.99-3.16 7.085-7.085C43.085 11.98 39.925 9 36 9s-7.085 2.979-7.085 6.904Z" class="accent"/></svg>';
+defineCustomElement('sinch-icon-branded-verification-api', createIconClass(templateHTML));

package/icons-branded/video-calling/index.d.ts

@@ -0,0 +1,11 @@
+import type { TSinchIconBrandedElement, TSinchIconBrandedReact } from '../types';
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'sinch-icon-branded-video-calling': TSinchIconBrandedReact;
+        }
+    }
+    interface HTMLElementTagNameMap {
+        'sinch-icon-branded-video-calling': TSinchIconBrandedElement;
+    }
+}

package/icons-branded/video-calling/index.js

@@ -0,0 +1,4 @@
+import { defineCustomElement } from '../../utils';
+import { createIconClass } from '../create-icon-class';
+const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 22a1 1 0 0 0-1 1v14a1 1 0 0 0 1 1h15a1 1 0 0 0 1-1V23a1 1 0 0 0-1-1H12Zm-3 1a3 3 0 0 1 3-3h15a3 3 0 0 1 3 3v5.455l7.386-6.244A1 1 0 0 1 39 23v14a1 1 0 0 1-1.586.81L30 32.457V37a3 3 0 0 1-3 3H12a3 3 0 0 1-3-3V23Zm21.667 7.47L37 35.044v-10l-6.333 5.426Z"/><path d="M15.5 28a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Zm19.24-6.157a9.008 9.008 0 0 0-7.742-6.788c-.549-.06-.998.393-.998.945 0 .552.45.992.997 1.07a7.003 7.003 0 0 1 5.971 6.26l1.772-1.487Z" class="accent"/><path d="M38.036 19.077c-1.82-4.446-6.033-7.659-11.037-8.04-.55-.041-.999.41-.999.963 0 .552.449.995.999 1.045 4.39.395 8.036 3.37 9.412 7.396l1.625-1.364Z" class="accent"/></svg>';
+defineCustomElement('sinch-icon-branded-video-calling', createIconClass(templateHTML));

package/icons-branded/video-off/index.d.ts

@@ -0,0 +1,11 @@
+import type { TSinchIconBrandedElement, TSinchIconBrandedReact } from '../types';
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'sinch-icon-branded-video-off': TSinchIconBrandedReact;
+        }
+    }
+    interface HTMLElementTagNameMap {
+        'sinch-icon-branded-video-off': TSinchIconBrandedElement;
+    }
+}

package/icons-branded/video-off/index.js

@@ -0,0 +1,4 @@
+import { defineCustomElement } from '../../utils';
+import { createIconClass } from '../create-icon-class';
+const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true"><path d="M9.013 16.72A3.039 3.039 0 0 0 9 17v14a3 3 0 0 0 3 3h14.09l-1.977-2H12a1 1 0 0 1-1-1V18.73l-1.987-2.01Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M28 30.248V17a1 1 0 0 0-1-1H13.92l-1.976-2H27a3 3 0 0 1 3 3v5.455l7.386-6.244A1 1 0 0 1 39 17v14a1 1 0 0 1-1.586.81L30 26.457V31a3 3 0 0 1-.197 1.072L28 30.248Zm9-1.204-6.333-4.574L37 19v10.044Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M2.303 8.625a.933.933 0 0 1 1.403-.058l31.343 31.564c.405.408.433 1.094.063 1.534a.933.933 0 0 1-1.402.057L2.367 10.158a1.158 1.158 0 0 1-.064-1.533Z" class="accent"/></svg>';
+defineCustomElement('sinch-icon-branded-video-off', createIconClass(templateHTML));

package/icons-branded/video-on/index.d.ts

@@ -0,0 +1,11 @@
+import type { TSinchIconBrandedElement, TSinchIconBrandedReact } from '../types';
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'sinch-icon-branded-video-on': TSinchIconBrandedReact;
+        }
+    }
+    interface HTMLElementTagNameMap {
+        'sinch-icon-branded-video-on': TSinchIconBrandedElement;
+    }
+}

package/icons-branded/video-on/index.js

@@ -0,0 +1,4 @@
+import { defineCustomElement } from '../../utils';
+import { createIconClass } from '../create-icon-class';
+const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true"><path d="M15.5 22a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z" class="accent"/><path fill-rule="evenodd" clip-rule="evenodd" d="M12 16a1 1 0 0 0-1 1v14a1 1 0 0 0 1 1h15a1 1 0 0 0 1-1V17a1 1 0 0 0-1-1H12Zm-3 1a3 3 0 0 1 3-3h15a3 3 0 0 1 3 3v5.455l7.386-6.244A1 1 0 0 1 39 17v14a1 1 0 0 1-1.586.81L30 26.457V31a3 3 0 0 1-3 3H12a3 3 0 0 1-3-3V17Zm21.667 7.47L37 29.044v-10l-6.333 5.426Z"/></svg>';
+defineCustomElement('sinch-icon-branded-video-on', createIconClass(templateHTML));

package/icons-branded/voice-calling/index.d.ts

@@ -0,0 +1,11 @@
+import type { TSinchIconBrandedElement, TSinchIconBrandedReact } from '../types';
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'sinch-icon-branded-voice-calling': TSinchIconBrandedReact;
+        }
+    }
+    interface HTMLElementTagNameMap {
+        'sinch-icon-branded-voice-calling': TSinchIconBrandedElement;
+    }
+}

package/icons-branded/voice-calling/index.js

@@ -0,0 +1,4 @@
+import { defineCustomElement } from '../../utils';
+import { createIconClass } from '../create-icon-class';
+const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.465 13.565C20.402 12.563 21.674 12 23 12s2.598.563 3.535 1.565c.938 1.002 1.465 2.36 1.465 3.778v11.314c0 1.417-.527 2.776-1.465 3.778C25.598 33.437 24.326 34 23 34s-2.598-.563-3.535-1.565C18.527 31.433 18 30.075 18 28.657V17.343c0-1.417.527-2.776 1.465-3.778ZM23 14c-.78 0-1.721.41-2.273 1-.551.59-.727 1.166-.727 2v11.314c0 .834.176 2.097.727 2.686.552.59 1.493 1 2.273 1s1.721-.41 2.273-1c.551-.59.727-1.51.727-2.343V17.343c0-.834-.176-1.754-.727-2.343-.552-.59-1.493-1-2.273-1Z"/><path d="M14 24c.552 0 1 .41 1 1v2.748c0 2.268.785 4.649 2.286 6.252 1.499 1.602 3.594 1.998 5.714 2 2.12-.002 4.215-.398 5.714-2 1.5-1.603 2.286-3.984 2.286-6.252V25c0-.59.448-1 1-1s1 .479 1 1.069v2.748c0 2.834-1.054 5.552-2.929 7.557-1.638 1.75-3.786 2.38-6.071 2.626v3.5c0 .052.007.45 0 .5h4c.552 0 1 .341 1 .931 0 .59-.448 1.069-1 1.069H18c-.552 0-1-.478-1-1.069 0-.59.448-.931 1-.931h4c-.007-.05 0-.494 0-.546V38c-2.285-.245-4.433-.876-6.071-2.626C14.054 33.369 13 30.65 13 27.817v-2.748c0-.59.448-1.069 1-1.069Z"/><path d="M36 16c.552 0 1.004-.45.962-1C36.477 8.618 31.382 3.523 25 3.038c-.55-.042-1 .41-1 .962s.45.995 1 1.045A11.003 11.003 0 0 1 34.954 15c.05.55.493.999 1.045.999Z" class="accent"/><path d="M32 16c.552 0 1.006-.45.945-.998a9.004 9.004 0 0 0-7.947-7.947C24.45 6.995 24 7.448 24 8c0 .552.45.992.997 1.07a7.004 7.004 0 0 1 5.933 5.933c.078.547.518.997 1.07.997Z" class="accent"/></svg>';
+defineCustomElement('sinch-icon-branded-voice-calling', createIconClass(templateHTML));

package/icons-branded/voice-video-and-data/index.d.ts

@@ -0,0 +1,11 @@
+import type { TSinchIconBrandedElement, TSinchIconBrandedReact } from '../types';
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'sinch-icon-branded-voice-video-and-data': TSinchIconBrandedReact;
+        }
+    }
+    interface HTMLElementTagNameMap {
+        'sinch-icon-branded-voice-video-and-data': TSinchIconBrandedElement;
+    }
+}

package/icons-branded/voice-video-and-data/index.js

@@ -0,0 +1,4 @@
+import { defineCustomElement } from '../../utils';
+import { createIconClass } from '../create-icon-class';
+const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true"><path d="M40 22h-1V11a3 3 0 0 0-3-3H17a3 3 0 0 0-3 3v4H8a3 3 0 0 0-3 3v12a3 3 0 0 0 3 3h2v5.73l8-4.62L19.93 33H27a3 3 0 0 0 3-3v-3h6a3 3 0 0 0 3-3h1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1h-4v4.27L28.61 38H21a1 1 0 0 1-1-1v-1.73l-2 1.15V37a3 3 0 0 0 3 3h7.07L38 45.73V40h2a3 3 0 0 0 3-3V25a3 3 0 0 0-3-3Zm-12 0v8a1 1 0 0 1-1 1h-7.61l-1.39.8-6 3.47V31H8a1 1 0 0 1-1-1V18a1 1 0 0 1 1-1h19a1 1 0 0 1 1 1v4Zm9 0v2a1 1 0 0 1-1 1h-6v-7a3 3 0 0 0-3-3H16v-4a1 1 0 0 1 1-1h19a1 1 0 0 1 1 1v11Z"/><path d="M27.189 32.994A3 3 0 0 0 30 30v-.427c.018-.185.027-.376.027-.573l4.52 2.293c.603.308.603 1.104 0 1.413l-6.235 3.19c-.588.301-1.285-.279-1.285-.896v-2h.005c.052 0 .104-.002.157-.006ZM19 20a1 1 0 1 0-2 0v8a1 1 0 1 0 2 0v-8Zm-4 2a1 1 0 1 0-2 0v4a1 1 0 1 0 2 0v-4Zm8 1a1 1 0 1 0-2 0v2a1 1 0 1 0 2 0v-2Z" class="accent"/></svg>';
+defineCustomElement('sinch-icon-branded-voice-video-and-data', createIconClass(templateHTML));

package/icons-branded/webhook/index.d.ts

@@ -0,0 +1,11 @@
+import type { TSinchIconBrandedElement, TSinchIconBrandedReact } from '../types';
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'sinch-icon-branded-webhook': TSinchIconBrandedReact;
+        }
+    }
+    interface HTMLElementTagNameMap {
+        'sinch-icon-branded-webhook': TSinchIconBrandedElement;
+    }
+}

package/icons-branded/webhook/index.js

@@ -0,0 +1,4 @@
+import { defineCustomElement } from '../../utils';
+import { createIconClass } from '../create-icon-class';
+const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true"><path d="M24.984 26.437c-.798.744-1.418 1.411-1.967 2.153a1 1 0 0 1-.033-.254V6.414l-4.657 4.657a1 1 0 0 1-1.414-1.414l6.364-6.364a1 1 0 0 1 1.414 0l6.364 6.364a1 1 0 0 1-1.414 1.414l-4.657-4.657v20.023Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M17.584 27.93a4.496 4.496 0 1 0-1.248 1.612c1.312.651 4.612 2.392 6.134 6.112.158-.08.321-.151.49-.213a9 9 0 0 1 .472-2.296c-1.811-2.95-4.5-4.523-5.848-5.215Zm-1.592-1.884a2.496 2.496 0 1 1-4.992.022 2.496 2.496 0 0 1 4.992-.023Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M39.423 26.492a4.496 4.496 0 0 1-8.752 1.473 12.348 12.348 0 0 0-3.54 2.788c-1.132 1.301-1.929 2.82-2.138 4.446a4.497 4.497 0 1 1-2.033.242c.162-2.308 1.237-4.363 2.661-6a14.262 14.262 0 0 1 4.86-3.604 4.497 4.497 0 0 1 8.942.655Zm-4.485 2.516a2.496 2.496 0 1 0-.022-4.992 2.496 2.496 0 0 0 .022 4.992Zm-10.43 13.156a2.496 2.496 0 1 0-.023-4.992 2.496 2.496 0 0 0 .022 4.992Z" class="accent"/></svg>';
+defineCustomElement('sinch-icon-branded-webhook', createIconClass(templateHTML));

package/icons-branded/wheels/index.d.ts

@@ -0,0 +1,11 @@
+import type { TSinchIconBrandedElement, TSinchIconBrandedReact } from '../types';
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'sinch-icon-branded-wheels': TSinchIconBrandedReact;
+        }
+    }
+    interface HTMLElementTagNameMap {
+        'sinch-icon-branded-wheels': TSinchIconBrandedElement;
+    }
+}

package/icons-branded/wheels/index.js

@@ -0,0 +1,4 @@
+import { defineCustomElement } from '../../utils';
+import { createIconClass } from '../create-icon-class';
+const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M40.078 12.252c.78-2.572-2.36-4.507-4.307-2.655a.617.617 0 0 1-.933-.097c-1.525-2.213-4.995-.965-4.761 1.712a.617.617 0 0 1-.658.668c-2.68-.187-3.869 3.304-1.63 4.79.316.21.37.652.113.932-1.818 1.979.17 5.084 2.729 4.26.36-.115.74.118.798.493.413 2.655 4.082 3.037 5.033.523a.617.617 0 0 1 .882-.317c2.334 1.332 4.92-1.298 3.547-3.608a.617.617 0 0 1 .302-.888c2.497-.994 2.053-4.655-.61-5.023a.617.617 0 0 1-.505-.79Zm-2.929-1.206c.459-.436 1.199.02 1.015.626a2.617 2.617 0 0 0 2.146 3.35c.627.088.732.95.144 1.185a2.617 2.617 0 0 0-1.282 3.767c.323.544-.286 1.164-.836.85a2.617 2.617 0 0 0-3.745 1.346c-.224.593-1.089.503-1.186-.123a2.617 2.617 0 0 0-3.387-2.088c-.603.194-1.072-.538-.643-1.004a2.617 2.617 0 0 0-.48-3.95c-.527-.35-.247-1.174.384-1.13a2.617 2.617 0 0 0 2.79-2.837c-.055-.631.763-.925 1.122-.404a2.617 2.617 0 0 0 3.958.412ZM14.372 18.12c.643-2.827 4.613-2.827 5.256 0 .259 1.137 1.54 1.681 2.518 1.068l.147-.092c2.4-1.505 5.14 1.343 3.61 3.748-.622.98-.093 2.29 1.029 2.542 2.757.619 2.757 4.61 0 5.228-1.122.251-1.651 1.562-1.028 2.542 1.53 2.405-1.211 5.253-3.611 3.748l-.147-.092c-.977-.613-2.26-.069-2.518 1.067-.643 2.828-4.613 2.828-5.256 0-.259-1.136-1.54-1.68-2.518-1.067l-.147.092c-2.4 1.505-5.14-1.343-3.61-3.748.622-.98.093-2.29-1.029-2.542-2.757-.619-2.757-4.61 0-5.228 1.122-.251 1.651-1.562 1.028-2.542-1.53-2.405 1.211-5.253 3.611-3.748l.147.092c.977.613 2.26.069 2.518-1.067Zm8.76 2.689.147-.092c.22-.137.385-.147.508-.127a.812.812 0 0 1 .443.245.84.84 0 0 1 .233.458c.017.128.003.298-.136.518-1.331 2.093-.201 4.897 2.2 5.436.25.056.376.166.45.267a.829.829 0 0 1 .146.486c0 .198-.06.369-.146.486-.074.101-.2.211-.45.267-2.401.539-3.531 3.343-2.2 5.436.14.22.153.39.136.518a.84.84 0 0 1-.233.457.812.812 0 0 1-.443.246c-.123.02-.289.01-.508-.127l-.146-.092c-2.073-1.3-4.787-.145-5.334 2.26-.06.265-.176.402-.286.485a.86.86 0 0 1-.513.159.86.86 0 0 1-.513-.159c-.11-.083-.226-.22-.286-.485-.547-2.405-3.26-3.56-5.334-2.26l-.146.092c-.22.137-.385.147-.508.127a.812.812 0 0 1-.442-.245.84.84 0 0 1-.234-.458c-.017-.128-.003-.298.136-.518 1.331-2.093.201-4.897-2.2-5.436-.25-.056-.376-.166-.45-.267A.829.829 0 0 1 6.877 28c0-.198.06-.369.146-.486.074-.101.2-.211.45-.267 2.401-.539 3.531-3.343 2.2-5.436-.14-.22-.153-.39-.136-.518a.84.84 0 0 1 .233-.457.812.812 0 0 1 .443-.246c.123-.02.289-.01.508.127l.146.092c2.073 1.3 4.787.145 5.334-2.26.06-.265.176-.402.286-.485a.86.86 0 0 1 .513-.159.86.86 0 0 1 .513.159c.11.082.226.22.286.485.547 2.405 3.26 3.56 5.334 2.26Z"/><path d="M34.5 18a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z" class="accent"/><path fill-rule="evenodd" clip-rule="evenodd" d="M21 28a4 4 0 1 1-8 0 4 4 0 0 1 8 0Zm-2 0a2 2 0 1 1-4 0 2 2 0 0 1 4 0Z" class="accent"/></svg>';
+defineCustomElement('sinch-icon-branded-wheels', createIconClass(templateHTML));

package/icons-branded/wi-fi/index.d.ts

@@ -0,0 +1,11 @@
+import type { TSinchIconBrandedElement, TSinchIconBrandedReact } from '../types';
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'sinch-icon-branded-wi-fi': TSinchIconBrandedReact;
+        }
+    }
+    interface HTMLElementTagNameMap {
+        'sinch-icon-branded-wi-fi': TSinchIconBrandedElement;
+    }
+}

package/icons-branded/wi-fi/index.js

@@ -0,0 +1,4 @@
+import { defineCustomElement } from '../../utils';
+import { createIconClass } from '../create-icon-class';
+const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.348 20.588c-1.827.69-3.518 1.626-4.665 2.61a1.001 1.001 0 0 1-1.44-.134 1.077 1.077 0 0 1 .131-1.485c1.38-1.184 3.298-2.225 5.27-2.97 1.972-.745 4.09-1.229 5.89-1.229 4.378 0 8.423 1.897 11.104 4.2.434.372.493 1.036.132 1.484a1.001 1.001 0 0 1-1.44.135c-2.37-2.036-5.965-3.71-9.796-3.71-1.487 0-3.359.409-5.186 1.099Zm5.255 8.952a6.51 6.51 0 0 0-3.85 1.265 1.003 1.003 0 0 1-1.425-.249 1.075 1.075 0 0 1 .242-1.47 8.513 8.513 0 0 1 5.033-1.655c1.803 0 3.562.579 5.033 1.656.46.337.568.995.241 1.47a1.003 1.003 0 0 1-1.425.248 6.51 6.51 0 0 0-3.85-1.266Z" class="accent"/><path fill-rule="evenodd" clip-rule="evenodd" d="M24.823 24.606c-3.158 0-5.663.978-7.593 2.427a1.054 1.054 0 0 1-1.476-.21 1.056 1.056 0 0 1 .21-1.479c2.288-1.717 5.235-2.85 8.859-2.85 3.155 0 5.482 1.19 7.695 2.85.465.35.56 1.012.21 1.478a1.053 1.053 0 0 1-1.476.211c-2.004-1.505-3.894-2.427-6.43-2.427Zm-.331-10.495a20.022 20.022 0 0 0-13.248 5.011 1.053 1.053 0 0 1-1.488-.093 1.056 1.056 0 0 1 .093-1.49 22.13 22.13 0 0 1 29.286 0c.437.385.479 1.052.094 1.49a1.053 1.053 0 0 1-1.488.093 20.022 20.022 0 0 0-13.249-5.01Zm-1.054 18.941c0-.583.472-1.056 1.054-1.056h.014a1.055 1.055 0 0 1 0 2.111h-.014a1.055 1.055 0 0 1-1.054-1.055Z"/></svg>';
+defineCustomElement('sinch-icon-branded-wi-fi', createIconClass(templateHTML));

package/illustrations/create-illustration-class.js

@@ -1,5 +1,5 @@
 import { getIntegerAttribute, getLiteralAttribute, NectaryElement, updateAttribute, updateIntegerAttribute, updateLiteralAttribute } from '../utils';
-const illustrationStylesHtml = '<style>:host{display:block}svg{display:block;pointer-events:none}#wrapper{display:flex;width:100%;height:100%;align-items:center;justify-content:center;overflow:hidden}#wrapper>*{flex-shrink:0}:host([valign=top]) #wrapper{align-items:flex-start}:host([valign=bottom]) #wrapper{align-items:flex-end}:host([background=yellow]) #wrapper{background-color:var(--sinch-color-bg-comp-yellow)}:host([background=green]) #wrapper{background-color:var(--sinch-color-bg-comp-green)}:host([background=blue]) #wrapper{background-color:var(--sinch-color-bg-comp-blue)}:host([background=grey]) #wrapper{background-color:var(--sinch-color-bg-primary-contrast)}:host([background=white]) #wrapper{background-color:var(--sinch-color-bg-primary-light)}</style>';
+const illustrationStylesHtml = '<style>:host{display:block}svg{display:block;pointer-events:none}#wrapper{display:flex;width:100%;height:100%;align-items:center;justify-content:center;overflow:hidden}#wrapper>*{flex-shrink:0}:host([valign=top]) #wrapper{align-items:flex-start}:host([valign=bottom]) #wrapper{align-items:flex-end}:host([background=yellow]) #wrapper{background-color:var(--sinch-color-bg-secondary-yellow)}:host([background=green]) #wrapper{background-color:var(--sinch-color-bg-secondary-green)}:host([background=blue]) #wrapper{background-color:var(--sinch-color-bg-secondary-blue)}:host([background=grey]) #wrapper{background-color:var(--sinch-color-bg-primary-contrast)}:host([background=white]) #wrapper{background-color:var(--sinch-color-bg-primary-light)}</style>';
 import { backgroundValues, valignValues } from './utils';
 const DEFAULT_SIZE = 256;
 const MIN_SIZE = 16;

package/inline-alert/index.js

@@ -5,7 +5,7 @@ import '../icons/info';
 import '../title';
 import '../text';
 import { defineCustomElement, getAttribute, getLiteralAttribute, updateAttribute, updateLiteralAttribute, NectaryElement, setClass } from '../utils';
-const templateHTML = '<style>:host{display:block}#wrapper{display:flex;flex-direction:row;align-items:flex-start;padding:16px;border-radius:var(--sinch-shape-radius-l);box-sizing:border-box;width:100%}#body-wrapper{display:flex;flex-direction:column;align-items:flex-start;margin-left:8px;min-width:0;flex:1}#caption{color:var(--sinch-color-stormy-500);align-self:stretch}#text{color:var(--sinch-color-stormy-500);margin-top:4px;align-self:stretch}#text:empty{display:none}#icon-error,#icon-info,#icon-success,#icon-warn{display:none}:host([type=success]) #wrapper{background-color:var(--sinch-color-success-200)}:host([type=warn]) #wrapper{background-color:var(--sinch-color-warning-200)}:host([type=error]) #wrapper{background-color:var(--sinch-color-error-200)}:host([type=info]) #wrapper{background-color:var(--sinch-color-informative-200)}:host([type=success]) #icon-success{display:block;--sinch-color-icon:var(--sinch-color-success-500)}:host([type=warn]) #icon-warn{display:block;--sinch-color-icon:var(--sinch-color-warning-500)}:host([type=error]) #icon-error{display:block;--sinch-color-icon:var(--sinch-color-error-500)}:host([type=info]) #icon-info{display:block;--sinch-color-icon:var(--sinch-color-informative-500)}#action{display:flex;margin-top:16px;min-width:0}#action.empty{display:none}#close{margin-left:16px}#close.empty{display:none}</style><div id="wrapper"><sinch-icon-info id="icon-info"></sinch-icon-info><sinch-icon-check-circle id="icon-success"></sinch-icon-check-circle><sinch-icon-report-problem id="icon-warn"></sinch-icon-report-problem><sinch-icon-report id="icon-error"></sinch-icon-report><div id="body-wrapper"><sinch-title id="caption" level="3" type="s" ellipsis></sinch-title><sinch-text id="text" type="m"></sinch-text><div id="action"><slot name="action"></slot></div></div><div id="close"><slot name="close"></slot></div></div>';
+const templateHTML = '<style>:host{display:block}#wrapper{display:flex;flex-direction:row;align-items:flex-start;padding:16px;border-radius:var(--sinch-shape-radius-l);box-sizing:border-box;width:100%}#body-wrapper{display:flex;flex-direction:column;align-items:flex-start;margin-left:8px;min-width:0;flex:1}#caption{color:var(--sinch-color-stormy-500);align-self:stretch}#text{color:var(--sinch-color-stormy-500);margin-top:4px;align-self:stretch}#text:empty{display:none}#icon-error,#icon-info,#icon-success,#icon-warn{display:none}:host([type=success]) #wrapper{background-color:var(--sinch-color-feedback-success-bg)}:host([type=warn]) #wrapper{background-color:var(--sinch-color-feedback-warning-bg)}:host([type=error]) #wrapper{background-color:var(--sinch-color-feedback-invalid-bg)}:host([type=info]) #wrapper{background-color:var(--sinch-color-feedback-info-bg)}:host([type=success]) #icon-success{display:block;--sinch-color-icon:var(--sinch-color-feedback-success-icon)}:host([type=warn]) #icon-warn{display:block;--sinch-color-icon:var(--sinch-color-feedback-warning-icon)}:host([type=error]) #icon-error{display:block;--sinch-color-icon:var(--sinch-color-feedback-invalid-icon)}:host([type=info]) #icon-info{display:block;--sinch-color-icon:var(--sinch-color-feedback-info-icon)}#action{display:flex;margin-top:16px;min-width:0}#action.empty{display:none}#close{margin-left:16px}#close.empty{display:none}</style><div id="wrapper"><sinch-icon-info id="icon-info"></sinch-icon-info><sinch-icon-check-circle id="icon-success"></sinch-icon-check-circle><sinch-icon-report-problem id="icon-warn"></sinch-icon-report-problem><sinch-icon-report id="icon-error"></sinch-icon-report><div id="body-wrapper"><sinch-title id="caption" level="3" type="s" ellipsis></sinch-title><sinch-text id="text" type="m"></sinch-text><div id="action"><slot name="action"></slot></div></div><div id="close"><slot name="close"></slot></div></div>';
 import { assertType, typeValues } from './utils';
 const template = document.createElement('template');
 template.innerHTML = templateHTML;

package/logo/engage-icon/index.d.ts

@@ -0,0 +1,11 @@
+import type { TSinchLogoElement, TSinchLogoReact } from '../types';
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'sinch-logo-engage-icon': TSinchLogoReact;
+        }
+    }
+    interface HTMLElementTagNameMap {
+        'sinch-logo-engage-icon': TSinchLogoElement;
+    }
+}

package/logo/engage-icon/index.js

@@ -0,0 +1,4 @@
+import { defineCustomElement } from '../../utils';
+import { createLogoClass } from '../create-logo-class';
+const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true"><path d="M46.398 19.2a17.48 17.48 0 0 1-5.155 12.443A17.488 17.488 0 0 1 28.8 36.798H24l4.8-4.8c7.057 0 12.799-5.741 12.799-12.798S35.857 6.402 28.8 6.402c-7.057 0-12.799 5.741-12.799 12.798v.25a15.66 15.66 0 0 0-2.801-.25h-.798c-.402 0-.803.014-1.2.046V19.2a17.48 17.48 0 0 1 5.155-12.443A17.488 17.488 0 0 1 28.8 1.602c4.698 0 9.12 1.832 12.443 5.155A17.488 17.488 0 0 1 46.398 19.2Z"/><path d="M24.046 46.398H12.8c-6.176 0-11.202-5.026-11.202-11.201 0-6.176 5.026-11.202 11.202-11.202 6.174 0 11.2 5.026 11.2 11.202v1.601h-4.8v-1.601c0-3.53-2.87-6.402-6.401-6.402a6.408 6.408 0 0 0-6.402 6.402c0 3.53 2.87 6.401 6.402 6.401h6.447l4.8 4.8Z"/></svg>';
+defineCustomElement('sinch-logo-engage-icon', createLogoClass(templateHTML));

package/logo/engage-icon-wordmark/index.d.ts

@@ -0,0 +1,11 @@
+import type { TSinchLogoElement, TSinchLogoReact } from '../types';
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'sinch-logo-engage-icon-wordmark': TSinchLogoReact;
+        }
+    }
+    interface HTMLElementTagNameMap {
+        'sinch-logo-engage-icon-wordmark': TSinchLogoElement;
+    }
+}

package/logo/engage-icon-wordmark/index.js

@@ -0,0 +1,4 @@
+import { defineCustomElement } from '../../utils';
+import { createLogoClass } from '../create-logo-class';
+const templateHTML = '<svg viewBox="0 0 159 48" aria-hidden="true"><path d="M53.94 40.214V16.722h15.338v3.456H58.236v6.444h10.035v3.356H58.236v6.78h11.042v3.456H53.94Zm17.62 0V23.568h3.792l.336 2.819a5.862 5.862 0 0 1 2.231-2.35c.974-.582 2.119-.872 3.44-.872 2.06 0 3.658.65 4.8 1.947 1.14 1.296 1.711 3.2 1.711 5.705v9.397h-4.296V31.22c0-1.43-.29-2.53-.872-3.29-.583-.758-1.49-1.14-2.719-1.14-1.229 0-2.198.423-2.97 1.275-.772.852-1.158 2.035-1.158 3.557v8.592H71.56Zm25.774-4.967a8.905 8.905 0 0 1-2.248-.269l-1.242 1.242c.382.202.893.37 1.544.504.65.134 1.699.268 3.154.402 2.215.202 3.826.726 4.833 1.578 1.007.851 1.51 2.026 1.51 3.524 0 .985-.268 1.917-.805 2.802s-1.364 1.598-2.484 2.148c-1.12.55-2.55.822-4.295.822-2.37 0-4.284-.44-5.74-1.326-1.455-.885-2.18-2.21-2.18-3.977 0-1.497.725-2.798 2.18-3.893a7.352 7.352 0 0 1-1.157-.637 6.089 6.089 0 0 1-.856-.705v-.772l2.92-3.087c-1.296-1.142-1.947-2.606-1.947-4.397 0-1.12.273-2.135.823-3.054.55-.919 1.325-1.644 2.332-2.181 1.007-.537 2.228-.806 3.658-.806.94 0 1.813.134 2.618.403h6.309v2.618l-2.852.201c.449.852.671 1.791.671 2.82 0 1.12-.269 2.134-.806 3.053s-1.313 1.645-2.332 2.181c-1.02.537-2.22.806-3.608.806Zm-4.027 7.014c0 .827.386 1.447 1.158 1.863.772.415 1.715.62 2.836.62 1.12 0 1.946-.218 2.617-.654.672-.436 1.007-1.023 1.007-1.762a1.97 1.97 0 0 0-.654-1.51c-.437-.403-1.305-.65-2.601-.738a26.661 26.661 0 0 1-2.55-.302c-.651.356-1.113.75-1.394 1.174-.28.424-.42.86-.42 1.31Zm4.027-10.303c.873 0 1.594-.235 2.165-.705.57-.47.856-1.14.856-2.013s-.286-1.544-.856-2.014c-.57-.47-1.292-.705-2.165-.705-.919 0-1.657.235-2.215.705-.558.47-.839 1.141-.839 2.014 0 .872.281 1.543.84 2.013.557.47 1.295.705 2.214.705Zm16.109 8.659c-1.43 0-2.605-.231-3.524-.688-.918-.458-1.598-1.07-2.047-1.83a4.851 4.851 0 0 1-.671-2.516c0-1.544.604-2.798 1.812-3.76 1.208-.96 3.021-1.442 5.437-1.442h4.229v-.403c0-1.141-.323-1.98-.973-2.517-.651-.537-1.456-.805-2.417-.805-.872 0-1.632.205-2.282.62-.65.416-1.053 1.024-1.208 1.83h-4.195c.113-1.209.52-2.262 1.225-3.155.705-.894 1.615-1.582 2.735-2.064 1.12-.483 2.37-.722 3.759-.722 2.37 0 4.241.592 5.604 1.779 1.364 1.187 2.048 2.865 2.048 5.034v10.236h-3.659l-.402-2.685a6.205 6.205 0 0 1-2.064 2.215c-.885.583-2.018.873-3.407.873Zm.974-3.356c1.229 0 2.185-.403 2.869-1.209.684-.805 1.112-1.8 1.292-2.986h-3.658c-1.141 0-1.959.205-2.45.62-.491.416-.738.923-.738 1.527 0 .65.247 1.154.738 1.51.491.357 1.141.538 1.947.538Zm18.022-2.014a8.905 8.905 0 0 1-2.249-.269l-1.242 1.242c.382.202.894.37 1.544.504s1.699.268 3.155.402c2.215.202 3.826.726 4.833 1.578 1.006.851 1.51 2.026 1.51 3.524 0 .985-.269 1.917-.806 2.802s-1.363 1.598-2.483 2.148-2.551.822-4.296.822c-2.37 0-4.283-.44-5.739-1.326-1.456-.885-2.181-2.21-2.181-3.977 0-1.497.725-2.798 2.181-3.893a7.349 7.349 0 0 1-1.158-.637 6.052 6.052 0 0 1-.855-.705v-.772l2.919-3.087c-1.296-1.142-1.946-2.606-1.946-4.397 0-1.12.272-2.135.822-3.054.55-.919 1.326-1.644 2.333-2.181 1.006-.537 2.227-.806 3.658-.806.939 0 1.812.134 2.617.403h6.31v2.618l-2.853.201c.449.852.671 1.791.671 2.82 0 1.12-.268 2.134-.805 3.053s-1.313 1.645-2.333 2.181c-1.019.537-2.219.806-3.607.806Zm-4.028 7.014c0 .827.386 1.447 1.158 1.863.772.415 1.716.62 2.836.62 1.12 0 1.947-.218 2.618-.654.671-.436 1.007-1.023 1.007-1.762 0-.604-.219-1.107-.655-1.51-.436-.403-1.304-.65-2.601-.738a26.617 26.617 0 0 1-2.55-.302c-.651.356-1.112.75-1.393 1.174-.281.424-.42.86-.42 1.31Zm4.028-10.303c.872 0 1.594-.235 2.164-.705.571-.47.856-1.14.856-2.013s-.285-1.544-.856-2.014c-.57-.47-1.292-.705-2.164-.705-.919 0-1.657.235-2.215.705-.558.47-.839 1.141-.839 2.014 0 .872.281 1.543.839 2.013.558.47 1.296.705 2.215.705Zm17.787 8.659c-1.678 0-3.168-.357-4.464-1.074a7.806 7.806 0 0 1-3.054-3.02c-.738-1.297-1.107-2.799-1.107-4.498 0-1.699.365-3.255 1.09-4.598a7.911 7.911 0 0 1 3.021-3.137c1.288-.751 2.802-1.125 4.547-1.125 1.632 0 3.075.357 4.33 1.074a7.715 7.715 0 0 1 2.936 2.937c.705 1.241 1.057 2.622 1.057 4.144 0 .248-.004.504-.016.772-.013.269-.03.55-.051.84h-12.652c.088 1.296.541 2.315 1.359 3.053.818.739 1.808 1.108 2.97 1.108.873 0 1.607-.197 2.198-.588a3.632 3.632 0 0 0 1.326-1.527h4.363a7.93 7.93 0 0 1-1.561 2.87 7.688 7.688 0 0 1-2.684 2.03c-1.062.491-2.266.739-3.608.739Zm.033-13.961c-1.053 0-1.98.297-2.785.889-.806.591-1.322 1.493-1.544 2.701h8.29c-.068-1.094-.47-1.967-1.209-2.617-.738-.65-1.657-.974-2.752-.974ZM56.944 11.742c-.604 0-1.137-.105-1.598-.31a2.524 2.524 0 0 1-1.091-.894c-.264-.386-.403-.86-.411-1.414h1.586c.016.386.155.71.415.97s.625.394 1.087.394c.398 0 .717-.097.952-.29a.944.944 0 0 0 .352-.768c0-.318-.105-.6-.31-.788-.206-.189-.483-.34-.827-.457l-1.103-.378c-.634-.218-1.12-.5-1.452-.847-.331-.344-.499-.802-.499-1.376-.008-.487.11-.902.348-1.25a2.37 2.37 0 0 1 .982-.81c.415-.193.894-.29 1.435-.29s1.032.097 1.451.294c.42.197.747.47.986.822.24.353.365.772.382 1.259h-1.611a1.109 1.109 0 0 0-.336-.768c-.214-.222-.516-.336-.897-.336-.328-.008-.604.072-.827.24-.222.167-.335.41-.335.734 0 .272.088.49.26.65.172.16.407.298.704.407.298.109.638.226 1.024.352.407.143.78.307 1.116.495.336.19.608.437.81.747.205.31.306.705.306 1.191 0 .433-.11.831-.327 1.2-.218.37-.546.663-.974.885-.432.223-.96.336-1.585.336h-.013Zm6.553-.138V3.38h1.502v8.223h-1.502Zm5.449 0V3.38h1.502l3.864 5.79V3.38h1.502v8.223h-1.502l-3.864-5.781v5.78h-1.502Zm14.544.138c-.83 0-1.543-.176-2.139-.533a3.565 3.565 0 0 1-1.376-1.493c-.323-.638-.482-1.376-.482-2.215 0-.84.159-1.578.482-2.22a3.56 3.56 0 0 1 1.376-1.501c.596-.361 1.309-.541 2.14-.541.985 0 1.795.243 2.424.734.63.49 1.024 1.174 1.18 2.06h-1.658a1.782 1.782 0 0 0-.65-1.053c-.332-.256-.772-.382-1.322-.382-.759 0-1.355.26-1.787.776-.432.516-.646 1.225-.646 2.127 0 .902.214 1.606.646 2.118.432.512 1.028.768 1.787.768.55 0 .99-.117 1.322-.357.331-.239.55-.57.65-.994h1.657c-.155.848-.55 1.506-1.179 1.984-.629.479-1.439.718-2.425.718v.004Zm7.283-.138V3.38h1.502V6.8h3.687V3.38h1.502v8.223h-1.502V8.02h-3.687v3.582h-1.502Zm-48.6 5.847c0 4.275-1.665 8.29-4.686 11.31a15.895 15.895 0 0 1-11.31 4.686h-4.363l4.363-4.363c6.415 0 11.633-5.218 11.633-11.633 0-6.414-5.218-11.632-11.633-11.632-6.414 0-11.633 5.218-11.633 11.633v.226a14.231 14.231 0 0 0-2.546-.227h-.726c-.365 0-.73.013-1.09.042v-.041c0-4.275 1.665-8.29 4.685-11.31a15.895 15.895 0 0 1 11.31-4.686c4.27 0 8.29 1.665 11.31 4.686a15.896 15.896 0 0 1 4.686 11.31Z"/><path d="M21.856 42.173H11.633c-5.613 0-10.181-4.568-10.181-10.181 0-5.613 4.568-10.182 10.181-10.182 5.613 0 10.181 4.569 10.181 10.182v1.455h-4.362v-1.455c0-3.21-2.61-5.819-5.819-5.819a5.824 5.824 0 0 0-5.819 5.819 5.824 5.824 0 0 0 5.819 5.818h5.86l4.363 4.363Z"/></svg>';
+defineCustomElement('sinch-logo-engage-icon-wordmark', createLogoClass(templateHTML));