@nectary/components 0.21.0 → 0.23.0

package/{icon → icons}/south-east/index.js

@@ -1,4 +1,4 @@
 import { defineCustomElement } from '../../utils';
 import { createIconClass } from '../create-icon-class';
-const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M18 9c-.56 0-1 .45-1 1v5.59L6.12 4.7a.996.996 0 1 0-1.41 1.41L15.59 17H10c-.55 0-1 .45-1 1s.45 1 1 1h8c.55 0 1-.45 1-1v-8c0-.55-.45-1-1-1Z"/></svg>';
+const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M18 9c-.56 0-1 .45-1 1v5.59L6.12 4.7a.996.996 0 1 0-1.41 1.41L15.59 17H10c-.55 0-1 .45-1 1s.45 1 1 1h8c.55 0 1-.45 1-1v-8c0-.55-.45-1-1-1Z"/></svg>';
 defineCustomElement('sinch-icon-south-east', createIconClass(templateHTML));

package/{icon → icons}/south-west/index.js

@@ -1,4 +1,4 @@
 import { defineCustomElement } from '../../utils';
 import { createIconClass } from '../create-icon-class';
-const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M15 18c0-.56-.45-1-1-1H8.41L19.3 6.11a.996.996 0 1 0-1.41-1.41L7 15.59V10c0-.55-.45-1-1-1s-1 .45-1 1v8c0 .55.45 1 1 1h8c.55 0 1-.45 1-1Z"/></svg>';
+const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M15 18c0-.56-.45-1-1-1H8.41L19.3 6.11a.996.996 0 1 0-1.41-1.41L7 15.59V10c0-.55-.45-1-1-1s-1 .45-1 1v8c0 .55.45 1 1 1h8c.55 0 1-.45 1-1Z"/></svg>';
 defineCustomElement('sinch-icon-south-west', createIconClass(templateHTML));

package/icons/star/index.d.ts

@@ -0,0 +1,11 @@
+import type { TSinchIconElement, TSinchIconReact } from '../types';
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'sinch-icon-star': TSinchIconReact;
+        }
+    }
+    interface HTMLElementTagNameMap {
+        'sinch-icon-star': TSinchIconElement;
+    }
+}

package/icons/star/index.js

@@ -0,0 +1,4 @@
+import { defineCustomElement } from '../../utils';
+import { createIconClass } from '../create-icon-class';
+const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="m12 17.27 4.15 2.51c.76.46 1.69-.22 1.49-1.08l-1.1-4.72 3.67-3.18c.67-.58.31-1.68-.57-1.75l-4.83-.41-1.89-4.46c-.34-.81-1.5-.81-1.84 0L9.19 8.63l-4.83.41c-.88.07-1.24 1.17-.57 1.75l3.67 3.18-1.1 4.72c-.2.86.73 1.54 1.49 1.08l4.15-2.5Z"/></svg>';
+defineCustomElement('sinch-icon-star', createIconClass(templateHTML));

package/icons/star-outline/index.d.ts

@@ -0,0 +1,11 @@
+import type { TSinchIconElement, TSinchIconReact } from '../types';
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'sinch-icon-star-outline': TSinchIconReact;
+        }
+    }
+    interface HTMLElementTagNameMap {
+        'sinch-icon-star-outline': TSinchIconElement;
+    }
+}

package/icons/star-outline/index.js

@@ -0,0 +1,4 @@
+import { defineCustomElement } from '../../utils';
+import { createIconClass } from '../create-icon-class';
+const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="m19.65 9.04-4.84-.42-1.89-4.45c-.34-.81-1.5-.81-1.84 0L9.19 8.63l-4.83.41c-.88.07-1.24 1.17-.57 1.75l3.67 3.18-1.1 4.72c-.2.86.73 1.54 1.49 1.08l4.15-2.5 4.15 2.51c.76.46 1.69-.22 1.49-1.08l-1.1-4.73 3.67-3.18c.67-.58.32-1.68-.56-1.75ZM12 15.4l-3.76 2.27 1-4.28-3.32-2.88 4.38-.38L12 6.1l1.71 4.04 4.38.38-3.32 2.88 1 4.28L12 15.4Z"/></svg>';
+defineCustomElement('sinch-icon-star-outline', createIconClass(templateHTML));

package/icons/stop/index.d.ts

@@ -0,0 +1,11 @@
+import type { TSinchIconElement, TSinchIconReact } from '../types';
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'sinch-icon-stop': TSinchIconReact;
+        }
+    }
+    interface HTMLElementTagNameMap {
+        'sinch-icon-stop': TSinchIconElement;
+    }
+}

package/icons/stop/index.js

@@ -0,0 +1,4 @@
+import { defineCustomElement } from '../../utils';
+import { createIconClass } from '../create-icon-class';
+const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M8 6h8c1.1 0 2 .9 2 2v8c0 1.1-.9 2-2 2H8c-1.1 0-2-.9-2-2V8c0-1.1.9-2 2-2Z"/></svg>';
+defineCustomElement('sinch-icon-stop', createIconClass(templateHTML));

package/icons/subdirectory-arrow-left/index.js

@@ -0,0 +1,4 @@
+import { defineCustomElement } from '../../utils';
+import { createIconClass } from '../create-icon-class';
+const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="m5.71 15.71 4.58 4.58c.39.39 1.03.39 1.42 0 .39-.39.39-1.03 0-1.42L8.83 16H19c.55 0 1-.45 1-1V5c0-.55-.45-1-1-1s-1 .45-1 1v9H8.83l2.88-2.87c.39-.39.39-1.03 0-1.42-.39-.39-1.03-.39-1.42 0l-4.58 4.58c-.39.39-.39 1.03 0 1.42Z"/></svg>';
+defineCustomElement('sinch-icon-subdirectory-arrow-left', createIconClass(templateHTML));

