@nectary/components 0.22.0 → 0.24.0

package/icons/search/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 14h-.79l-.28-.27a6.5 6.5 0 0 0 1.48-5.34c-.47-2.78-2.79-5-5.59-5.34a6.505 6.505 0 0 0-7.27 7.27c.34 2.8 2.56 5.12 5.34 5.59a6.5 6.5 0 0 0 5.34-1.48l.27.28v.79l4.25 4.25c.41.41 1.08.41 1.49 0 .41-.41.41-1.08 0-1.49L15.5 14Zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14Z"/></svg>';
+defineCustomElement('sinch-icon-search', createIconClass(templateHTML));

package/icons/send/index.d.ts

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

package/icons/send/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.4 20.4 17.45-7.48a1 1 0 0 0 0-1.84L3.4 3.6a.993.993 0 0 0-1.39.91L2 9.12c0 .5.37.93.87.99L17 12 2.87 13.88c-.5.07-.87.5-.87 1l.01 4.61c0 .71.73 1.2 1.39.91Z"/></svg>';
+defineCustomElement('sinch-icon-send', createIconClass(templateHTML));

package/icons/settings/index.d.ts

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

package/icons/settings/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.43 12.98c.04-.32.07-.64.07-.98 0-.34-.03-.66-.07-.98l2.11-1.65c.19-.15.24-.42.12-.64l-2-3.46c-.12-.22-.39-.3-.61-.22l-2.49 1c-.52-.4-1.08-.73-1.69-.98l-.38-2.65A.488.488 0 0 0 14 2h-4c-.25 0-.46.18-.49.42l-.38 2.65c-.61.25-1.17.59-1.69.98l-2.49-1c-.23-.09-.49 0-.61.22l-2 3.46c-.13.22-.07.49.12.64l2.11 1.65c-.04.32-.07.65-.07.98 0 .33.03.66.07.98l-2.11 1.65c-.19.15-.24.42-.12.64l2 3.46c.12.22.39.3.61.22l2.49-1c.52.4 1.08.73 1.69.98l.38 2.65c.03.24.24.42.49.42h4c.25 0 .46-.18.49-.42l.38-2.65c.61-.25 1.17-.59 1.69-.98l2.49 1c.23.09.49 0 .61-.22l2-3.46c.12-.22.07-.49-.12-.64l-2.11-1.65ZM12 15.5c-1.93 0-3.5-1.57-3.5-3.5s1.57-3.5 3.5-3.5 3.5 1.57 3.5 3.5-1.57 3.5-3.5 3.5Z"/></svg>';
+defineCustomElement('sinch-icon-settings', createIconClass(templateHTML));

package/icons/snippet-folder/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.88 10.5 1.62 1.62v3.38h-3v-5h1.38ZM22 8v10c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2l.01-12c0-1.1.89-2 1.99-2h5.17c.53 0 1.04.21 1.41.59L12 6h8c1.1 0 2 .9 2 2Zm-3 3.91c0-.27-.11-.52-.29-.71L16.8 9.29c-.19-.18-.45-.29-.71-.29H14c-.55 0-1 .45-1 1v6c0 .55.45 1 1 1h4c.55 0 1-.45 1-1v-4.09Z"/></svg>';
+defineCustomElement('sinch-icon-snippet-folder', createIconClass(templateHTML));

package/{icon → icons}/south/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.3 14.29a.996.996 0 0 0-1.41 0L13 18.17V3c0-.55-.45-1-1-1s-1 .45-1 1v15.18L7.12 14.3a.996.996 0 1 0-1.41 1.41l5.59 5.59c.39.39 1.02.39 1.41 0l5.59-5.59c.38-.39.38-1.03 0-1.42Z"/></svg>';
+const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M18.3 14.29a.996.996 0 0 0-1.41 0L13 18.17V3c0-.55-.45-1-1-1s-1 .45-1 1v15.18L7.12 14.3a.996.996 0 1 0-1.41 1.41l5.59 5.59c.39.39 1.02.39 1.41 0l5.59-5.59c.38-.39.38-1.03 0-1.42Z"/></svg>';
 defineCustomElement('sinch-icon-south', createIconClass(templateHTML));

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.d.ts

@@ -5,6 +5,7 @@ export declare const createIconClass: (templateHTML: string) => {
         inverted: boolean;
         connectedCallback(): void;
         attributeChangedCallback(name: string, _: string | null, newVal: string | null): void;
+        attachShadow(): ShadowRoot;
         accessKey: string;
         readonly accessKeyLabel: string;
         autocapitalize: string;
@@ -51,7 +52,6 @@ export declare const createIconClass: (templateHTML: string) => {
         readonly shadowRoot: ShadowRoot | null;
         slot: string;
         readonly tagName: string;
-        attachShadow(init: ShadowRootInit): ShadowRoot;
         closest<K_2 extends keyof HTMLElementTagNameMap>(selector: K_2): HTMLElementTagNameMap[K_2] | null;
         closest<K_3 extends keyof SVGElementTagNameMap>(selector: K_3): SVGElementTagNameMap[K_3] | null;
         closest<E extends Element = Element>(selectors: string): E | null;

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

@@ -1,17 +1,15 @@
-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>';
+import { getBooleanAttribute, getIntegerAttribute, NectaryElement, 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 DEFAULT_SIZE = 48;
 const MIN_SIZE = 4;
 const MAX_SIZE = 256;
 export const createIconClass = templateHTML => {
   const template = document.createElement('template');
   template.innerHTML = iconStylesHtml + templateHTML;
-  return class extends HTMLElement {
+  return class extends NectaryElement {
     constructor() {
       super();
-      const shadowRoot = this.attachShadow({
-        mode: 'closed'
-      });
+      const shadowRoot = this.attachShadow();
       shadowRoot.appendChild(template.content.cloneNode(true));
       this.$svg = shadowRoot.querySelector('svg');
     }

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;
     }
 }