@nectary/assets 2.6.1 → 3.0.0

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

@@ -1,4 +1,5 @@
 import type { TSinchIconBrandedElement, TSinchIconBrandedReact, TSinchIconBrandedProps } from '../types';
+export * from '../types';
 export declare const IconBrandedContact: CustomElementConstructor;
 declare global {
     interface NectaryComponentMap {

package/icons-branded/contact/index.js

@@ -1,5 +1,8 @@
-import { defineCustomElement } from '../../utils/element';
-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="M25 11h-8c-5.523 0-10 4.477-10 10v10h18c5.523 0 10-4.477 10-10s-4.477-10-10-10Zm-8-2C10.373 9 5 14.373 5 21v12h20c6.627 0 12-5.373 12-12S31.627 9 25 9h-8Z"/><path d="M16 21a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm7 0a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm7 0a2 2 0 1 1-4 0 2 2 0 0 1 4 0Z"/><path class="accent" d="M23 39a11.97 11.97 0 0 1-8.944-4h2.943A9.956 9.956 0 0 0 23 37h18V26.922a9.91 9.91 0 0 0-4.198-8.106 11.906 11.906 0 0 0-.878-2.79A11.923 11.923 0 0 1 43 26.922V39H23Z"/></svg>';
-export const IconBrandedContact = createIconClass(templateHTML);
-defineCustomElement('sinch-icon-branded-contact', IconBrandedContact);
+import { defineCustomElement } from "../../utils/element.js";
+import { createIconClass } from "../create-icon-class.js";
+const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true">\n  <path fill-rule="evenodd" clip-rule="evenodd" d="M25 11h-8c-5.523 0-10 4.477-10 10v10h18c5.523 0 10-4.477 10-10s-4.477-10-10-10Zm-8-2C10.373 9 5 14.373 5 21v12h20c6.627 0 12-5.373 12-12S31.627 9 25 9h-8Z"/>\n  <path d="M16 21a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm7 0a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm7 0a2 2 0 1 1-4 0 2 2 0 0 1 4 0Z"/>\n  <path class="accent" d="M23 39a11.97 11.97 0 0 1-8.944-4h2.943A9.956 9.956 0 0 0 23 37h18V26.922a9.91 9.91 0 0 0-4.198-8.106 11.906 11.906 0 0 0-.878-2.79A11.923 11.923 0 0 1 43 26.922V39H23Z"/>\n</svg>\n';
+const IconBrandedContact = createIconClass(templateHTML);
+defineCustomElement("sinch-icon-branded-contact", IconBrandedContact);
+export {
+  IconBrandedContact
+};

package/icons-branded/contact-center/global/index.d.ts

@@ -0,0 +1,24 @@
+import type { TSinchIconBrandedElement, TSinchIconBrandedReact, TSinchIconBrandedProps } from '../../types';
+export * from '../../types';
+declare global {
+    interface NectaryComponentMap {
+        'sinch-icon-branded-contact-center': {
+            props: TSinchIconBrandedProps;
+        };
+    }
+    interface HTMLElementTagNameMap {
+        'sinch-icon-branded-contact-center': TSinchIconBrandedElement;
+    }
+    namespace JSX {
+        interface IntrinsicElements {
+            'sinch-icon-branded-contact-center': TSinchIconBrandedReact;
+        }
+    }
+}
+declare module 'react' {
+    namespace JSX {
+        interface IntrinsicElements extends globalThis.JSX.IntrinsicElements {
+            'sinch-icon-branded-contact-center': TSinchIconBrandedReact;
+        }
+    }
+}

package/icons-branded/contact-center/global/index.js

@@ -0,0 +1,2 @@
+import { defineCustomElement } from "../../../utils/element.js";
+defineCustomElement("sinch-icon-branded-contact-center");

package/icons-branded/contact-center/index.d.ts

@@ -1,4 +1,5 @@
 import type { TSinchIconBrandedElement, TSinchIconBrandedReact, TSinchIconBrandedProps } from '../types';
+export * from '../types';
 export declare const IconBrandedContactCenter: CustomElementConstructor;
 declare global {
     interface NectaryComponentMap {

package/icons-branded/contact-center/index.js

@@ -1,5 +1,8 @@
-import { defineCustomElement } from '../../utils/element';
-import { createIconClass } from '../create-icon-class';
-const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true"><path d="M15.2 28.735c.187.155.442.242.707.242.265 0 .52-.087.707-.242a.758.758 0 0 0 .293-.582V21.8a.758.758 0 0 0-.293-.583 1.117 1.117 0 0 0-.707-.241c-.265 0-.52.086-.707.241a.758.758 0 0 0-.293.582v6.353c0 .218.105.428.293.582Zm17 .024c.187.154.441.241.707.241.265 0 .52-.087.707-.241a.758.758 0 0 0 .293-.583v-6.352a.758.758 0 0 0-.293-.583 1.117 1.117 0 0 0-.707-.24c-.265 0-.52.086-.707.24a.758.758 0 0 0-.293.583v6.352c0 .219.105.428.293.583Z" class="accent"/><path fill-rule="evenodd" clip-rule="evenodd" d="M20.907 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="M24.407 10c-2.787 0-5.458.836-7.427 2.795a10.41 10.41 0 0 0-3.073 7.38V28a1 1 0 1 1-2 0v-7.825a12.41 12.41 0 0 1 3.663-8.798C17.914 9.045 21.093 8 24.407 8c3.313 0 6.492 1.045 8.837 3.377a12.41 12.41 0 0 1 3.663 8.798V32h-2V20.175a10.41 10.41 0 0 0-3.074-7.38C29.865 10.836 27.193 10 24.407 10Zm3.5 31a9 9 0 0 0 9-9h-2a7 7 0 0 1-7 7v2Z"/></svg>';
-export const IconBrandedContactCenter = createIconClass(templateHTML);
-defineCustomElement('sinch-icon-branded-contact-center', IconBrandedContactCenter);
+import { defineCustomElement } from "../../utils/element.js";
+import { createIconClass } from "../create-icon-class.js";
+const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true">\n  <path d="M15.2 28.735c.187.155.442.242.707.242.265 0 .52-.087.707-.242a.758.758 0 0 0 .293-.582V21.8a.758.758 0 0 0-.293-.583 1.117 1.117 0 0 0-.707-.241c-.265 0-.52.086-.707.241a.758.758 0 0 0-.293.582v6.353c0 .218.105.428.293.582Zm17 .024c.187.154.441.241.707.241.265 0 .52-.087.707-.241a.758.758 0 0 0 .293-.583v-6.352a.758.758 0 0 0-.293-.583 1.117 1.117 0 0 0-.707-.24c-.265 0-.52.086-.707.24a.758.758 0 0 0-.293.583v6.352c0 .219.105.428.293.583Z" class="accent"/>\n  <path fill-rule="evenodd" clip-rule="evenodd" d="M20.907 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"/>\n  <path d="M24.407 10c-2.787 0-5.458.836-7.427 2.795a10.41 10.41 0 0 0-3.073 7.38V28a1 1 0 1 1-2 0v-7.825a12.41 12.41 0 0 1 3.663-8.798C17.914 9.045 21.093 8 24.407 8c3.313 0 6.492 1.045 8.837 3.377a12.41 12.41 0 0 1 3.663 8.798V32h-2V20.175a10.41 10.41 0 0 0-3.074-7.38C29.865 10.836 27.193 10 24.407 10Zm3.5 31a9 9 0 0 0 9-9h-2a7 7 0 0 1-7 7v2Z"/>\n</svg>\n';
+const IconBrandedContactCenter = createIconClass(templateHTML);
+defineCustomElement("sinch-icon-branded-contact-center", IconBrandedContactCenter);
+export {
+  IconBrandedContactCenter
+};

package/icons-branded/contact-pro/global/index.d.ts

@@ -0,0 +1,24 @@
+import type { TSinchIconBrandedElement, TSinchIconBrandedReact, TSinchIconBrandedProps } from '../../types';
+export * from '../../types';
+declare global {
+    interface NectaryComponentMap {
+        'sinch-icon-branded-contact-pro': {
+            props: TSinchIconBrandedProps;
+        };
+    }
+    interface HTMLElementTagNameMap {
+        'sinch-icon-branded-contact-pro': TSinchIconBrandedElement;
+    }
+    namespace JSX {
+        interface IntrinsicElements {
+            'sinch-icon-branded-contact-pro': TSinchIconBrandedReact;
+        }
+    }
+}
+declare module 'react' {
+    namespace JSX {
+        interface IntrinsicElements extends globalThis.JSX.IntrinsicElements {
+            'sinch-icon-branded-contact-pro': TSinchIconBrandedReact;
+        }
+    }
+}

package/icons-branded/contact-pro/global/index.js

@@ -0,0 +1,2 @@
+import { defineCustomElement } from "../../../utils/element.js";
+defineCustomElement("sinch-icon-branded-contact-pro");

package/icons-branded/contact-pro/index.d.ts

@@ -1,4 +1,5 @@
 import type { TSinchIconBrandedElement, TSinchIconBrandedReact, TSinchIconBrandedProps } from '../types';
+export * from '../types';
 export declare const IconBrandedContactPro: CustomElementConstructor;
 declare global {
     interface NectaryComponentMap {

package/icons-branded/contact-pro/index.js

@@ -1,5 +1,8 @@
-import { defineCustomElement } from '../../utils/element';
-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="M24 35c6.075 0 11-4.925 11-11s-4.925-11-11-11-11 4.925-11 11 4.925 11 11 11Zm0 2c7.18 0 13-5.82 13-13s-5.82-13-13-13-13 5.82-13 13 5.82 13 13 13Z" class="accent"/><path d="M24 39c0-.552-.45-.996-1-1.035-7.265-.513-13-6.57-13-13.965 0-7.732 6.268-14 14-14s14 6.268 14 14c0 2.974-.928 5.732-2.51 8H39a4 4 0 0 0 4-4v-7a4 4 0 0 0-4-4h-.608C35.794 11.671 30.325 8 24 8c-6.326 0-11.795 3.671-14.392 9H9a4 4 0 0 0-4 4v7a4 4 0 0 0 4 4h1.14c2.61 4.511 7.359 7.63 12.86 7.97.551.033 1-.418 1-.97Z"/></svg>';
-export const IconBrandedContactPro = createIconClass(templateHTML);
-defineCustomElement('sinch-icon-branded-contact-pro', IconBrandedContactPro);
+import { defineCustomElement } from "../../utils/element.js";
+import { createIconClass } from "../create-icon-class.js";
+const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true">\n  <path fill-rule="evenodd" clip-rule="evenodd" d="M24 35c6.075 0 11-4.925 11-11s-4.925-11-11-11-11 4.925-11 11 4.925 11 11 11Zm0 2c7.18 0 13-5.82 13-13s-5.82-13-13-13-13 5.82-13 13 5.82 13 13 13Z" class="accent"/>\n  <path d="M24 39c0-.552-.45-.996-1-1.035-7.265-.513-13-6.57-13-13.965 0-7.732 6.268-14 14-14s14 6.268 14 14c0 2.974-.928 5.732-2.51 8H39a4 4 0 0 0 4-4v-7a4 4 0 0 0-4-4h-.608C35.794 11.671 30.325 8 24 8c-6.326 0-11.795 3.671-14.392 9H9a4 4 0 0 0-4 4v7a4 4 0 0 0 4 4h1.14c2.61 4.511 7.359 7.63 12.86 7.97.551.033 1-.418 1-.97Z"/>\n</svg>\n';
+const IconBrandedContactPro = createIconClass(templateHTML);
+defineCustomElement("sinch-icon-branded-contact-pro", IconBrandedContactPro);
+export {
+  IconBrandedContactPro
+};

package/icons-branded/cookies/global/index.d.ts

@@ -0,0 +1,24 @@
+import type { TSinchIconBrandedElement, TSinchIconBrandedReact, TSinchIconBrandedProps } from '../../types';
+export * from '../../types';
+declare global {
+    interface NectaryComponentMap {
+        'sinch-icon-branded-cookies': {
+            props: TSinchIconBrandedProps;
+        };
+    }
+    interface HTMLElementTagNameMap {
+        'sinch-icon-branded-cookies': TSinchIconBrandedElement;
+    }
+    namespace JSX {
+        interface IntrinsicElements {
+            'sinch-icon-branded-cookies': TSinchIconBrandedReact;
+        }
+    }
+}
+declare module 'react' {
+    namespace JSX {
+        interface IntrinsicElements extends globalThis.JSX.IntrinsicElements {
+            'sinch-icon-branded-cookies': TSinchIconBrandedReact;
+        }
+    }
+}

package/icons-branded/cookies/global/index.js

@@ -0,0 +1,2 @@
+import { defineCustomElement } from "../../../utils/element.js";
+defineCustomElement("sinch-icon-branded-cookies");

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

@@ -1,4 +1,5 @@
 import type { TSinchIconBrandedElement, TSinchIconBrandedReact, TSinchIconBrandedProps } from '../types';
+export * from '../types';
 export declare const IconBrandedCookies: CustomElementConstructor;
 declare global {
     interface NectaryComponentMap {

package/icons-branded/cookies/index.js

@@ -1,5 +1,8 @@
-import { defineCustomElement } from '../../utils/element';
-import { createIconClass } from '../create-icon-class';
-const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true"><path d="M20 18.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Zm-3 9a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Zm4.5 7.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3ZM26 24.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Zm4.5 8.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z" class="accent"/><path d="m39 27 .976.22a1 1 0 0 0-1.151-1.204L39 27ZM24 9l.899.438A1 1 0 0 0 24.004 8L24 9Zm7 9 .82.572a1 1 0 0 0-.973-1.56L31 18Zm1 7.5-.73.683.73-.683Zm-7.5-9 .73-.683-.73.683Zm13.525 10.28c-.585 2.597-1.919 5.169-3.786 7.03l1.412 1.417c2.164-2.157 3.666-5.08 4.325-8.007l-1.951-.44Zm-3.786 7.03a14.23 14.23 0 0 1-6.874 3.787l.446 1.95a16.231 16.231 0 0 0 7.84-4.32l-1.412-1.416Zm-6.874 3.787a14.356 14.356 0 0 1-7.862-.416l-.65 1.892a16.356 16.356 0 0 0 8.958.474l-.446-1.95Zm-7.862-.416a14.18 14.18 0 0 1-6.423-4.49l-1.556 1.258a16.18 16.18 0 0 0 7.329 5.124l.65-1.892Zm-6.423-4.49a13.905 13.905 0 0 1-3.01-7.171l-1.987.226a15.905 15.905 0 0 0 3.441 8.203l1.556-1.257Zm-3.01-7.171a13.843 13.843 0 0 1 1.324-7.65l-1.796-.88a15.843 15.843 0 0 0-1.515 8.756l1.988-.226Zm1.324-7.65a14.064 14.064 0 0 1 5.253-5.783l-1.05-1.702a16.064 16.064 0 0 0-6 6.605l1.797.88Zm5.253-5.783c2.274-1.403 4.677-2.097 7.35-2.087l.007-2c-3.055-.012-5.824.79-8.408 2.385l1.05 1.702ZM31 18c-.82-.572-.82-.571-.821-.57l-.002.003-.004.005-.011.016a3.38 3.38 0 0 0-.129.207 7.143 7.143 0 0 0-.862 2.52c-.234 1.67.09 3.856 2.1 6.002l1.459-1.366c-1.56-1.666-1.736-3.23-1.578-4.358a5.14 5.14 0 0 1 .412-1.408 4.29 4.29 0 0 1 .26-.484l-.001.002-.001.001c-.001.001-.002.002-.822-.57Zm.27 8.183c1.377 1.47 3.463 1.864 5.002 1.949a14.331 14.331 0 0 0 2.831-.135l.05-.009.015-.002.005-.001h.002L39 27l-.175-.985c.001 0 0 0 0 0l-.006.001-.03.006-.137.02a12.341 12.341 0 0 1-2.27.093c-1.41-.077-2.824-.434-3.652-1.318l-1.46 1.366ZM24 9a119.998 119.998 0 0 0-.9-.437v.002l-.003.005-.007.015-.023.05-.078.176a11.156 11.156 0 0 0-.754 2.702c-.237 1.65-.13 3.893 1.535 5.67l1.46-1.366c-1.07-1.143-1.212-2.65-1.015-4.02a9.167 9.167 0 0 1 .683-2.356c0-.003.002-.004.002-.005v.001c-.001.001-.001.001-.9-.437Zm-.23 8.183c1.292 1.38 3.242 1.78 4.675 1.886a13.567 13.567 0 0 0 2.687-.078l.014-.002h.006L31 18l-.153-.988h.001-.005l-.029.004a10.34 10.34 0 0 1-.61.06 11.59 11.59 0 0 1-1.611-.002c-1.305-.097-2.604-.447-3.363-1.257l-1.46 1.366Z"/></svg>';
-export const IconBrandedCookies = createIconClass(templateHTML);
-defineCustomElement('sinch-icon-branded-cookies', IconBrandedCookies);
+import { defineCustomElement } from "../../utils/element.js";
+import { createIconClass } from "../create-icon-class.js";
+const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true">\n  <path d="M20 18.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Zm-3 9a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Zm4.5 7.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3ZM26 24.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Zm4.5 8.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z" class="accent"/>\n  <path d="m39 27 .976.22a1 1 0 0 0-1.151-1.204L39 27ZM24 9l.899.438A1 1 0 0 0 24.004 8L24 9Zm7 9 .82.572a1 1 0 0 0-.973-1.56L31 18Zm1 7.5-.73.683.73-.683Zm-7.5-9 .73-.683-.73.683Zm13.525 10.28c-.585 2.597-1.919 5.169-3.786 7.03l1.412 1.417c2.164-2.157 3.666-5.08 4.325-8.007l-1.951-.44Zm-3.786 7.03a14.23 14.23 0 0 1-6.874 3.787l.446 1.95a16.231 16.231 0 0 0 7.84-4.32l-1.412-1.416Zm-6.874 3.787a14.356 14.356 0 0 1-7.862-.416l-.65 1.892a16.356 16.356 0 0 0 8.958.474l-.446-1.95Zm-7.862-.416a14.18 14.18 0 0 1-6.423-4.49l-1.556 1.258a16.18 16.18 0 0 0 7.329 5.124l.65-1.892Zm-6.423-4.49a13.905 13.905 0 0 1-3.01-7.171l-1.987.226a15.905 15.905 0 0 0 3.441 8.203l1.556-1.257Zm-3.01-7.171a13.843 13.843 0 0 1 1.324-7.65l-1.796-.88a15.843 15.843 0 0 0-1.515 8.756l1.988-.226Zm1.324-7.65a14.064 14.064 0 0 1 5.253-5.783l-1.05-1.702a16.064 16.064 0 0 0-6 6.605l1.797.88Zm5.253-5.783c2.274-1.403 4.677-2.097 7.35-2.087l.007-2c-3.055-.012-5.824.79-8.408 2.385l1.05 1.702ZM31 18c-.82-.572-.82-.571-.821-.57l-.002.003-.004.005-.011.016a3.38 3.38 0 0 0-.129.207 7.143 7.143 0 0 0-.862 2.52c-.234 1.67.09 3.856 2.1 6.002l1.459-1.366c-1.56-1.666-1.736-3.23-1.578-4.358a5.14 5.14 0 0 1 .412-1.408 4.29 4.29 0 0 1 .26-.484l-.001.002-.001.001c-.001.001-.002.002-.822-.57Zm.27 8.183c1.377 1.47 3.463 1.864 5.002 1.949a14.331 14.331 0 0 0 2.831-.135l.05-.009.015-.002.005-.001h.002L39 27l-.175-.985c.001 0 0 0 0 0l-.006.001-.03.006-.137.02a12.341 12.341 0 0 1-2.27.093c-1.41-.077-2.824-.434-3.652-1.318l-1.46 1.366ZM24 9a119.998 119.998 0 0 0-.9-.437v.002l-.003.005-.007.015-.023.05-.078.176a11.156 11.156 0 0 0-.754 2.702c-.237 1.65-.13 3.893 1.535 5.67l1.46-1.366c-1.07-1.143-1.212-2.65-1.015-4.02a9.167 9.167 0 0 1 .683-2.356c0-.003.002-.004.002-.005v.001c-.001.001-.001.001-.9-.437Zm-.23 8.183c1.292 1.38 3.242 1.78 4.675 1.886a13.567 13.567 0 0 0 2.687-.078l.014-.002h.006L31 18l-.153-.988h.001-.005l-.029.004a10.34 10.34 0 0 1-.61.06 11.59 11.59 0 0 1-1.611-.002c-1.305-.097-2.604-.447-3.363-1.257l-1.46 1.366Z"/>\n</svg>\n';
+const IconBrandedCookies = createIconClass(templateHTML);
+defineCustomElement("sinch-icon-branded-cookies", IconBrandedCookies);
+export {
+  IconBrandedCookies
+};

package/icons-branded/create-icon-class.js

@@ -1,47 +1,48 @@
-import { attrValueToPixels, getBooleanAttribute, getIntegerAttribute, NectaryElement, updateAttribute, updateBooleanAttribute } from '../utils';
-const iconStylesHtml = '<style>:host{display:inline-block;vertical-align:middle}svg{display:block;pointer-events:none;fill:var(--sinch-sys-color-text-default);height:var(--sinch-global-size-icon,48px)}.accent{fill:var(--sinch-sys-color-primary-default)}:host([inverted]:not([inverted=false])) svg{fill:var(--sinch-sys-color-basic-pure)}:host([inverted]:not([inverted=false])) .accent{fill:var(--sinch-ref-color-honey-500)}</style>';
+import { updateAttribute, getIntegerAttribute, updateBooleanAttribute, getBooleanAttribute, attrValueToPixels } from "../utils/dom.js";
+import { NectaryElement } from "../utils/element.js";
+const iconStylesHtml = '<style>\n  :host {\n    display: inline-block;\n    vertical-align: middle;\n  }\n\n  svg {\n    display: block;\n    pointer-events: none;\n    fill: var(--sinch-sys-color-text-default);\n    height: var(--sinch-global-size-icon, 48px);\n  }\n\n  .accent {\n    fill: var(--sinch-sys-color-primary-default);\n  }\n\n  :host([inverted]:not([inverted="false"])) svg {\n    fill: var(--sinch-sys-color-basic-pure);\n  }\n\n  :host([inverted]:not([inverted="false"])) .accent {\n    fill: var(--sinch-ref-color-honey-500);\n  }\n</style>\n';
 const DEFAULT_SIZE = 48;
 const MIN_SIZE = 4;
 const MAX_SIZE = 256;
-export const createIconClass = templateHTML => {
-  const template = document.createElement('template');
+const createIconClass = (templateHTML) => {
+  const template = document.createElement("template");
   template.innerHTML = iconStylesHtml + templateHTML;
   return class extends NectaryElement {
+    $svg;
     constructor() {
       super();
       const shadowRoot = this.attachShadow();
       shadowRoot.appendChild(template.content.cloneNode(true));
-      this.$svg = shadowRoot.querySelector('svg');
+      this.$svg = shadowRoot.querySelector("svg");
     }
     static get observedAttributes() {
-      return ['size'];
+      return ["size"];
     }
     set size(value) {
-      updateAttribute(this, 'size', value);
+      updateAttribute(this, "size", value);
     }
     get size() {
-      return getIntegerAttribute(this, 'size', DEFAULT_SIZE);
+      return getIntegerAttribute(this, "size", DEFAULT_SIZE);
     }
     set inverted(isInverted) {
-      updateBooleanAttribute(this, 'inverted', isInverted);
+      updateBooleanAttribute(this, "inverted", isInverted);
     }
     get inverted() {
-      return getBooleanAttribute(this, 'inverted');
+      return getBooleanAttribute(this, "inverted");
     }
     connectedCallback() {
-      updateAttribute(this.$svg, 'preserveAspectRatio', 'xMinYMin meet');
+      updateAttribute(this.$svg, "preserveAspectRatio", "xMinYMin meet");
     }
     attributeChangedCallback(name, _, newVal) {
       switch (name) {
-        case 'size':
-          {
-            this.$svg.style.height = attrValueToPixels(newVal, {
-              min: MIN_SIZE,
-              max: MAX_SIZE
-            });
-            break;
-          }
+        case "size": {
+          this.$svg.style.height = attrValueToPixels(newVal, { min: MIN_SIZE, max: MAX_SIZE });
+          break;
+        }
       }
     }
   };
-};
+};
+export {
+  createIconClass
+};

package/icons-branded/credit-card/global/index.d.ts

@@ -0,0 +1,24 @@
+import type { TSinchIconBrandedElement, TSinchIconBrandedReact, TSinchIconBrandedProps } from '../../types';
+export * from '../../types';
+declare global {
+    interface NectaryComponentMap {
+        'sinch-icon-branded-credit-card': {
+            props: TSinchIconBrandedProps;
+        };
+    }
+    interface HTMLElementTagNameMap {
+        'sinch-icon-branded-credit-card': TSinchIconBrandedElement;
+    }
+    namespace JSX {
+        interface IntrinsicElements {
+            'sinch-icon-branded-credit-card': TSinchIconBrandedReact;
+        }
+    }
+}
+declare module 'react' {
+    namespace JSX {
+        interface IntrinsicElements extends globalThis.JSX.IntrinsicElements {
+            'sinch-icon-branded-credit-card': TSinchIconBrandedReact;
+        }
+    }
+}

package/icons-branded/credit-card/global/index.js

@@ -0,0 +1,2 @@
+import { defineCustomElement } from "../../../utils/element.js";
+defineCustomElement("sinch-icon-branded-credit-card");

package/icons-branded/credit-card/index.d.ts

@@ -1,4 +1,5 @@
 import type { TSinchIconBrandedElement, TSinchIconBrandedReact, TSinchIconBrandedProps } from '../types';
+export * from '../types';
 export declare const IconBrandedCreditCard: CustomElementConstructor;
 declare global {
     interface NectaryComponentMap {

package/icons-branded/credit-card/index.js

@@ -1,5 +1,8 @@
-import { defineCustomElement } from '../../utils/element';
-import { createIconClass } from '../create-icon-class';
-const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true"><path d="M36 35a3 3 0 0 0 3-3V16a3 3 0 0 0-3-3H12a3 3 0 0 0-3 3v16a3 3 0 0 0 3 3h24Zm0-19.99a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1L12 33a1 1 0 0 1-1-1V16a1 1 0 0 1 1-1l24 .01Z"/><path d="M37 23H11v-4h26v4Z" class="accent"/></svg>';
-export const IconBrandedCreditCard = createIconClass(templateHTML);
-defineCustomElement('sinch-icon-branded-credit-card', IconBrandedCreditCard);
+import { defineCustomElement } from "../../utils/element.js";
+import { createIconClass } from "../create-icon-class.js";
+const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true">\n  <path d="M36 35a3 3 0 0 0 3-3V16a3 3 0 0 0-3-3H12a3 3 0 0 0-3 3v16a3 3 0 0 0 3 3h24Zm0-19.99a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1L12 33a1 1 0 0 1-1-1V16a1 1 0 0 1 1-1l24 .01Z"/>\n  <path d="M37 23H11v-4h26v4Z" class="accent"/>\n</svg>\n';
+const IconBrandedCreditCard = createIconClass(templateHTML);
+defineCustomElement("sinch-icon-branded-credit-card", IconBrandedCreditCard);
+export {
+  IconBrandedCreditCard
+};

package/icons-branded/custom/global/index.d.ts

@@ -0,0 +1,24 @@
+import type { TSinchIconBrandedElement, TSinchIconBrandedReact, TSinchIconBrandedProps } from '../../types';
+export * from '../../types';
+declare global {
+    interface NectaryComponentMap {
+        'sinch-icon-branded-custom': {
+            props: TSinchIconBrandedProps;
+        };
+    }
+    interface HTMLElementTagNameMap {
+        'sinch-icon-branded-custom': TSinchIconBrandedElement;
+    }
+    namespace JSX {
+        interface IntrinsicElements {
+            'sinch-icon-branded-custom': TSinchIconBrandedReact;
+        }
+    }
+}
+declare module 'react' {
+    namespace JSX {
+        interface IntrinsicElements extends globalThis.JSX.IntrinsicElements {
+            'sinch-icon-branded-custom': TSinchIconBrandedReact;
+        }
+    }
+}

package/icons-branded/custom/global/index.js

@@ -0,0 +1,2 @@
+import { defineCustomElement } from "../../../utils/element.js";
+defineCustomElement("sinch-icon-branded-custom");

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

@@ -1,4 +1,5 @@
 import type { TSinchIconBrandedElement, TSinchIconBrandedReact, TSinchIconBrandedProps } from '../types';
+export * from '../types';
 export declare const IconBrandedCustom: CustomElementConstructor;
 declare global {
     interface NectaryComponentMap {

package/icons-branded/custom/index.js

@@ -1,5 +1,8 @@
-import { defineCustomElement } from '../../utils/element';
-import { createIconClass } from '../create-icon-class';
-const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true"><path d="M7.617 7.076a1 1 0 0 1 1.09.217l8.74 8.74-.983 1.845L9 10.414V15.5h1.5a1 1 0 1 1 0 2H9V24h1.5a1 1 0 1 1 0 2H9v6h1.5a1 1 0 1 1 0 2H9v4h28.586L20.588 22.002h2.828l17.291 16.29A1 1 0 0 1 40 40H8a1 1 0 0 1-1-1V8a1 1 0 0 1 .617-.924Z"/><path d="M15 24a1 1 0 0 1 1 1v6h6a1 1 0 1 1 0 2h-7a1 1 0 0 1-1-1v-7a1 1 0 0 1 1-1Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M32.24 9.188a1.147 1.147 0 0 0-.87.109l-11.573 6.576L18.665 18h2.07l11.768-6.708a1.147 1.147 0 0 0-.263-2.104Zm-1.86-1.63a3.147 3.147 0 0 1 3.112 5.472h-.001l-11.996 6.84A1 1 0 0 1 21 20h-4a1 1 0 0 1-.883-1.47l2.05-3.853a1 1 0 0 1 .39-.4l11.824-6.72Z" class="accent"/></svg>';
-export const IconBrandedCustom = createIconClass(templateHTML);
-defineCustomElement('sinch-icon-branded-custom', IconBrandedCustom);
+import { defineCustomElement } from "../../utils/element.js";
+import { createIconClass } from "../create-icon-class.js";
+const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true">\n  <path d="M7.617 7.076a1 1 0 0 1 1.09.217l8.74 8.74-.983 1.845L9 10.414V15.5h1.5a1 1 0 1 1 0 2H9V24h1.5a1 1 0 1 1 0 2H9v6h1.5a1 1 0 1 1 0 2H9v4h28.586L20.588 22.002h2.828l17.291 16.29A1 1 0 0 1 40 40H8a1 1 0 0 1-1-1V8a1 1 0 0 1 .617-.924Z"/>\n  <path d="M15 24a1 1 0 0 1 1 1v6h6a1 1 0 1 1 0 2h-7a1 1 0 0 1-1-1v-7a1 1 0 0 1 1-1Z"/>\n  <path fill-rule="evenodd" clip-rule="evenodd" d="M32.24 9.188a1.147 1.147 0 0 0-.87.109l-11.573 6.576L18.665 18h2.07l11.768-6.708a1.147 1.147 0 0 0-.263-2.104Zm-1.86-1.63a3.147 3.147 0 0 1 3.112 5.472h-.001l-11.996 6.84A1 1 0 0 1 21 20h-4a1 1 0 0 1-.883-1.47l2.05-3.853a1 1 0 0 1 .39-.4l11.824-6.72Z" class="accent"/>\n</svg>\n';
+const IconBrandedCustom = createIconClass(templateHTML);
+defineCustomElement("sinch-icon-branded-custom", IconBrandedCustom);
+export {
+  IconBrandedCustom
+};

package/icons-branded/custom-message/global/index.d.ts

@@ -0,0 +1,24 @@
+import type { TSinchIconBrandedElement, TSinchIconBrandedReact, TSinchIconBrandedProps } from '../../types';
+export * from '../../types';
+declare global {
+    interface NectaryComponentMap {
+        'sinch-icon-branded-custom-message': {
+            props: TSinchIconBrandedProps;
+        };
+    }
+    interface HTMLElementTagNameMap {
+        'sinch-icon-branded-custom-message': TSinchIconBrandedElement;
+    }
+    namespace JSX {
+        interface IntrinsicElements {
+            'sinch-icon-branded-custom-message': TSinchIconBrandedReact;
+        }
+    }
+}
+declare module 'react' {
+    namespace JSX {
+        interface IntrinsicElements extends globalThis.JSX.IntrinsicElements {
+            'sinch-icon-branded-custom-message': TSinchIconBrandedReact;
+        }
+    }
+}

package/icons-branded/custom-message/global/index.js

@@ -0,0 +1,2 @@
+import { defineCustomElement } from "../../../utils/element.js";
+defineCustomElement("sinch-icon-branded-custom-message");

package/icons-branded/custom-message/index.d.ts

@@ -1,4 +1,5 @@
 import type { TSinchIconBrandedElement, TSinchIconBrandedReact, TSinchIconBrandedProps } from '../types';
+export * from '../types';
 export declare const IconBrandedCustomMessage: CustomElementConstructor;
 declare global {
     interface NectaryComponentMap {

package/icons-branded/custom-message/index.js

@@ -1,5 +1,8 @@
-import { defineCustomElement } from '../../utils/element';
-import { createIconClass } from '../create-icon-class';
-const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true"><path d="M33.827 13H12a3 3 0 0 0-3 3v16a3 3 0 0 0 3 3h2v5.69L23.95 35H36a3 3 0 0 0 3-3V20.863l-2 2.004v9.143a1 1 0 0 1-1 1H23.43L16 37.25V33h-4a1 1 0 0 1-1-1V16a1 1 0 0 1 1-1l19.82.008L33.826 13Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M44.006 7.427a3.49 3.49 0 0 0-2.47 1.023l-11.17 11.17a.999.999 0 0 0-.263.464l-1.176 4.703A1 1 0 0 0 30.14 26l4.703-1.176a1 1 0 0 0 .464-.263l11.17-11.17a3.494 3.494 0 0 0-2.471-5.964Zm-1.057 2.437a1.494 1.494 0 1 1 2.113 2.113L34.09 22.951l-2.818.704.705-2.817L42.949 9.864Z" class="accent"/><path d="M27.222 22H14.778a.703.703 0 0 1-.55-.293A1.16 1.16 0 0 1 14 21c0-.265.082-.52.228-.707a.703.703 0 0 1 .55-.293h12.444c.206 0 .404.105.55.293.146.187.228.442.228.707 0 .265-.082.52-.228.707a.703.703 0 0 1-.55.293ZM24 28h-9a1 1 0 0 1 0-2h9a1 1 0 1 1 0 2Z" class="accent"/></svg>';
-export const IconBrandedCustomMessage = createIconClass(templateHTML);
-defineCustomElement('sinch-icon-branded-custom-message', IconBrandedCustomMessage);
+import { defineCustomElement } from "../../utils/element.js";
+import { createIconClass } from "../create-icon-class.js";
+const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true">\n  <path d="M33.827 13H12a3 3 0 0 0-3 3v16a3 3 0 0 0 3 3h2v5.69L23.95 35H36a3 3 0 0 0 3-3V20.863l-2 2.004v9.143a1 1 0 0 1-1 1H23.43L16 37.25V33h-4a1 1 0 0 1-1-1V16a1 1 0 0 1 1-1l19.82.008L33.826 13Z"/>\n  <path fill-rule="evenodd" clip-rule="evenodd" d="M44.006 7.427a3.49 3.49 0 0 0-2.47 1.023l-11.17 11.17a.999.999 0 0 0-.263.464l-1.176 4.703A1 1 0 0 0 30.14 26l4.703-1.176a1 1 0 0 0 .464-.263l11.17-11.17a3.494 3.494 0 0 0-2.471-5.964Zm-1.057 2.437a1.494 1.494 0 1 1 2.113 2.113L34.09 22.951l-2.818.704.705-2.817L42.949 9.864Z" class="accent"/>\n  <path d="M27.222 22H14.778a.703.703 0 0 1-.55-.293A1.16 1.16 0 0 1 14 21c0-.265.082-.52.228-.707a.703.703 0 0 1 .55-.293h12.444c.206 0 .404.105.55.293.146.187.228.442.228.707 0 .265-.082.52-.228.707a.703.703 0 0 1-.55.293ZM24 28h-9a1 1 0 0 1 0-2h9a1 1 0 1 1 0 2Z" class="accent"/>\n</svg>\n';
+const IconBrandedCustomMessage = createIconClass(templateHTML);
+defineCustomElement("sinch-icon-branded-custom-message", IconBrandedCustomMessage);
+export {
+  IconBrandedCustomMessage
+};

package/icons-branded/customer-satisfaction-smiley/global/index.d.ts

@@ -0,0 +1,24 @@
+import type { TSinchIconBrandedElement, TSinchIconBrandedReact, TSinchIconBrandedProps } from '../../types';
+export * from '../../types';
+declare global {
+    interface NectaryComponentMap {
+        'sinch-icon-branded-customer-satisfaction-smiley': {
+            props: TSinchIconBrandedProps;
+        };
+    }
+    interface HTMLElementTagNameMap {
+        'sinch-icon-branded-customer-satisfaction-smiley': TSinchIconBrandedElement;
+    }
+    namespace JSX {
+        interface IntrinsicElements {
+            'sinch-icon-branded-customer-satisfaction-smiley': TSinchIconBrandedReact;
+        }
+    }
+}
+declare module 'react' {
+    namespace JSX {
+        interface IntrinsicElements extends globalThis.JSX.IntrinsicElements {
+            'sinch-icon-branded-customer-satisfaction-smiley': TSinchIconBrandedReact;
+        }
+    }
+}

package/icons-branded/customer-satisfaction-smiley/global/index.js

@@ -0,0 +1,2 @@
+import { defineCustomElement } from "../../../utils/element.js";
+defineCustomElement("sinch-icon-branded-customer-satisfaction-smiley");

package/icons-branded/customer-satisfaction-smiley/index.d.ts

@@ -1,4 +1,5 @@
 import type { TSinchIconBrandedElement, TSinchIconBrandedReact, TSinchIconBrandedProps } from '../types';
+export * from '../types';
 export declare const IconBrandedCustomerSatisfactionSmiley: CustomElementConstructor;
 declare global {
     interface NectaryComponentMap {

package/icons-branded/customer-satisfaction-smiley/index.js

@@ -1,5 +1,8 @@
-import { defineCustomElement } from '../../utils/element';
-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="M24 38c7.732 0 14-6.268 14-14s-6.268-14-14-14-14 6.268-14 14 6.268 14 14 14Zm0 2c8.837 0 16-7.163 16-16S32.837 8 24 8 8 15.163 8 24s7.163 16 16 16Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M21.5 20.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Zm8 0a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Zm-9.632 6.004a1 1 0 1 0-1.736.992c1.223 2.14 3.61 3.129 5.868 3.129 2.258 0 4.645-.989 5.868-3.129a1 1 0 1 0-1.736-.992c-.777 1.36-2.39 2.121-4.132 2.121-1.742 0-3.355-.761-4.132-2.121Z" class="accent"/></svg>';
-export const IconBrandedCustomerSatisfactionSmiley = createIconClass(templateHTML);
-defineCustomElement('sinch-icon-branded-customer-satisfaction-smiley', IconBrandedCustomerSatisfactionSmiley);
+import { defineCustomElement } from "../../utils/element.js";
+import { createIconClass } from "../create-icon-class.js";
+const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true">\n  <path fill-rule="evenodd" clip-rule="evenodd" d="M24 38c7.732 0 14-6.268 14-14s-6.268-14-14-14-14 6.268-14 14 6.268 14 14 14Zm0 2c8.837 0 16-7.163 16-16S32.837 8 24 8 8 15.163 8 24s7.163 16 16 16Z"/>\n  <path fill-rule="evenodd" clip-rule="evenodd" d="M21.5 20.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Zm8 0a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Zm-9.632 6.004a1 1 0 1 0-1.736.992c1.223 2.14 3.61 3.129 5.868 3.129 2.258 0 4.645-.989 5.868-3.129a1 1 0 1 0-1.736-.992c-.777 1.36-2.39 2.121-4.132 2.121-1.742 0-3.355-.761-4.132-2.121Z" class="accent"/>\n</svg>\n';
+const IconBrandedCustomerSatisfactionSmiley = createIconClass(templateHTML);
+defineCustomElement("sinch-icon-branded-customer-satisfaction-smiley", IconBrandedCustomerSatisfactionSmiley);
+export {
+  IconBrandedCustomerSatisfactionSmiley
+};

package/icons-branded/database/global/index.d.ts

@@ -0,0 +1,24 @@
+import type { TSinchIconBrandedElement, TSinchIconBrandedReact, TSinchIconBrandedProps } from '../../types';
+export * from '../../types';
+declare global {
+    interface NectaryComponentMap {
+        'sinch-icon-branded-database': {
+            props: TSinchIconBrandedProps;
+        };
+    }
+    interface HTMLElementTagNameMap {
+        'sinch-icon-branded-database': TSinchIconBrandedElement;
+    }
+    namespace JSX {
+        interface IntrinsicElements {
+            'sinch-icon-branded-database': TSinchIconBrandedReact;
+        }
+    }
+}
+declare module 'react' {
+    namespace JSX {
+        interface IntrinsicElements extends globalThis.JSX.IntrinsicElements {
+            'sinch-icon-branded-database': TSinchIconBrandedReact;
+        }
+    }
+}

package/icons-branded/database/global/index.js

@@ -0,0 +1,2 @@
+import { defineCustomElement } from "../../../utils/element.js";
+defineCustomElement("sinch-icon-branded-database");

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

@@ -1,4 +1,5 @@
 import type { TSinchIconBrandedElement, TSinchIconBrandedReact, TSinchIconBrandedProps } from '../types';
+export * from '../types';
 export declare const IconBrandedDatabase: CustomElementConstructor;
 declare global {
     interface NectaryComponentMap {

package/icons-branded/database/index.js

@@ -1,5 +1,8 @@
-import { defineCustomElement } from '../../utils/element';
-import { createIconClass } from '../create-icon-class';
-const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true"><path d="M37 22.23c-.773.341-1.756.63-2.873.87-2.616.562-6.19.9-10.127.9-3.937 0-7.51-.338-10.127-.9-1.117-.24-2.1-.529-2.873-.87v-2.32a.306.306 0 0 0 .008.009c.078.081.242.208.54.36.593.302 1.517.603 2.745.867 2.44.524 5.866.855 9.707.855 3.84 0 7.267-.331 9.707-.855 1.228-.264 2.152-.565 2.745-.867.298-.152.462-.279.54-.36a.306.306 0 0 0 .008-.01v2.323Z" class="accent"/><path fill-rule="evenodd" clip-rule="evenodd" d="M13.858 9.055C16.492 8.397 20.077 8 24 8c3.923 0 7.508.397 10.142 1.055 1.31.327 2.44.733 3.267 1.222.76.45 1.591 1.168 1.591 2.223 0 .1-.008.197-.022.292.014.067.022.137.022.208v21c0 .543-.26.98-.557 1.294-.293.309-.676.559-1.083.766-.817.416-1.934.761-3.233 1.04-2.616.562-6.19.9-10.127.9-3.937 0-7.51-.338-10.127-.9-1.3-.279-2.416-.624-3.233-1.04-.407-.207-.79-.457-1.083-.767C9.259 34.98 9 34.544 9 34V13c0-.071.007-.141.022-.208A1.952 1.952 0 0 1 9 12.5c0-1.055.831-1.774 1.591-2.223.828-.49 1.958-.895 3.267-1.222ZM11.01 12.5c.03.058.15.236.599.502.59.348 1.51.697 2.734 1.003 2.433.608 5.848.995 9.657.995s7.224-.387 9.657-.995c1.224-.306 2.144-.655 2.734-1.004.449-.265.569-.443.6-.501-.032-.058-.151-.236-.6-.502-.59-.348-1.51-.697-2.734-1.003C31.224 10.387 27.809 10 24 10s-7.224.387-9.657.995c-1.224.306-2.144.655-2.734 1.004-.448.265-.569.443-.6.501ZM11 26.909l.008.009c.078.081.242.208.54.36.593.302 1.517.603 2.745.867 2.44.523 5.866.855 9.707.855 3.84 0 7.267-.332 9.707-.855 1.228-.264 2.152-.565 2.745-.867.298-.152.462-.279.54-.36l.008-.01V14.947c-.775.39-1.753.723-2.858.999C31.508 16.603 27.923 17 24 17c-3.923 0-7.508-.397-10.142-1.055-1.105-.276-2.083-.608-2.858-1V26.91Zm26 2.322c-.773.34-1.756.63-2.873.87C31.51 30.66 27.936 31 24 31c-3.937 0-7.51-.338-10.127-.9-1.117-.24-2.1-.529-2.873-.87v4.679l.008.008c.078.082.242.21.54.361.593.302 1.517.603 2.745.867 2.44.523 5.866.855 9.707.855 3.84 0 7.267-.332 9.707-.855 1.228-.264 2.152-.565 2.745-.867.298-.152.462-.279.54-.36l.008-.01v-4.677Z"/></svg>';
-export const IconBrandedDatabase = createIconClass(templateHTML);
-defineCustomElement('sinch-icon-branded-database', IconBrandedDatabase);
+import { defineCustomElement } from "../../utils/element.js";
+import { createIconClass } from "../create-icon-class.js";
+const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true">\n  <path d="M37 22.23c-.773.341-1.756.63-2.873.87-2.616.562-6.19.9-10.127.9-3.937 0-7.51-.338-10.127-.9-1.117-.24-2.1-.529-2.873-.87v-2.32a.306.306 0 0 0 .008.009c.078.081.242.208.54.36.593.302 1.517.603 2.745.867 2.44.524 5.866.855 9.707.855 3.84 0 7.267-.331 9.707-.855 1.228-.264 2.152-.565 2.745-.867.298-.152.462-.279.54-.36a.306.306 0 0 0 .008-.01v2.323Z" class="accent"/>\n  <path fill-rule="evenodd" clip-rule="evenodd" d="M13.858 9.055C16.492 8.397 20.077 8 24 8c3.923 0 7.508.397 10.142 1.055 1.31.327 2.44.733 3.267 1.222.76.45 1.591 1.168 1.591 2.223 0 .1-.008.197-.022.292.014.067.022.137.022.208v21c0 .543-.26.98-.557 1.294-.293.309-.676.559-1.083.766-.817.416-1.934.761-3.233 1.04-2.616.562-6.19.9-10.127.9-3.937 0-7.51-.338-10.127-.9-1.3-.279-2.416-.624-3.233-1.04-.407-.207-.79-.457-1.083-.767C9.259 34.98 9 34.544 9 34V13c0-.071.007-.141.022-.208A1.952 1.952 0 0 1 9 12.5c0-1.055.831-1.774 1.591-2.223.828-.49 1.958-.895 3.267-1.222ZM11.01 12.5c.03.058.15.236.599.502.59.348 1.51.697 2.734 1.003 2.433.608 5.848.995 9.657.995s7.224-.387 9.657-.995c1.224-.306 2.144-.655 2.734-1.004.449-.265.569-.443.6-.501-.032-.058-.151-.236-.6-.502-.59-.348-1.51-.697-2.734-1.003C31.224 10.387 27.809 10 24 10s-7.224.387-9.657.995c-1.224.306-2.144.655-2.734 1.004-.448.265-.569.443-.6.501ZM11 26.909l.008.009c.078.081.242.208.54.36.593.302 1.517.603 2.745.867 2.44.523 5.866.855 9.707.855 3.84 0 7.267-.332 9.707-.855 1.228-.264 2.152-.565 2.745-.867.298-.152.462-.279.54-.36l.008-.01V14.947c-.775.39-1.753.723-2.858.999C31.508 16.603 27.923 17 24 17c-3.923 0-7.508-.397-10.142-1.055-1.105-.276-2.083-.608-2.858-1V26.91Zm26 2.322c-.773.34-1.756.63-2.873.87C31.51 30.66 27.936 31 24 31c-3.937 0-7.51-.338-10.127-.9-1.117-.24-2.1-.529-2.873-.87v4.679l.008.008c.078.082.242.21.54.361.593.302 1.517.603 2.745.867 2.44.523 5.866.855 9.707.855 3.84 0 7.267-.332 9.707-.855 1.228-.264 2.152-.565 2.745-.867.298-.152.462-.279.54-.36l.008-.01v-4.677Z"/>\n</svg>\n';
+const IconBrandedDatabase = createIconClass(templateHTML);
+defineCustomElement("sinch-icon-branded-database", IconBrandedDatabase);
+export {
+  IconBrandedDatabase
+};

package/icons-branded/decision/global/index.d.ts

@@ -0,0 +1,24 @@
+import type { TSinchIconBrandedElement, TSinchIconBrandedReact, TSinchIconBrandedProps } from '../../types';
+export * from '../../types';
+declare global {
+    interface NectaryComponentMap {
+        'sinch-icon-branded-decision': {
+            props: TSinchIconBrandedProps;
+        };
+    }
+    interface HTMLElementTagNameMap {
+        'sinch-icon-branded-decision': TSinchIconBrandedElement;
+    }
+    namespace JSX {
+        interface IntrinsicElements {
+            'sinch-icon-branded-decision': TSinchIconBrandedReact;
+        }
+    }
+}
+declare module 'react' {
+    namespace JSX {
+        interface IntrinsicElements extends globalThis.JSX.IntrinsicElements {
+            'sinch-icon-branded-decision': TSinchIconBrandedReact;
+        }
+    }
+}

package/icons-branded/decision/global/index.js

@@ -0,0 +1,2 @@
+import { defineCustomElement } from "../../../utils/element.js";
+defineCustomElement("sinch-icon-branded-decision");

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

@@ -1,4 +1,5 @@
 import type { TSinchIconBrandedElement, TSinchIconBrandedReact, TSinchIconBrandedProps } from '../types';
+export * from '../types';
 export declare const IconBrandedDecision: CustomElementConstructor;
 declare global {
     interface NectaryComponentMap {

package/icons-branded/decision/index.js

@@ -1,5 +1,8 @@
-import { defineCustomElement } from '../../utils/element';
-import { createIconClass } from '../create-icon-class';
-const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true"><path d="M22.002 29.308c.099-.127.199-.25.3-.37a17.736 17.736 0 0 1 1.7-1.749L24 6.414l4.657 4.656a1 1 0 1 0 1.414-1.414l-6.364-6.364a1 1 0 0 0-1.414 0l-6.364 6.365a1 1 0 0 0 1.415 1.414L22 6.414l.002 22.894Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M11.992 21.654a1.168 1.168 0 0 1 2.121.218c.02.033.039.068.056.104l3.53 7.468a1.168 1.168 0 1 1-2.112.999l-.652-1.379h-4.152l-.836 1.448a1.168 1.168 0 1 1-2.024-1.169l4.069-7.689Zm-.425 5.41h2.423l-1.09-2.307-1.333 2.307ZM39 26.5a4.5 4.5 0 0 1-8.723 1.56c-1.44.331-2.957 1.353-4.166 2.74-1.176 1.35-1.935 2.9-2.084 4.23a4.5 4.5 0 1 1-2.022.224c.082-2.002 1.153-4.11 2.598-5.767 1.43-1.642 3.37-3.008 5.417-3.418A4.5 4.5 0 0 1 39 26.5Zm-2 0a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0ZM23.5 42a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5Z" class="accent"/></svg>';
-export const IconBrandedDecision = createIconClass(templateHTML);
-defineCustomElement('sinch-icon-branded-decision', IconBrandedDecision);
+import { defineCustomElement } from "../../utils/element.js";
+import { createIconClass } from "../create-icon-class.js";
+const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true">\n  <path d="M22.002 29.308c.099-.127.199-.25.3-.37a17.736 17.736 0 0 1 1.7-1.749L24 6.414l4.657 4.656a1 1 0 1 0 1.414-1.414l-6.364-6.364a1 1 0 0 0-1.414 0l-6.364 6.365a1 1 0 0 0 1.415 1.414L22 6.414l.002 22.894Z"/>\n  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.992 21.654a1.168 1.168 0 0 1 2.121.218c.02.033.039.068.056.104l3.53 7.468a1.168 1.168 0 1 1-2.112.999l-.652-1.379h-4.152l-.836 1.448a1.168 1.168 0 1 1-2.024-1.169l4.069-7.689Zm-.425 5.41h2.423l-1.09-2.307-1.333 2.307ZM39 26.5a4.5 4.5 0 0 1-8.723 1.56c-1.44.331-2.957 1.353-4.166 2.74-1.176 1.35-1.935 2.9-2.084 4.23a4.5 4.5 0 1 1-2.022.224c.082-2.002 1.153-4.11 2.598-5.767 1.43-1.642 3.37-3.008 5.417-3.418A4.5 4.5 0 0 1 39 26.5Zm-2 0a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0ZM23.5 42a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5Z" class="accent"/>\n</svg>\n';
+const IconBrandedDecision = createIconClass(templateHTML);
+defineCustomElement("sinch-icon-branded-decision", IconBrandedDecision);
+export {
+  IconBrandedDecision
+};