package/icons/subdirectory-arrow-right/index.js

@@ -0,0 +1,4 @@
+import { defineCustomElement } from '../../utils';
+import { createIconClass } from '../create-icon-class';
+const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="m18.29 15.71-4.58 4.58c-.39.39-1.03.39-1.42 0-.39-.39-.39-1.03 0-1.42L15.17 16H5c-.55 0-1-.45-1-1V5c0-.55.45-1 1-1s1 .45 1 1v9h9.17l-2.88-2.87c-.39-.39-.39-1.03 0-1.42.39-.39 1.03-.39 1.42 0l4.58 4.58c.39.39.39 1.03 0 1.42Z"/></svg>';
+defineCustomElement('sinch-icon-subdirectory-arrow-right', createIconClass(templateHTML));

package/icons/swap-vert/index.d.ts

@@ -0,0 +1,11 @@
+import type { TSinchIconElement, TSinchIconReact } from '../types';
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'sinch-icon-swap-vert': TSinchIconReact;
+        }
+    }
+    interface HTMLElementTagNameMap {
+        'sinch-icon-swap-vert': TSinchIconElement;
+    }
+}

package/icons/swap-vert/index.js

@@ -0,0 +1,4 @@
+import { defineCustomElement } from '../../utils';
+import { createIconClass } from '../create-icon-class';
+const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M16 17.01V11c0-.55-.45-1-1-1s-1 .45-1 1v6.01h-1.79c-.45 0-.67.54-.35.85l2.79 2.78c.2.19.51.19.71 0l2.79-2.78c.32-.31.09-.85-.35-.85H16ZM8.65 3.35 5.86 6.14c-.32.31-.1.85.35.85H8V13c0 .55.45 1 1 1s1-.45 1-1V6.99h1.79c.45 0 .67-.54.35-.85L9.35 3.35a.501.501 0 0 0-.7 0Z"/></svg>';
+defineCustomElement('sinch-icon-swap-vert', createIconClass(templateHTML));

package/icons/switch-left/index.d.ts

@@ -0,0 +1,11 @@
+import type { TSinchIconElement, TSinchIconReact } from '../types';
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'sinch-icon-switch-left': TSinchIconReact;
+        }
+    }
+    interface HTMLElementTagNameMap {
+        'sinch-icon-switch-left': TSinchIconElement;
+    }
+}

package/icons/switch-left/index.js

@@ -0,0 +1,4 @@
+import { defineCustomElement } from '../../utils';
+import { createIconClass } from '../create-icon-class';
+const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M8.5 8.62v6.76L5.12 12 8.5 8.62m-4.79 2.67c-.39.39-.39 1.02 0 1.41l4.59 4.59c.62.63 1.7.19 1.7-.7V7.41c0-.89-1.08-1.34-1.71-.71l-4.58 4.59zM14 7.41v9.17c0 .89 1.08 1.34 1.71.71l4.59-4.59c.39-.39.39-1.02 0-1.41L15.71 6.7c-.63-.62-1.71-.18-1.71.71z"/></svg>';
+defineCustomElement('sinch-icon-switch-left', createIconClass(templateHTML));

package/icons/switch-right/index.d.ts

@@ -0,0 +1,11 @@
+import type { TSinchIconElement, TSinchIconReact } from '../types';
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'sinch-icon-switch-right': TSinchIconReact;
+        }
+    }
+    interface HTMLElementTagNameMap {
+        'sinch-icon-switch-right': TSinchIconElement;
+    }
+}

package/icons/switch-right/index.js

@@ -0,0 +1,4 @@
+import { defineCustomElement } from '../../utils';
+import { createIconClass } from '../create-icon-class';
+const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M15.5 15.38V8.62L18.88 12l-3.38 3.38m4.79-2.67c.39-.39.39-1.02 0-1.41L15.7 6.71c-.62-.63-1.7-.19-1.7.7v9.17c0 .89 1.08 1.34 1.71.71l4.58-4.58zM10 16.59V7.41c0-.89-1.08-1.34-1.71-.71L3.7 11.29c-.39.39-.39 1.02 0 1.41l4.59 4.59c.63.63 1.71.19 1.71-.7z"/></svg>';
+defineCustomElement('sinch-icon-switch-right', createIconClass(templateHTML));

package/icons/text-snippet/index.js

@@ -0,0 +1,4 @@
+import { defineCustomElement } from '../../utils';
+import { createIconClass } from '../create-icon-class';
+const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M14.17 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V9.83c0-.53-.21-1.04-.59-1.41l-4.83-4.83c-.37-.38-.88-.59-1.41-.59ZM8 15h8c.55 0 1 .45 1 1s-.45 1-1 1H8c-.55 0-1-.45-1-1s.45-1 1-1Zm0-4h8c.55 0 1 .45 1 1s-.45 1-1 1H8c-.55 0-1-.45-1-1s.45-1 1-1Zm0-4h5c.55 0 1 .45 1 1s-.45 1-1 1H8c-.55 0-1-.45-1-1s.45-1 1-1Z"/></svg>';
+defineCustomElement('sinch-icon-text-snippet', createIconClass(templateHTML));

package/icons/topic/index.js

@@ -0,0 +1,4 @@
+import { defineCustomElement } from '../../utils';
+import { createIconClass } from '../create-icon-class';
+const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M20 6h-8l-1.41-1.41C10.21 4.21 9.7 4 9.17 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2Zm-7 10H7c-.55 0-1-.45-1-1s.45-1 1-1h6c.55 0 1 .45 1 1s-.45 1-1 1Zm4-4H7c-.55 0-1-.45-1-1s.45-1 1-1h10c.55 0 1 .45 1 1s-.45 1-1 1Z"/></svg>';
+defineCustomElement('sinch-icon-topic', createIconClass(templateHTML));

package/icons/types.js

@@ -0,0 +1 @@
+export {};

package/icons/undo/index.d.ts

@@ -0,0 +1,11 @@
+import type { TSinchIconElement, TSinchIconReact } from '../types';
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'sinch-icon-undo': TSinchIconReact;
+        }
+    }
+    interface HTMLElementTagNameMap {
+        'sinch-icon-undo': TSinchIconElement;
+    }
+}

package/icons/undo/index.js

@@ -0,0 +1,4 @@
+import { defineCustomElement } from '../../utils';
+import { createIconClass } from '../create-icon-class';
+const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M12.5 8c-2.65 0-5.05.99-6.9 2.6L3.71 8.71C3.08 8.08 2 8.52 2 9.41V15c0 .55.45 1 1 1h5.59c.89 0 1.34-1.08.71-1.71l-1.91-1.91c1.39-1.16 3.16-1.88 5.12-1.88 3.16 0 5.89 1.84 7.19 4.5.27.56.91.84 1.5.64.71-.23 1.07-1.04.75-1.72C20.23 10.42 16.65 8 12.5 8Z"/></svg>';
+defineCustomElement('sinch-icon-undo', createIconClass(templateHTML));

package/icons/unfold-less/index.js

@@ -0,0 +1,4 @@
+import { defineCustomElement } from '../../utils';
+import { createIconClass } from '../create-icon-class';
+const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M8.12 19.3c.39.39 1.02.39 1.41 0L12 16.83l2.47 2.47a.996.996 0 1 0 1.41-1.41l-3.17-3.17a.996.996 0 0 0-1.41 0l-3.17 3.17c-.4.38-.4 1.02-.01 1.41Zm7.76-14.6a.996.996 0 0 0-1.41 0L12 7.17 9.53 4.7a.996.996 0 0 0-1.41 0c-.39.39-.39 1.03 0 1.42l3.17 3.17c.39.39 1.02.39 1.41 0l3.17-3.17c.4-.39.4-1.03.01-1.42Z"/></svg>';
+defineCustomElement('sinch-icon-unfold-less', createIconClass(templateHTML));

package/icons/unfold-more/index.js

@@ -0,0 +1,4 @@
+import { defineCustomElement } from '../../utils';
+import { createIconClass } from '../create-icon-class';
+const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="m12 5.83 2.46 2.46a.996.996 0 1 0 1.41-1.41L12.7 3.7a.996.996 0 0 0-1.41 0L8.12 6.88a.996.996 0 1 0 1.41 1.41L12 5.83Zm0 12.34-2.46-2.46a.996.996 0 1 0-1.41 1.41l3.17 3.18c.39.39 1.02.39 1.41 0l3.17-3.17a.996.996 0 1 0-1.41-1.41L12 18.17Z"/></svg>';
+defineCustomElement('sinch-icon-unfold-more', createIconClass(templateHTML));

package/icons/update/index.d.ts

@@ -0,0 +1,11 @@
+import type { TSinchIconElement, TSinchIconReact } from '../types';
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'sinch-icon-update': TSinchIconReact;
+        }
+    }
+    interface HTMLElementTagNameMap {
+        'sinch-icon-update': TSinchIconElement;
+    }
+}

package/icons/update/index.js

@@ -0,0 +1,4 @@
+import { defineCustomElement } from '../../utils';
+import { createIconClass } from '../create-icon-class';
+const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M11 8.75v3.68c0 .35.19.68.49.86l3.12 1.85c.36.21.82.09 1.03-.26.21-.36.1-.82-.26-1.03l-2.87-1.71v-3.4a.77.77 0 0 0-.76-.74c-.41 0-.75.34-.75.75Zm10 .75V4.21c0-.45-.54-.67-.85-.35l-1.78 1.78a9.01 9.01 0 0 0-7.21-2.6c-4.19.38-7.64 3.75-8.1 7.94a9 9 0 0 0 17.87 2.14c.07-.6-.4-1.12-1-1.12-.5 0-.92.37-.98.86-.43 3.49-3.44 6.19-7.05 6.14-3.71-.05-6.84-3.18-6.9-6.9C4.94 8.2 8.11 5 12 5c1.93 0 3.68.79 4.95 2.05l-2.09 2.09c-.32.32-.1.86.35.86h5.29c.28 0 .5-.22.5-.5Z"/></svg>';
+defineCustomElement('sinch-icon-update', createIconClass(templateHTML));

package/icons/upload/index.js

@@ -0,0 +1,4 @@
+import { defineCustomElement } from '../../utils';
+import { createIconClass } from '../create-icon-class';
+const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M10 16h4c.55 0 1-.45 1-1v-5h1.59c.89 0 1.34-1.08.71-1.71L12.71 3.7a.996.996 0 0 0-1.41 0L6.71 8.29c-.63.63-.19 1.71.7 1.71H9v5c0 .55.45 1 1 1Zm-4 2h12c.55 0 1 .45 1 1s-.45 1-1 1H6c-.55 0-1-.45-1-1s.45-1 1-1Z"/></svg>';
+defineCustomElement('sinch-icon-upload', createIconClass(templateHTML));

package/icons/volume-off/index.d.ts

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

package/icons/volume-off/index.js

@@ -0,0 +1,4 @@
+import { defineCustomElement } from '../../utils';
+import { createIconClass } from '../create-icon-class';
+const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M3.63 3.63a.996.996 0 0 0 0 1.41L7.29 8.7 7 9H4c-.55 0-1 .45-1 1v4c0 .55.45 1 1 1h3l3.29 3.29c.63.63 1.71.18 1.71-.71v-4.17l4.18 4.18c-.49.37-1.02.68-1.6.91-.36.15-.58.53-.58.92 0 .72.73 1.18 1.39.91.8-.33 1.55-.77 2.22-1.31l1.34 1.34a.996.996 0 1 0 1.41-1.41L5.05 3.63c-.39-.39-1.02-.39-1.42 0ZM19 12c0 .82-.15 1.61-.41 2.34l1.53 1.53c.56-1.17.88-2.48.88-3.87 0-3.83-2.4-7.11-5.78-8.4-.59-.23-1.22.23-1.22.86v.19c0 .38.25.71.61.85C17.18 6.54 19 9.06 19 12Zm-8.71-6.29-.17.17L12 7.76V6.41c0-.89-1.08-1.33-1.71-.7ZM16.5 12A4.5 4.5 0 0 0 14 7.97v1.79l2.48 2.48c.01-.08.02-.16.02-.24Z"/></svg>';
+defineCustomElement('sinch-icon-volume-off', createIconClass(templateHTML));

package/icons/volume-up/index.d.ts

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

package/icons/volume-up/index.js

@@ -0,0 +1,4 @@
+import { defineCustomElement } from '../../utils';
+import { createIconClass } from '../create-icon-class';
+const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M3 10v4c0 .55.45 1 1 1h3l3.29 3.29c.63.63 1.71.18 1.71-.71V6.41c0-.89-1.08-1.34-1.71-.71L7 9H4c-.55 0-1 .45-1 1Zm13.5 2A4.5 4.5 0 0 0 14 7.97v8.05c1.48-.73 2.5-2.25 2.5-4.02ZM14 4.45v.2c0 .38.25.71.6.85A7.004 7.004 0 0 1 19 12c0 2.94-1.82 5.47-4.4 6.5-.36.14-.6.47-.6.85v.2c0 .63.63 1.07 1.21.85A8.98 8.98 0 0 0 21 12c0-3.84-2.4-7.11-5.79-8.4-.58-.23-1.21.22-1.21.85Z"/></svg>';
+defineCustomElement('sinch-icon-volume-up', createIconClass(templateHTML));

package/icons/warning/index.js

@@ -0,0 +1,4 @@
+import { defineCustomElement } from '../../utils';
+import { createIconClass } from '../create-icon-class';
+const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M4.47 21h15.06c1.54 0 2.5-1.67 1.73-3L13.73 4.99c-.77-1.33-2.69-1.33-3.46 0L2.74 18c-.77 1.33.19 3 1.73 3ZM12 14c-.55 0-1-.45-1-1v-2c0-.55.45-1 1-1s1 .45 1 1v2c0 .55-.45 1-1 1Zm1 4h-2v-2h2v2Z"/></svg>';
+defineCustomElement('sinch-icon-warning', createIconClass(templateHTML));

package/icons/warning-amber/index.js

@@ -0,0 +1,4 @@
+import { defineCustomElement } from '../../utils';
+import { createIconClass } from '../create-icon-class';
+const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M12 5.99 19.53 19H4.47L12 5.99ZM2.74 18c-.77 1.33.19 3 1.73 3h15.06c1.54 0 2.5-1.67 1.73-3L13.73 4.99c-.77-1.33-2.69-1.33-3.46 0L2.74 18ZM11 11v2c0 .55.45 1 1 1s1-.45 1-1v-2c0-.55-.45-1-1-1s-1 .45-1 1Zm0 5h2v2h-2v-2Z"/></svg>';
+defineCustomElement('sinch-icon-warning-amber', createIconClass(templateHTML));

package/{icon → icons}/west/index.js

@@ -1,4 +1,4 @@
 import { defineCustomElement } from '../../utils';
 import { createIconClass } from '../create-icon-class';
-const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M9.7 18.3a.996.996 0 0 0 0-1.41L5.83 13H21c.55 0 1-.45 1-1s-.45-1-1-1H5.83l3.88-3.88A.996.996 0 1 0 8.3 5.71L2.7 11.3a.996.996 0 0 0 0 1.41l5.59 5.59c.39.38 1.03.38 1.41 0Z"/></svg>';
+const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M9.7 18.3a.996.996 0 0 0 0-1.41L5.83 13H21c.55 0 1-.45 1-1s-.45-1-1-1H5.83l3.88-3.88A.996.996 0 1 0 8.3 5.71L2.7 11.3a.996.996 0 0 0 0 1.41l5.59 5.59c.39.38 1.03.38 1.41 0Z"/></svg>';
 defineCustomElement('sinch-icon-west', createIconClass(templateHTML));

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

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

package/{icon-branded → icons-branded}/barchart-down/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="M11.2 37h25.6c.59 0 1.2-.448 1.2-1V12c0-.552-.61-1-1.2-1H11.2c-.59 0-1.2.448-1.2 1v24c0 .552.61 1 1.2 1Zm25.6 2c1.767 0 3.2-1.343 3.2-3V12c0-1.657-1.433-3-3.2-3H11.2C9.433 9 8 10.343 8 12v24c0 1.657 1.433 3 3.2 3h25.6Z"/><path id="accent" d="M35 33a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1v-6a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v6Zm-8 0a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1V22a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v11Zm-9 1a1 1 0 0 0 1-1V15a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v18a1 1 0 0 0 1 1h4Z"/></svg>';
-defineCustomElement('sinch-icon-barchart-down', createIconClass(templateHTML));
+const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.2 37h25.6c.59 0 1.2-.448 1.2-1V12c0-.552-.61-1-1.2-1H11.2c-.59 0-1.2.448-1.2 1v24c0 .552.61 1 1.2 1Zm25.6 2c1.767 0 3.2-1.343 3.2-3V12c0-1.657-1.433-3-3.2-3H11.2C9.433 9 8 10.343 8 12v24c0 1.657 1.433 3 3.2 3h25.6Z"/><path class="accent" d="M35 33a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1v-6a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v6Zm-8 0a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1V22a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v11Zm-9 1a1 1 0 0 0 1-1V15a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v18a1 1 0 0 0 1 1h4Z"/></svg>';
+defineCustomElement('sinch-icon-branded-barchart-down', createIconClass(templateHTML));

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

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

package/{icon-branded → icons-branded}/barchart-up/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="M36.8 11H11.2c-.59 0-1.2.448-1.2 1v24c0 .552.61 1 1.2 1h25.6c.59 0 1.2-.448 1.2-1V12c0-.552-.61-1-1.2-1ZM11.2 9C9.433 9 8 10.343 8 12v24c0 1.657 1.433 3 3.2 3h25.6c1.767 0 3.2-1.343 3.2-3V12c0-1.657-1.433-3-3.2-3H11.2Z"/><path id="accent" d="M30 14a1 1 0 0 0-1 1v18a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1V15a1 1 0 0 0-1-1h-4Zm-9 8a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v11a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1V22Zm-8 5a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1v-6Z"/></svg>';
-defineCustomElement('sinch-icon-barchart-up', createIconClass(templateHTML));
+const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M36.8 11H11.2c-.59 0-1.2.448-1.2 1v24c0 .552.61 1 1.2 1h25.6c.59 0 1.2-.448 1.2-1V12c0-.552-.61-1-1.2-1ZM11.2 9C9.433 9 8 10.343 8 12v24c0 1.657 1.433 3 3.2 3h25.6c1.767 0 3.2-1.343 3.2-3V12c0-1.657-1.433-3-3.2-3H11.2Z"/><path class="accent" d="M30 14a1 1 0 0 0-1 1v18a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1V15a1 1 0 0 0-1-1h-4Zm-9 8a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v11a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1V22Zm-8 5a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1v-6Z"/></svg>';
+defineCustomElement('sinch-icon-branded-barchart-up', createIconClass(templateHTML));

package/{icon-branded/contact → icons-branded/bell}/index.d.ts

@@ -2,10 +2,10 @@ import type { TSinchIconBrandedElement, TSinchIconBrandedReact } from '../types'
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            'sinch-icon-contact': TSinchIconBrandedReact;
+            'sinch-icon-branded-bell': TSinchIconBrandedReact;
         }
     }
     interface HTMLElementTagNameMap {
-        'sinch-icon-contact': TSinchIconBrandedElement;
+        'sinch-icon-branded-bell': TSinchIconBrandedElement;
     }
 }

package/icons-branded/bell/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="M15.982 12.277C17.506 10.154 20.08 8 24 8c3.91 0 6.445 2.07 7.956 4.168a12.9 12.9 0 0 1 1.58 2.95c.16.425.276.804.351 1.11.038.153.067.295.086.422.008.053.018.122.023.198.073.288.108.628.134.941.024.308.045.671.067 1.062l.02.365c.062 1.078.154 2.392.394 3.804.483 2.835 1.548 5.955 4.062 8.24A1 1 0 0 1 38 33H10a1 1 0 0 1-.633-1.774c2.47-2.021 3.536-5.104 4.022-8.015.24-1.444.332-2.805.394-3.923l.02-.378c.022-.405.042-.78.067-1.098.023-.295.06-.768.122-1.044 0-.058-.003.044 0 0 .011-.138.037-.287.07-.434.066-.3.177-.674.333-1.092.313-.838.828-1.907 1.587-2.965Zm.01 4.601c-.026.166-.084.53-.08.63-.003.01-.024.14 0 0-.008.035.008-.058 0 0a7.79 7.79 0 0 0-.048.46c-.023.29-.04.631-.062 1.03l-.022.401c-.063 1.133-.16 2.584-.419 4.14-.402 2.415-1.213 5.183-2.996 7.461h23.368c-1.842-2.414-2.68-5.218-3.094-7.645-.26-1.525-.356-2.93-.419-4.024a229.31 229.31 0 0 1-.021-.388 41.82 41.82 0 0 0-.063-.992c-.032-.396-.066-.578-.085-.635-.05-.316-.053-.221-.05-.335a3.036 3.036 0 0 0-.056-.277 7.907 7.907 0 0 0-.28-.88 10.9 10.9 0 0 0-1.331-2.487C29.082 11.599 27.09 10 24 10c-3.079 0-5.113 1.659-6.393 3.443a10.975 10.975 0 0 0-1.339 2.5 6.37 6.37 0 0 0-.253.82c-.01.05-.018.088-.022.115Zm16.01.119v-.003.003Z"/><path class="accent" d="M28 34a4 4 0 0 1-8 0h2.007a1.992 1.992 0 1 0 3.986 0H28Z"/></svg>';
+defineCustomElement('sinch-icon-branded-bell', createIconClass(templateHTML));

package/{icon-branded/multiple-channels → icons-branded/campaigns}/index.d.ts

@@ -2,10 +2,10 @@ import type { TSinchIconBrandedElement, TSinchIconBrandedReact } from '../types'
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            'sinch-icon-multiple-channels': TSinchIconBrandedReact;
+            'sinch-icon-branded-campaigns': TSinchIconBrandedReact;
         }
     }
     interface HTMLElementTagNameMap {
-        'sinch-icon-multiple-channels': TSinchIconBrandedElement;
+        'sinch-icon-branded-campaigns': TSinchIconBrandedElement;
     }
 }

package/{icon-branded → icons-branded}/campaigns/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 d="M40.761 11.657 7.085 20.52a.114.114 0 0 0-.017.216l9.857 4.413-1.855 1.36-8.82-3.948a2.115 2.115 0 0 1 .326-3.975l34.355-9.04a1.506 1.506 0 0 1 1.884 1.587l-1.785 20.52c-.02.23-.083.453-.186.658a5.471 5.471 0 0 1-7.129 2.547l-12.391-5.549 1.855-1.36 11.354 5.083a3.47 3.47 0 0 0 4.508-1.586l1.72-19.789Z"/><path id="accent" d="M24.854 30.89 19 37.394v-8.863L37.06 16.33a1 1 0 1 0-1.12-1.658L17 27.47v9.925c0 1.833 2.26 2.7 3.487 1.338l6.285-6.983-1.918-.86Z"/></svg>';
-defineCustomElement('sinch-icon-campaigns', createIconClass(templateHTML));
+const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true"><path d="M40.761 11.657 7.085 20.52a.114.114 0 0 0-.017.216l9.857 4.413-1.855 1.36-8.82-3.948a2.115 2.115 0 0 1 .326-3.975l34.355-9.04a1.506 1.506 0 0 1 1.884 1.587l-1.785 20.52c-.02.23-.083.453-.186.658a5.471 5.471 0 0 1-7.129 2.547l-12.391-5.549 1.855-1.36 11.354 5.083a3.47 3.47 0 0 0 4.508-1.586l1.72-19.789Z"/><path class="accent" d="M24.854 30.89 19 37.394v-8.863L37.06 16.33a1 1 0 1 0-1.12-1.658L17 27.47v9.925c0 1.833 2.26 2.7 3.487 1.338l6.285-6.983-1.918-.86Z"/></svg>';
+defineCustomElement('sinch-icon-branded-campaigns', createIconClass(templateHTML));

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

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

package/{icon-branded → icons-branded}/chatbot/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="M25 10.874A4.002 4.002 0 0 0 24 3a4 4 0 0 0-1 7.874V13H12a3 3 0 0 0-3 3v16a3 3 0 0 0 3 3h2v5.69L23.95 35H36a3 3 0 0 0 3-3V16a3 3 0 0 0-3-3H25v-2.126ZM26 7a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm10 8.01a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H23.43L16 37.25V33h-4a1 1 0 0 1-1-1V16a1 1 0 0 1 1-1l24 .01Z"/><path id="accent" d="M18 18a4 4 0 0 0-3.465 6s1.152-2 3.465-2c2.313 0 3.465 2 3.465 2A4 4 0 0 0 18 18Zm12 0a4 4 0 0 0-3.465 6s1.152-2 3.465-2c2.313 0 3.465 2 3.465 2A4 4 0 0 0 30 18ZM19 28a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2h-4Zm8 1a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm2 1a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z"/></svg>';
-defineCustomElement('sinch-icon-chatbot', createIconClass(templateHTML));
+const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M25 10.874A4.002 4.002 0 0 0 24 3a4 4 0 0 0-1 7.874V13H12a3 3 0 0 0-3 3v16a3 3 0 0 0 3 3h2v5.69L23.95 35H36a3 3 0 0 0 3-3V16a3 3 0 0 0-3-3H25v-2.126ZM26 7a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm10 8.01a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H23.43L16 37.25V33h-4a1 1 0 0 1-1-1V16a1 1 0 0 1 1-1l24 .01Z"/><path class="accent" d="M18 18a4 4 0 0 0-3.465 6s1.152-2 3.465-2c2.313 0 3.465 2 3.465 2A4 4 0 0 0 18 18Zm12 0a4 4 0 0 0-3.465 6s1.152-2 3.465-2c2.313 0 3.465 2 3.465 2A4 4 0 0 0 30 18ZM19 28a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2h-4Zm8 1a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm2 1a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z"/></svg>';
+defineCustomElement('sinch-icon-branded-chatbot', createIconClass(templateHTML));

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

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

package/{icon-branded → icons-branded}/contact/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="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 id="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>';
-defineCustomElement('sinch-icon-contact', createIconClass(templateHTML));
+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>';
+defineCustomElement('sinch-icon-branded-contact', createIconClass(templateHTML));

package/{icon-branded → icons-branded}/create-icon-class.js

@@ -1,5 +1,5 @@
 import { getBooleanAttribute, getIntegerAttribute, updateAttribute, updateBooleanAttribute, updateIntegerAttribute } from '../utils';
-const iconStylesHtml = '<style>:host{display:inline-block;vertical-align:middle}svg{display:block;fill:var(--sinch-color-stormy-500)}#accent{fill:var(--sinch-color-text-link)}:host([inverted]:not([inverted=false])) svg{fill:var(--sinch-color-snow-100)}:host([inverted]:not([inverted=false])) #accent{fill:var(--sinch-color-honey-500)}</style>';
+const iconStylesHtml = '<style>:host{display:inline-block;vertical-align:middle}svg{display:block;fill:var(--sinch-color-stormy-500)}.accent{fill:var(--sinch-color-text-link)}:host([inverted]:not([inverted=false])) svg{fill:var(--sinch-color-snow-100)}:host([inverted]:not([inverted=false])) .accent{fill:var(--sinch-color-honey-500)}</style>';
 const DEFAULT_SIZE = 48;
 const MIN_SIZE = 4;
 const MAX_SIZE = 256;

package/{icon-branded/campaigns → icons-branded/home}/index.d.ts

@@ -2,10 +2,10 @@ import type { TSinchIconBrandedElement, TSinchIconBrandedReact } from '../types'
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            'sinch-icon-campaigns': TSinchIconBrandedReact;
+            'sinch-icon-branded-home': TSinchIconBrandedReact;
         }
     }
     interface HTMLElementTagNameMap {
-        'sinch-icon-campaigns': TSinchIconBrandedElement;
+        'sinch-icon-branded-home': TSinchIconBrandedElement;
     }
 }

package/{icon-branded → icons-branded}/home/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="M25.076 10.128a1 1 0 0 0-1.152 0l-11.5 8.092a1 1 0 0 0-.424.818V35.5c0 .552.448 1.5 1 1.5h6V24.5a3 3 0 0 1 3-3h5a3 3 0 0 1 3 3V37h6c.552 0 1-.948 1-1.5V19.038a1 1 0 0 0-.425-.818l-11.5-8.092ZM28 37V24.5a1 1 0 0 0-1-1h-5a1 1 0 0 0-1 1V37h7ZM22.773 8.492a3 3 0 0 1 3.454 0l11.5 8.093A3 3 0 0 1 39 19.038V35.5c0 1.657-1.343 3.5-3 3.5H13c-1.657 0-3-1.843-3-3.5V19.038a3 3 0 0 1 1.274-2.453l11.5-8.093Z"/><path id="accent" fill-rule="evenodd" clip-rule="evenodd" d="M23.923 3.183a1 1 0 0 1 1.17.011l17 12.5a1 1 0 0 1-1.185 1.612L24.488 5.232 11.587 14.34l-3.99 2.964a1 1 0 1 1-1.193-1.606L10 13.026V7a1 1 0 0 1 1-1h3.5a1 1 0 0 1 1 1v2.128l8.423-5.945ZM13.501 10.54V8H12v3.599l1.5-1.06Z"/></svg>';
-defineCustomElement('sinch-icon-home', createIconClass(templateHTML));
+const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M25.076 10.128a1 1 0 0 0-1.152 0l-11.5 8.092a1 1 0 0 0-.424.818V35.5c0 .552.448 1.5 1 1.5h6V24.5a3 3 0 0 1 3-3h5a3 3 0 0 1 3 3V37h6c.552 0 1-.948 1-1.5V19.038a1 1 0 0 0-.425-.818l-11.5-8.092ZM28 37V24.5a1 1 0 0 0-1-1h-5a1 1 0 0 0-1 1V37h7ZM22.773 8.492a3 3 0 0 1 3.454 0l11.5 8.093A3 3 0 0 1 39 19.038V35.5c0 1.657-1.343 3.5-3 3.5H13c-1.657 0-3-1.843-3-3.5V19.038a3 3 0 0 1 1.274-2.453l11.5-8.093Z"/><path class="accent" fill-rule="evenodd" clip-rule="evenodd" d="M23.923 3.183a1 1 0 0 1 1.17.011l17 12.5a1 1 0 0 1-1.185 1.612L24.488 5.232 11.587 14.34l-3.99 2.964a1 1 0 1 1-1.193-1.606L10 13.026V7a1 1 0 0 1 1-1h3.5a1 1 0 0 1 1 1v2.128l8.423-5.945ZM13.501 10.54V8H12v3.599l1.5-1.06Z"/></svg>';
+defineCustomElement('sinch-icon-branded-home', createIconClass(templateHTML));

package/icons-branded/multiple-channels/index.d.ts

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

package/{icon-branded → icons-branded}/multiple-channels/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="M10 6a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h2v5.266L20.777 24H28a2 2 0 0 0 2-2V12h7.5a.5.5 0 0 1 .5.5v13a.5.5 0 0 1-.5.5H34v4.131L27.803 26h-6.56l-2.513 1.545c.346.284.788.455 1.27.455h7.197L36 33.868V32h1.5a.5.5 0 0 1 .5.5v4c0 .5 0 1.5-.5 1.5h-27c-.5 0-.5-.5-.5-1.5v-4a.5.5 0 0 1 .5-.5h16.78L25 30H10a2 2 0 0 0-2 2v5c0 2 0 3 2 3h28c2 0 2-1 2-3v-5a2 2 0 0 0-2-2h-2v-2h2a2 2 0 0 0 2-2V12a2 2 0 0 0-2-2h-8V8a2 2 0 0 0-2-2H10Zm0 2.5a.5.5 0 0 1 .5-.5h17a.5.5 0 0 1 .5.5v13a.5.5 0 0 1-.5.5h-7.277L14 25.734V22h-3.5a.5.5 0 0 1-.5-.5v-13Z"/><path id="accent" fill-rule="evenodd" clip-rule="evenodd" d="M13 12a1 1 0 1 0 0 2h12a1 1 0 1 0 0-2H13Zm0 4a1 1 0 1 0 0 2h12a1 1 0 1 0 0-2H13Zm-1 19a1 1 0 0 1 1-1h12a1 1 0 1 1 0 2H13a1 1 0 0 1-1-1Zm16 1a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z"/></svg>';
-defineCustomElement('sinch-icon-multiple-channels', createIconClass(templateHTML));
+const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M10 6a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h2v5.266L20.777 24H28a2 2 0 0 0 2-2V12h7.5a.5.5 0 0 1 .5.5v13a.5.5 0 0 1-.5.5H34v4.131L27.803 26h-6.56l-2.513 1.545c.346.284.788.455 1.27.455h7.197L36 33.868V32h1.5a.5.5 0 0 1 .5.5v4c0 .5 0 1.5-.5 1.5h-27c-.5 0-.5-.5-.5-1.5v-4a.5.5 0 0 1 .5-.5h16.78L25 30H10a2 2 0 0 0-2 2v5c0 2 0 3 2 3h28c2 0 2-1 2-3v-5a2 2 0 0 0-2-2h-2v-2h2a2 2 0 0 0 2-2V12a2 2 0 0 0-2-2h-8V8a2 2 0 0 0-2-2H10Zm0 2.5a.5.5 0 0 1 .5-.5h17a.5.5 0 0 1 .5.5v13a.5.5 0 0 1-.5.5h-7.277L14 25.734V22h-3.5a.5.5 0 0 1-.5-.5v-13Z"/><path class="accent" fill-rule="evenodd" clip-rule="evenodd" d="M13 12a1 1 0 1 0 0 2h12a1 1 0 1 0 0-2H13Zm0 4a1 1 0 1 0 0 2h12a1 1 0 1 0 0-2H13Zm-1 19a1 1 0 0 1 1-1h12a1 1 0 1 1 0 2H13a1 1 0 0 1-1-1Zm16 1a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z"/></svg>';
+defineCustomElement('sinch-icon-branded-multiple-channels', createIconClass(templateHTML));

package/{icon-branded/chatbot → icons-branded/rocket}/index.d.ts

@@ -2,10 +2,10 @@ import type { TSinchIconBrandedElement, TSinchIconBrandedReact } from '../types'
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            'sinch-icon-chatbot': TSinchIconBrandedReact;
+            'sinch-icon-branded-rocket': TSinchIconBrandedReact;
         }
     }
     interface HTMLElementTagNameMap {
-        'sinch-icon-chatbot': TSinchIconBrandedElement;
+        'sinch-icon-branded-rocket': TSinchIconBrandedElement;
     }
 }

package/{icon-branded → 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 id="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>';
-defineCustomElement('sinch-icon-rocket', createIconClass(templateHTML));
+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>';
+defineCustomElement('sinch-icon-branded-rocket', createIconClass(templateHTML));

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

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

package/{icon-branded → 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 id="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>';
-defineCustomElement('sinch-icon-settings', createIconClass(templateHTML));
+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>';
+defineCustomElement('sinch-icon-branded-settings', createIconClass(templateHTML));

package/{icon-branded/barchart-up → icons-branded/user}/index.d.ts

@@ -2,10 +2,10 @@ import type { TSinchIconBrandedElement, TSinchIconBrandedReact } from '../types'
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            'sinch-icon-barchart-up': TSinchIconBrandedReact;
+            'sinch-icon-branded-user': TSinchIconBrandedReact;
         }
     }
     interface HTMLElementTagNameMap {
-        'sinch-icon-barchart-up': TSinchIconBrandedElement;
+        'sinch-icon-branded-user': TSinchIconBrandedElement;
     }
 }

package/icons-branded/user/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 class="accent" fill-rule="evenodd" clip-rule="evenodd" d="M24 13a4 4 0 1 0 0 8 4 4 0 0 0 0-8Zm-6 4a6 6 0 1 1 12 0 6 6 0 0 1-12 0Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M17.724 31.24C16.111 32.705 15 34.929 15 38a1 1 0 1 1-2 0c0-3.596 1.322-6.371 3.378-8.24 2.04-1.854 4.74-2.76 7.425-2.76 5.385 0 10.909 3.675 11.196 10.96a1 1 0 1 1-1.998.08c-.239-6.05-4.715-9.04-9.198-9.04-2.25 0-4.451.76-6.08 2.24Z"/></svg>';
+defineCustomElement('sinch-icon-branded-user', createIconClass(templateHTML));

package/{icon-branded/barchart-down → icons-branded/users}/index.d.ts

@@ -2,10 +2,10 @@ import type { TSinchIconBrandedElement, TSinchIconBrandedReact } from '../types'
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            'sinch-icon-barchart-down': TSinchIconBrandedReact;
+            'sinch-icon-branded-users': TSinchIconBrandedReact;
         }
     }
     interface HTMLElementTagNameMap {
-        'sinch-icon-barchart-down': TSinchIconBrandedElement;
+        'sinch-icon-branded-users': TSinchIconBrandedElement;
     }
 }

package/{icon-branded → icons-branded}/users/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="M19 11a6 6 0 1 0 0 12 6 6 0 0 0 0-12Zm-4 6a4 4 0 1 1 8 0 4 4 0 0 1-8 0Z"/><path d="M10 38c0-3.071 1.112-5.295 2.723-6.76 1.628-1.48 3.83-2.24 6.08-2.24 4.483 0 8.959 2.991 9.198 9.04a1 1 0 1 0 1.998-.08C29.712 30.676 24.188 27 18.803 27c-2.685 0-5.385.906-7.425 2.76C9.322 31.629 8 34.404 8 38a1 1 0 1 0 2 0Z"/><path id="accent" d="M30.296 11.457A6 6 0 0 0 28 11v2a4 4 0 0 1 0 8v2a6 6 0 0 0 2.296-11.543ZM32 29.804v-2.158c3.731 1.352 6.793 4.82 7 10.316a1 1 0 1 1-2 .075c-.16-4.26-2.296-6.982-5-8.233Z"/></svg>';
-defineCustomElement('sinch-icon-users', createIconClass(templateHTML));
+const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M19 11a6 6 0 1 0 0 12 6 6 0 0 0 0-12Zm-4 6a4 4 0 1 1 8 0 4 4 0 0 1-8 0Z"/><path d="M10 38c0-3.071 1.112-5.295 2.723-6.76 1.628-1.48 3.83-2.24 6.08-2.24 4.483 0 8.959 2.991 9.198 9.04a1 1 0 1 0 1.998-.08C29.712 30.676 24.188 27 18.803 27c-2.685 0-5.385.906-7.425 2.76C9.322 31.629 8 34.404 8 38a1 1 0 1 0 2 0Z"/><path class="accent" d="M30.296 11.457A6 6 0 0 0 28 11v2a4 4 0 0 1 0 8v2a6 6 0 0 0 2.296-11.543ZM32 29.804v-2.158c3.731 1.352 6.793 4.82 7 10.316a1 1 0 1 1-2 .075c-.16-4.26-2.296-6.982-5-8.233Z"/></svg>';
+defineCustomElement('sinch-icon-branded-users', createIconClass(templateHTML));

package/icons-channel/apple-business-chat/index.d.ts

@@ -0,0 +1,11 @@
+import type { TSinchIconChannelElement, TSinchIconChannelReact } from '../types';
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'sinch-icon-channel-apple-business-chat': TSinchIconChannelReact;
+        }
+    }
+    interface HTMLElementTagNameMap {
+        'sinch-icon-channel-apple-business-chat': TSinchIconChannelElement;
+    }
+}