@nectary/assets 3.0.0 → 3.0.1

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

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

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

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

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

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

package/icons-branded/webhook/index.js

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

package/icons-branded/wheels/index.js

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

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

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

package/icons-channel/apple-business-chat/index.js

@@ -1,6 +1,6 @@
 import { defineCustomElement } from "../../utils/element.js";
 import { createIconClass } from "../create-icon-class.js";
-const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true" focusable="false">\n  <linearGradient id="apple-business-chat-gradient" x1="24" x2="24" y1="48.13" y2=".13" gradientUnits="userSpaceOnUse">\n    <stop offset="0" stop-color="#0cbd2a"/>\n    <stop offset="1" stop-color="#5bf675"/>\n  </linearGradient>\n  <circle id="b" cx="24" cy="24" r="24" fill="url(#apple-business-chat-gradient)" overflow="visible"/>\n  <path fill="#fff" d="M24 10c-8.7 0-15.8 5.9-15.8 13.1 0 4.6 2.9 8.9 7.7 11.3-.6 1.4-1.6 2.7-2.8 3.9 2.3-.4 4.5-1.3 6.4-2.5 1.4.4 3 .5 4.5.5 8.7 0 15.8-5.9 15.8-13.1C39.8 15.8 32.7 10 24 10z"/>\n</svg>\n';
+const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true" focusable="false"><linearGradient id="apple-business-chat-gradient" x1="24" x2="24" y1="48.13" y2=".13" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#0cbd2a"/><stop offset="1" stop-color="#5bf675"/></linearGradient><circle id="b" cx="24" cy="24" r="24" fill="url(#apple-business-chat-gradient)" overflow="visible"/><path fill="#fff" d="M24 10c-8.7 0-15.8 5.9-15.8 13.1 0 4.6 2.9 8.9 7.7 11.3-.6 1.4-1.6 2.7-2.8 3.9 2.3-.4 4.5-1.3 6.4-2.5 1.4.4 3 .5 4.5.5 8.7 0 15.8-5.9 15.8-13.1C39.8 15.8 32.7 10 24 10z"/></svg>';
 const IconChannelAppleBusinessChat = createIconClass(templateHTML);
 defineCustomElement("sinch-icon-channel-apple-business-chat", IconChannelAppleBusinessChat);
 export {

package/icons-channel/apple-business-chat-square/index.js

@@ -1,6 +1,6 @@
 import { defineCustomElement } from "../../utils/element.js";
 import { createIconClass } from "../create-icon-class.js";
-const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true" focusable="false">\n  <path d="M7.7 0h32.5c4.2 0 7.6 3.414 7.6 7.632v32.636c0 4.217-3.4 7.632-7.6 7.632H7.7c-4.2 0-7.6-3.415-7.6-7.632V7.632C.1 3.414 3.5 0 7.7 0Z" fill="url(#apple-business-chat-square-gradient)"/>\n  <path d="M24.4 7.531c-9.7 0-17.5 6.528-17.5 14.662 0 5.12 3.2 9.94 8.5 12.552-.7 1.506-1.7 3.012-3.1 4.318 2.6-.502 5-1.406 7.1-2.812 1.6.402 3.3.602 5 .602 9.7 0 17.5-6.527 17.5-14.66C42 14.058 34.1 7.53 24.4 7.53Z" fill="#fff"/>\n  <defs>\n    <linearGradient id="apple-business-chat-square-gradient" x1="23.95" y1="48.25" x2="23.95" y2=".35" gradientUnits="userSpaceOnUse">\n      <stop stop-color="#0CBD2A"/>\n      <stop offset="1" stop-color="#5BF675"/>\n    </linearGradient>\n  </defs>\n</svg>\n';
+const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true" focusable="false"><path d="M7.7 0h32.5c4.2 0 7.6 3.414 7.6 7.632v32.636c0 4.217-3.4 7.632-7.6 7.632H7.7c-4.2 0-7.6-3.415-7.6-7.632V7.632C.1 3.414 3.5 0 7.7 0Z" fill="url(#apple-business-chat-square-gradient)"/><path d="M24.4 7.531c-9.7 0-17.5 6.528-17.5 14.662 0 5.12 3.2 9.94 8.5 12.552-.7 1.506-1.7 3.012-3.1 4.318 2.6-.502 5-1.406 7.1-2.812 1.6.402 3.3.602 5 .602 9.7 0 17.5-6.527 17.5-14.66C42 14.058 34.1 7.53 24.4 7.53Z" fill="#fff"/><defs><linearGradient id="apple-business-chat-square-gradient" x1="23.95" y1="48.25" x2="23.95" y2=".35" gradientUnits="userSpaceOnUse"><stop stop-color="#0CBD2A"/><stop offset="1" stop-color="#5BF675"/></linearGradient></defs></svg>';
 const IconChannelAppleBusinessChatSquare = createIconClass(templateHTML);
 defineCustomElement("sinch-icon-channel-apple-business-chat-square", IconChannelAppleBusinessChatSquare);
 export {

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

@@ -1,6 +1,6 @@
 import { updateAttribute, getIntegerAttribute, 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\nsvg {\n  display: block;\n  pointer-events: none;\n  height: var(--sinch-global-size-icon, 48px);\n}\n</style>\n";
+const iconStylesHtml = "<style>:host{display:inline-block;vertical-align:middle}svg{display:block;pointer-events:none;height:var(--sinch-global-size-icon,48px)}</style>";
 const DEFAULT_SIZE = 48;
 const MIN_SIZE = 4;
 const MAX_SIZE = 256;

package/icons-channel/facebook/index.js

@@ -1,6 +1,6 @@
 import { defineCustomElement } from "../../utils/element.js";
 import { createIconClass } from "../create-icon-class.js";
-const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true" focusable="false">\n  <path d="M24 49c13.255 0 24-10.745 24-24S37.255 1 24 1 0 11.745 0 25s10.745 24 24 24Z" fill="#1877F2"/>\n  <path d="M33.346 31.938 34.41 25h-6.656v-4.502c0-1.898.93-3.748 3.91-3.748h3.027v-5.906s-2.746-.469-5.372-.469c-5.482 0-9.065 3.322-9.065 9.337V25H14.16v6.938h6.094v16.77a24.168 24.168 0 0 0 7.5 0v-16.77h5.592Z" fill="#fff"/>\n</svg>\n';
+const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true" focusable="false"><path d="M24 49c13.255 0 24-10.745 24-24S37.255 1 24 1 0 11.745 0 25s10.745 24 24 24Z" fill="#1877F2"/><path d="M33.346 31.938 34.41 25h-6.656v-4.502c0-1.898.93-3.748 3.91-3.748h3.027v-5.906s-2.746-.469-5.372-.469c-5.482 0-9.065 3.322-9.065 9.337V25H14.16v6.938h6.094v16.77a24.168 24.168 0 0 0 7.5 0v-16.77h5.592Z" fill="#fff"/></svg>';
 const IconChannelFacebook = createIconClass(templateHTML);
 defineCustomElement("sinch-icon-channel-facebook", IconChannelFacebook);
 export {

package/icons-channel/facebook-messenger/index.js

@@ -1,6 +1,6 @@
 import { defineCustomElement } from "../../utils/element.js";
 import { createIconClass } from "../create-icon-class.js";
-const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true" focusable="false">\n  <clipPath id="c">\n    <path d="M24 48c13.3 0 24-10.7 24-24S37.3 0 24 0 0 10.7 0 24s10.7 24 24 24z" overflow="visible" />\n  </clipPath>\n  <radialGradient id="b" cx="-607.428" cy="528.408" r="1" gradientTransform="matrix(52.1753 0 0 -52.0245 31702.027 27537.644)" gradientUnits="userSpaceOnUse">\n    <stop offset="0" stop-color="#09f"/>\n    <stop offset=".61" stop-color="#a033ff"/>\n    <stop offset=".935" stop-color="#ff5280"/>\n    <stop offset="1" stop-color="#ff7061"/>\n  </radialGradient>\n  <path fill="url(#b)" d="M8.1 0H40c4.4 0 8 3.6 8 8v31.8c0 4.4-3.6 8-8 8H8.1c-4.4 0-8-3.6-8-8V8c0-4.4 3.5-8 8-8z" clip-path="url(#c)"/>\n  <path fill="#fff" d="M24 9C15.5 9 8.8 15.1 8.8 23.5c0 4.4 1.8 8.1 4.8 10.7.2.2.4.5.4.9l.1 2.7c0 .8.9 1.4 1.7 1.1l3-1.3c.3-.1.5-.1.8-.1 1.4.3 2.9.5 4.4.5 8.5 0 15.2-6.2 15.2-14.5S32.5 9 24 9z"/>\n  <radialGradient id="d" cx="-595.366" cy="495.039" r="1" gradientTransform="matrix(20.1092 0 0 -10.6522 11990.652 5302.023)" gradientUnits="userSpaceOnUse">\n    <stop offset="0" stop-color="#09f"/>\n    <stop offset=".61" stop-color="#a033ff"/>\n    <stop offset=".935" stop-color="#ff5280"/>\n    <stop offset="1" stop-color="#ff7061"/>\n  </radialGradient>\n  <path fill="url(#d)" d="m14.9 27.7 4.5-7c.7-1.1 2.2-1.4 3.3-.6l3.5 2.6c.3.2.8.2 1.1 0l4.8-3.6c.6-.5 1.5.3 1 .9l-4.5 7c-.7 1.1-2.2 1.4-3.3.6L21.8 25c-.3-.2-.8-.2-1.1 0l-4.8 3.6c-.6.5-1.4-.2-1-.9z"/>\n</svg>\n';
+const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true" focusable="false"><clipPath id="c"><path d="M24 48c13.3 0 24-10.7 24-24S37.3 0 24 0 0 10.7 0 24s10.7 24 24 24z" overflow="visible"/></clipPath><radialGradient id="b" cx="-607.428" cy="528.408" r="1" gradientTransform="matrix(52.1753 0 0 -52.0245 31702.027 27537.644)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#09f"/><stop offset=".61" stop-color="#a033ff"/><stop offset=".935" stop-color="#ff5280"/><stop offset="1" stop-color="#ff7061"/></radialGradient><path fill="url(#b)" d="M8.1 0H40c4.4 0 8 3.6 8 8v31.8c0 4.4-3.6 8-8 8H8.1c-4.4 0-8-3.6-8-8V8c0-4.4 3.5-8 8-8z" clip-path="url(#c)"/><path fill="#fff" d="M24 9C15.5 9 8.8 15.1 8.8 23.5c0 4.4 1.8 8.1 4.8 10.7.2.2.4.5.4.9l.1 2.7c0 .8.9 1.4 1.7 1.1l3-1.3c.3-.1.5-.1.8-.1 1.4.3 2.9.5 4.4.5 8.5 0 15.2-6.2 15.2-14.5S32.5 9 24 9z"/><radialGradient id="d" cx="-595.366" cy="495.039" r="1" gradientTransform="matrix(20.1092 0 0 -10.6522 11990.652 5302.023)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#09f"/><stop offset=".61" stop-color="#a033ff"/><stop offset=".935" stop-color="#ff5280"/><stop offset="1" stop-color="#ff7061"/></radialGradient><path fill="url(#d)" d="m14.9 27.7 4.5-7c.7-1.1 2.2-1.4 3.3-.6l3.5 2.6c.3.2.8.2 1.1 0l4.8-3.6c.6-.5 1.5.3 1 .9l-4.5 7c-.7 1.1-2.2 1.4-3.3.6L21.8 25c-.3-.2-.8-.2-1.1 0l-4.8 3.6c-.6.5-1.4-.2-1-.9z"/></svg>';
 const IconChannelFacebookMessenger = createIconClass(templateHTML);
 defineCustomElement("sinch-icon-channel-facebook-messenger", IconChannelFacebookMessenger);
 export {

package/icons-channel/facebook-messenger-square/index.js

@@ -1,6 +1,6 @@
 import { defineCustomElement } from "../../utils/element.js";
 import { createIconClass } from "../create-icon-class.js";
-const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true" focusable="false">\n  <path d="M8.1 0H40c4.4 0 8 3.615 8 8.033v31.934C48 44.385 44.4 48 40 48H8.1c-4.4 0-8-3.615-8-8.033V8.033C.1 3.615 3.6 0 8.1 0Z" fill="url(#b)"/>\n  <path d="M24.2 9.038c-8.5 0-15.1 6.226-15.1 14.56 0 4.419 1.8 8.134 4.8 10.745.2.2.4.502.4.904l.1 2.711c0 .803.9 1.406 1.7 1.105l3-1.306c.3-.1.5-.1.8-.1 1.4.402 2.9.602 4.4.602 8.5 0 15.2-6.226 15.2-14.56-.1-8.436-6.7-14.661-15.3-14.661Z" fill="#fff"/>\n  <path d="m15.1 27.916 4.5-7.029a2.29 2.29 0 0 1 3.3-.602l3.5 2.61c.3.201.8.201 1.1 0l4.8-3.615c.6-.502 1.5.302 1 .904l-4.5 7.03a2.29 2.29 0 0 1-3.3.602L22 25.205c-.3-.2-.8-.2-1.1 0l-4.8 3.615c-.6.502-1.4-.301-1-.904Z" fill="url(#c)"/>\n  <defs>\n    <radialGradient id="b" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(52.1753 0 0 52.2422 9.289 47.733)">\n      <stop stop-color="#09F"/>\n      <stop offset=".61" stop-color="#A033FF"/>\n      <stop offset=".935" stop-color="#FF5280"/>\n      <stop offset="1" stop-color="#FF7061"/>\n    </radialGradient>\n    <radialGradient id="c" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(20.1092 0 0 10.6968 18.56 28.942)">\n      <stop stop-color="#09F"/>\n      <stop offset=".61" stop-color="#A033FF"/>\n      <stop offset=".935" stop-color="#FF5280"/>\n      <stop offset="1" stop-color="#FF7061"/>\n    </radialGradient>\n  </defs>\n</svg>\n';
+const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true" focusable="false"><path d="M8.1 0H40c4.4 0 8 3.615 8 8.033v31.934C48 44.385 44.4 48 40 48H8.1c-4.4 0-8-3.615-8-8.033V8.033C.1 3.615 3.6 0 8.1 0Z" fill="url(#b)"/><path d="M24.2 9.038c-8.5 0-15.1 6.226-15.1 14.56 0 4.419 1.8 8.134 4.8 10.745.2.2.4.502.4.904l.1 2.711c0 .803.9 1.406 1.7 1.105l3-1.306c.3-.1.5-.1.8-.1 1.4.402 2.9.602 4.4.602 8.5 0 15.2-6.226 15.2-14.56-.1-8.436-6.7-14.661-15.3-14.661Z" fill="#fff"/><path d="m15.1 27.916 4.5-7.029a2.29 2.29 0 0 1 3.3-.602l3.5 2.61c.3.201.8.201 1.1 0l4.8-3.615c.6-.502 1.5.302 1 .904l-4.5 7.03a2.29 2.29 0 0 1-3.3.602L22 25.205c-.3-.2-.8-.2-1.1 0l-4.8 3.615c-.6.502-1.4-.301-1-.904Z" fill="url(#c)"/><defs><radialGradient id="b" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(52.1753 0 0 52.2422 9.289 47.733)"><stop stop-color="#09F"/><stop offset=".61" stop-color="#A033FF"/><stop offset=".935" stop-color="#FF5280"/><stop offset="1" stop-color="#FF7061"/></radialGradient><radialGradient id="c" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(20.1092 0 0 10.6968 18.56 28.942)"><stop stop-color="#09F"/><stop offset=".61" stop-color="#A033FF"/><stop offset=".935" stop-color="#FF5280"/><stop offset="1" stop-color="#FF7061"/></radialGradient></defs></svg>';
 const IconChannelFacebookMessengerSquare = createIconClass(templateHTML);
 defineCustomElement("sinch-icon-channel-facebook-messenger-square", IconChannelFacebookMessengerSquare);
 export {

package/icons-channel/facebook-square/index.js

@@ -1,6 +1,6 @@
 import { defineCustomElement } from "../../utils/element.js";
 import { createIconClass } from "../create-icon-class.js";
-const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true" focusable="false">\n  <path d="M7.648.96h32.704A7.644 7.644 0 0 1 48 8.61v32.704a7.644 7.644 0 0 1-7.648 7.648H7.648A7.644 7.644 0 0 1 0 41.313V8.609A7.644 7.644 0 0 1 7.648.96Z" fill="#1877F2"/>\n  <path d="M33.346 31.938 34.41 25h-6.656v-4.502c0-1.898.93-3.748 3.91-3.748h3.027v-5.906s-2.746-.469-5.372-.469c-5.482 0-9.065 3.322-9.065 9.337V25H14.16v6.938h6.094V49h7.5V31.937h5.592Z" fill="#fff"/>\n</svg>\n';
+const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true" focusable="false"><path d="M7.648.96h32.704A7.644 7.644 0 0 1 48 8.61v32.704a7.644 7.644 0 0 1-7.648 7.648H7.648A7.644 7.644 0 0 1 0 41.313V8.609A7.644 7.644 0 0 1 7.648.96Z" fill="#1877F2"/><path d="M33.346 31.938 34.41 25h-6.656v-4.502c0-1.898.93-3.748 3.91-3.748h3.027v-5.906s-2.746-.469-5.372-.469c-5.482 0-9.065 3.322-9.065 9.337V25H14.16v6.938h6.094V49h7.5V31.937h5.592Z" fill="#fff"/></svg>';
 const IconChannelFacebookSquare = createIconClass(templateHTML);
 defineCustomElement("sinch-icon-channel-facebook-square", IconChannelFacebookSquare);
 export {

package/icons-channel/google-business/index.js

@@ -1,6 +1,6 @@
 import { defineCustomElement } from "../../utils/element.js";
 import { createIconClass } from "../create-icon-class.js";
-const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true" focusable="false">\n  <circle cx="24" cy="24" r="24" fill="#fff"/>\n  <path fill="#4285F4" fill-rule="evenodd" d="M35.76 24.273c0-.851-.076-1.67-.218-2.455H24.24v4.642h6.458a5.52 5.52 0 0 1-2.394 3.622v3.01h3.878c2.269-2.088 3.578-5.165 3.578-8.82Z" clip-rule="evenodd"/>\n  <path fill="#34A853" fill-rule="evenodd" d="M24.24 36c3.24 0 5.956-1.075 7.942-2.907l-3.878-3.011c-1.075.72-2.45 1.145-4.064 1.145-3.125 0-5.77-2.11-6.715-4.947h-4.009v3.11A11.995 11.995 0 0 0 24.24 36Z" clip-rule="evenodd"/>\n  <path fill="#FBBC05" fill-rule="evenodd" d="M17.525 26.28A7.213 7.213 0 0 1 17.15 24c0-.79.136-1.56.376-2.28v-3.11h-4.009A11.994 11.994 0 0 0 12.24 24c0 1.936.464 3.77 1.276 5.39l4.01-3.11Z" clip-rule="evenodd"/>\n  <path fill="#EA4335" fill-rule="evenodd" d="M24.24 16.773c1.762 0 3.344.605 4.587 1.794l3.442-3.441C30.191 13.189 27.475 12 24.24 12c-4.69 0-8.75 2.69-10.724 6.61l4.01 3.11c.943-2.836 3.588-4.947 6.714-4.947Z" clip-rule="evenodd"/>\n</svg>\n';
+const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true" focusable="false"><circle cx="24" cy="24" r="24" fill="#fff"/><path fill="#4285F4" fill-rule="evenodd" d="M35.76 24.273c0-.851-.076-1.67-.218-2.455H24.24v4.642h6.458a5.52 5.52 0 0 1-2.394 3.622v3.01h3.878c2.269-2.088 3.578-5.165 3.578-8.82Z" clip-rule="evenodd"/><path fill="#34A853" fill-rule="evenodd" d="M24.24 36c3.24 0 5.956-1.075 7.942-2.907l-3.878-3.011c-1.075.72-2.45 1.145-4.064 1.145-3.125 0-5.77-2.11-6.715-4.947h-4.009v3.11A11.995 11.995 0 0 0 24.24 36Z" clip-rule="evenodd"/><path fill="#FBBC05" fill-rule="evenodd" d="M17.525 26.28A7.213 7.213 0 0 1 17.15 24c0-.79.136-1.56.376-2.28v-3.11h-4.009A11.994 11.994 0 0 0 12.24 24c0 1.936.464 3.77 1.276 5.39l4.01-3.11Z" clip-rule="evenodd"/><path fill="#EA4335" fill-rule="evenodd" d="M24.24 16.773c1.762 0 3.344.605 4.587 1.794l3.442-3.441C30.191 13.189 27.475 12 24.24 12c-4.69 0-8.75 2.69-10.724 6.61l4.01 3.11c.943-2.836 3.588-4.947 6.714-4.947Z" clip-rule="evenodd"/></svg>';
 const IconChannelGoogleBusiness = createIconClass(templateHTML);
 defineCustomElement("sinch-icon-channel-google-business", IconChannelGoogleBusiness);
 export {

package/icons-channel/google-business-square/index.js

@@ -1,6 +1,6 @@
 import { defineCustomElement } from "../../utils/element.js";
 import { createIconClass } from "../create-icon-class.js";
-const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true" focusable="false">\n  <path fill="#fff" d="M8.1 0H40c4.4 0 8 3.615 8 8.033v31.934C48 44.385 44.4 48 40 48H8.1c-4.4 0-8-3.615-8-8.033V8.033C.1 3.615 3.7 0 8.1 0Z"/>\n  <path fill="#4285F4" fill-rule="evenodd" d="M35.76 24.273c0-.851-.076-1.67-.218-2.455H24.24v4.642h6.458a5.52 5.52 0 0 1-2.394 3.622v3.01h3.878c2.269-2.088 3.578-5.165 3.578-8.82Z" clip-rule="evenodd"/>\n  <path fill="#34A853" fill-rule="evenodd" d="M24.24 36c3.24 0 5.956-1.075 7.942-2.907l-3.878-3.011c-1.075.72-2.45 1.145-4.064 1.145-3.125 0-5.77-2.11-6.715-4.947h-4.009v3.11A11.995 11.995 0 0 0 24.24 36Z" clip-rule="evenodd"/>\n  <path fill="#FBBC05" fill-rule="evenodd" d="M17.525 26.28A7.213 7.213 0 0 1 17.15 24c0-.79.136-1.56.376-2.28v-3.11h-4.009A11.994 11.994 0 0 0 12.24 24c0 1.936.464 3.77 1.276 5.39l4.01-3.11Z" clip-rule="evenodd"/>\n  <path fill="#EA4335" fill-rule="evenodd" d="M24.24 16.773c1.762 0 3.344.605 4.587 1.794l3.442-3.441C30.191 13.189 27.475 12 24.24 12c-4.69 0-8.75 2.69-10.724 6.61l4.01 3.11c.943-2.836 3.588-4.947 6.714-4.947Z" clip-rule="evenodd"/>\n</svg>\n';
+const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true" focusable="false"><path fill="#fff" d="M8.1 0H40c4.4 0 8 3.615 8 8.033v31.934C48 44.385 44.4 48 40 48H8.1c-4.4 0-8-3.615-8-8.033V8.033C.1 3.615 3.7 0 8.1 0Z"/><path fill="#4285F4" fill-rule="evenodd" d="M35.76 24.273c0-.851-.076-1.67-.218-2.455H24.24v4.642h6.458a5.52 5.52 0 0 1-2.394 3.622v3.01h3.878c2.269-2.088 3.578-5.165 3.578-8.82Z" clip-rule="evenodd"/><path fill="#34A853" fill-rule="evenodd" d="M24.24 36c3.24 0 5.956-1.075 7.942-2.907l-3.878-3.011c-1.075.72-2.45 1.145-4.064 1.145-3.125 0-5.77-2.11-6.715-4.947h-4.009v3.11A11.995 11.995 0 0 0 24.24 36Z" clip-rule="evenodd"/><path fill="#FBBC05" fill-rule="evenodd" d="M17.525 26.28A7.213 7.213 0 0 1 17.15 24c0-.79.136-1.56.376-2.28v-3.11h-4.009A11.994 11.994 0 0 0 12.24 24c0 1.936.464 3.77 1.276 5.39l4.01-3.11Z" clip-rule="evenodd"/><path fill="#EA4335" fill-rule="evenodd" d="M24.24 16.773c1.762 0 3.344.605 4.587 1.794l3.442-3.441C30.191 13.189 27.475 12 24.24 12c-4.69 0-8.75 2.69-10.724 6.61l4.01 3.11c.943-2.836 3.588-4.947 6.714-4.947Z" clip-rule="evenodd"/></svg>';
 const IconChannelGoogleBusinessSquare = createIconClass(templateHTML);
 defineCustomElement("sinch-icon-channel-google-business-square", IconChannelGoogleBusinessSquare);
 export {

package/icons-channel/instagram/index.js

@@ -1,6 +1,6 @@
 import { defineCustomElement } from "../../utils/element.js";
 import { createIconClass } from "../create-icon-class.js";
-const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true" focusable="false">\n  <clipPath id="c">\n    <path d="M24 48c13.3 0 24-10.7 24-24S37.3 0 24 0 0 10.7 0 24s10.7 24 24 24z" overflow="visible"/>\n  </clipPath>\n  <linearGradient id="instagram-gradient" x1="47.991" x2="-.058" y1="49.802" y2="1.887" gradientTransform="matrix(1 0 0 -1 0 50)" gradientUnits="userSpaceOnUse">\n    <stop offset="0" stop-color="#4f3eb7"/>\n    <stop offset=".193" stop-color="#9132ae"/>\n    <stop offset=".526" stop-color="#cf288b"/>\n    <stop offset="1" stop-color="#ffd43c"/>\n  </linearGradient>\n  <path fill="url(#instagram-gradient)" d="M7.7.2h32.5c4.2 0 7.6 3.4 7.6 7.6v32.5c0 4.2-3.4 7.6-7.6 7.6H7.7c-4.2 0-7.6-3.4-7.6-7.6V7.9C.1 3.6 3.5.2 7.7.2z" clip-path="url(#c)"/>\n  <g fill="#fff">\n    <path d="M19.7 24.2c0-2.4 1.9-4.3 4.3-4.3s4.3 1.9 4.3 4.3-1.9 4.3-4.3 4.3-4.3-1.9-4.3-4.3m-2.3 0c0 3.7 3 6.6 6.6 6.6s6.6-3 6.6-6.6-3-6.6-6.6-6.6-6.6 2.9-6.6 6.6m11.9-6.9c0 .9.7 1.6 1.6 1.6s1.6-.7 1.6-1.6-.7-1.6-1.6-1.6c-.9.1-1.5.7-1.6 1.6M18.8 34.7c-1.3-.1-1.9-.3-2.4-.4-.6-.2-1-.5-1.5-1s-.7-.9-1-1.5c-.2-.5-.4-1.1-.4-2.4-.1-1.4-.1-1.8-.1-5.2s0-3.9.1-5.2c.1-1.3.3-1.9.4-2.4.2-.6.5-1 1-1.5s.9-.7 1.5-1c.5-.2 1.1-.4 2.4-.4 1.4-.1 1.8-.1 5.2-.1s3.9 0 5.2.1c1.3.1 1.9.3 2.4.4.6.2 1 .5 1.5 1s.7.9 1 1.5c.2.5.4 1.1.4 2.4.1 1.4.1 1.8.1 5.2s0 3.9-.1 5.2c-.1 1.3-.3 1.9-.4 2.4-.2.6-.5 1-1 1.5s-.9.7-1.5 1c-.5.2-1.1.4-2.4.4-1.4.1-1.8.1-5.2.1s-3.9 0-5.2-.1m-.1-23.3c-1.4.1-2.3.3-3.1.6-.9.3-1.6.8-2.3 1.5s-1.2 1.4-1.5 2.3c-.3.8-.5 1.8-.6 3.1-.1 1.4-.1 1.8-.1 5.3s0 4 .1 5.3c.1 1.4.3 2.3.6 3.1s.8 1.6 1.5 2.3 1.4 1.2 2.3 1.5c.8.3 1.8.5 3.1.6 1.4.1 1.8.1 5.3.1s4 0 5.3-.1c1.4-.1 2.3-.3 3.1-.6s1.6-.8 2.3-1.5 1.2-1.4 1.5-2.3c.3-.8.5-1.8.6-3.1.1-1.4.1-1.8.1-5.3s0-4-.1-5.3c-.1-1.4-.3-2.3-.6-3.1-.3-.8-.8-1.6-1.5-2.3s-1.4-1.2-2.3-1.5c-.8-.3-1.8-.5-3.1-.6-1.4-.1-1.8-.1-5.3-.1s-3.9 0-5.3.1"/>\n    <path d="M19.7 24.2c0-2.4 1.9-4.3 4.3-4.3s4.3 1.9 4.3 4.3-1.9 4.3-4.3 4.3-4.3-1.9-4.3-4.3m-2.3 0c0 3.7 3 6.6 6.6 6.6s6.6-3 6.6-6.6-3-6.6-6.6-6.6-6.6 2.9-6.6 6.6m11.9-6.9c0 .9.7 1.6 1.6 1.6s1.6-.7 1.6-1.6-.7-1.6-1.6-1.6c-.9.1-1.5.7-1.6 1.6M18.8 34.7c-1.3-.1-1.9-.3-2.4-.4-.6-.2-1-.5-1.5-1s-.7-.9-1-1.5c-.2-.5-.4-1.1-.4-2.4-.1-1.4-.1-1.8-.1-5.2s0-3.9.1-5.2c.1-1.3.3-1.9.4-2.4.2-.6.5-1 1-1.5s.9-.7 1.5-1c.5-.2 1.1-.4 2.4-.4 1.4-.1 1.8-.1 5.2-.1s3.9 0 5.2.1c1.3.1 1.9.3 2.4.4.6.2 1 .5 1.5 1s.7.9 1 1.5c.2.5.4 1.1.4 2.4.1 1.4.1 1.8.1 5.2s0 3.9-.1 5.2c-.1 1.3-.3 1.9-.4 2.4-.2.6-.5 1-1 1.5s-.9.7-1.5 1c-.5.2-1.1.4-2.4.4-1.4.1-1.8.1-5.2.1s-3.9 0-5.2-.1m-.1-23.3c-1.4.1-2.3.3-3.1.6-.9.3-1.6.8-2.3 1.5s-1.2 1.4-1.5 2.3c-.3.8-.5 1.8-.6 3.1-.1 1.4-.1 1.8-.1 5.3s0 4 .1 5.3c.1 1.4.3 2.3.6 3.1s.8 1.6 1.5 2.3 1.4 1.2 2.3 1.5c.8.3 1.8.5 3.1.6 1.4.1 1.8.1 5.3.1s4 0 5.3-.1c1.4-.1 2.3-.3 3.1-.6s1.6-.8 2.3-1.5 1.2-1.4 1.5-2.3c.3-.8.5-1.8.6-3.1.1-1.4.1-1.8.1-5.3s0-4-.1-5.3c-.1-1.4-.3-2.3-.6-3.1-.3-.8-.8-1.6-1.5-2.3s-1.4-1.2-2.3-1.5c-.8-.3-1.8-.5-3.1-.6-1.4-.1-1.8-.1-5.3-.1s-3.9 0-5.3.1"/>\n  </g>\n</svg>\n';
+const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true" focusable="false"><clipPath id="c"><path d="M24 48c13.3 0 24-10.7 24-24S37.3 0 24 0 0 10.7 0 24s10.7 24 24 24z" overflow="visible"/></clipPath><linearGradient id="instagram-gradient" x1="47.991" x2="-.058" y1="49.802" y2="1.887" gradientTransform="matrix(1 0 0 -1 0 50)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#4f3eb7"/><stop offset=".193" stop-color="#9132ae"/><stop offset=".526" stop-color="#cf288b"/><stop offset="1" stop-color="#ffd43c"/></linearGradient><path fill="url(#instagram-gradient)" d="M7.7.2h32.5c4.2 0 7.6 3.4 7.6 7.6v32.5c0 4.2-3.4 7.6-7.6 7.6H7.7c-4.2 0-7.6-3.4-7.6-7.6V7.9C.1 3.6 3.5.2 7.7.2z" clip-path="url(#c)"/><g fill="#fff"><path d="M19.7 24.2c0-2.4 1.9-4.3 4.3-4.3s4.3 1.9 4.3 4.3-1.9 4.3-4.3 4.3-4.3-1.9-4.3-4.3m-2.3 0c0 3.7 3 6.6 6.6 6.6s6.6-3 6.6-6.6-3-6.6-6.6-6.6-6.6 2.9-6.6 6.6m11.9-6.9c0 .9.7 1.6 1.6 1.6s1.6-.7 1.6-1.6-.7-1.6-1.6-1.6c-.9.1-1.5.7-1.6 1.6M18.8 34.7c-1.3-.1-1.9-.3-2.4-.4-.6-.2-1-.5-1.5-1s-.7-.9-1-1.5c-.2-.5-.4-1.1-.4-2.4-.1-1.4-.1-1.8-.1-5.2s0-3.9.1-5.2c.1-1.3.3-1.9.4-2.4.2-.6.5-1 1-1.5s.9-.7 1.5-1c.5-.2 1.1-.4 2.4-.4 1.4-.1 1.8-.1 5.2-.1s3.9 0 5.2.1c1.3.1 1.9.3 2.4.4.6.2 1 .5 1.5 1s.7.9 1 1.5c.2.5.4 1.1.4 2.4.1 1.4.1 1.8.1 5.2s0 3.9-.1 5.2c-.1 1.3-.3 1.9-.4 2.4-.2.6-.5 1-1 1.5s-.9.7-1.5 1c-.5.2-1.1.4-2.4.4-1.4.1-1.8.1-5.2.1s-3.9 0-5.2-.1m-.1-23.3c-1.4.1-2.3.3-3.1.6-.9.3-1.6.8-2.3 1.5s-1.2 1.4-1.5 2.3c-.3.8-.5 1.8-.6 3.1-.1 1.4-.1 1.8-.1 5.3s0 4 .1 5.3c.1 1.4.3 2.3.6 3.1s.8 1.6 1.5 2.3 1.4 1.2 2.3 1.5c.8.3 1.8.5 3.1.6 1.4.1 1.8.1 5.3.1s4 0 5.3-.1c1.4-.1 2.3-.3 3.1-.6s1.6-.8 2.3-1.5 1.2-1.4 1.5-2.3c.3-.8.5-1.8.6-3.1.1-1.4.1-1.8.1-5.3s0-4-.1-5.3c-.1-1.4-.3-2.3-.6-3.1-.3-.8-.8-1.6-1.5-2.3s-1.4-1.2-2.3-1.5c-.8-.3-1.8-.5-3.1-.6-1.4-.1-1.8-.1-5.3-.1s-3.9 0-5.3.1"/><path d="M19.7 24.2c0-2.4 1.9-4.3 4.3-4.3s4.3 1.9 4.3 4.3-1.9 4.3-4.3 4.3-4.3-1.9-4.3-4.3m-2.3 0c0 3.7 3 6.6 6.6 6.6s6.6-3 6.6-6.6-3-6.6-6.6-6.6-6.6 2.9-6.6 6.6m11.9-6.9c0 .9.7 1.6 1.6 1.6s1.6-.7 1.6-1.6-.7-1.6-1.6-1.6c-.9.1-1.5.7-1.6 1.6M18.8 34.7c-1.3-.1-1.9-.3-2.4-.4-.6-.2-1-.5-1.5-1s-.7-.9-1-1.5c-.2-.5-.4-1.1-.4-2.4-.1-1.4-.1-1.8-.1-5.2s0-3.9.1-5.2c.1-1.3.3-1.9.4-2.4.2-.6.5-1 1-1.5s.9-.7 1.5-1c.5-.2 1.1-.4 2.4-.4 1.4-.1 1.8-.1 5.2-.1s3.9 0 5.2.1c1.3.1 1.9.3 2.4.4.6.2 1 .5 1.5 1s.7.9 1 1.5c.2.5.4 1.1.4 2.4.1 1.4.1 1.8.1 5.2s0 3.9-.1 5.2c-.1 1.3-.3 1.9-.4 2.4-.2.6-.5 1-1 1.5s-.9.7-1.5 1c-.5.2-1.1.4-2.4.4-1.4.1-1.8.1-5.2.1s-3.9 0-5.2-.1m-.1-23.3c-1.4.1-2.3.3-3.1.6-.9.3-1.6.8-2.3 1.5s-1.2 1.4-1.5 2.3c-.3.8-.5 1.8-.6 3.1-.1 1.4-.1 1.8-.1 5.3s0 4 .1 5.3c.1 1.4.3 2.3.6 3.1s.8 1.6 1.5 2.3 1.4 1.2 2.3 1.5c.8.3 1.8.5 3.1.6 1.4.1 1.8.1 5.3.1s4 0 5.3-.1c1.4-.1 2.3-.3 3.1-.6s1.6-.8 2.3-1.5 1.2-1.4 1.5-2.3c.3-.8.5-1.8.6-3.1.1-1.4.1-1.8.1-5.3s0-4-.1-5.3c-.1-1.4-.3-2.3-.6-3.1-.3-.8-.8-1.6-1.5-2.3s-1.4-1.2-2.3-1.5c-.8-.3-1.8-.5-3.1-.6-1.4-.1-1.8-.1-5.3-.1s-3.9 0-5.3.1"/></g></svg>';
 const IconChannelInstagram = createIconClass(templateHTML);
 defineCustomElement("sinch-icon-channel-instagram", IconChannelInstagram);
 export {

package/icons-channel/instagram-square/index.js

@@ -1,6 +1,6 @@
 import { defineCustomElement } from "../../utils/element.js";
 import { createIconClass } from "../create-icon-class.js";
-const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true" focusable="false">\n  <path d="M7.7 0h32.5c4.2 0 7.6 3.414 7.6 7.632v32.636c0 4.217-3.4 7.632-7.6 7.632H7.7c-4.2 0-7.6-3.415-7.6-7.632V7.632C.1 3.414 3.5 0 7.7 0Z" fill="url(#instagram-square-gradient)"/>\n  <path d="M19.2 24c0-2.711 2.2-4.82 4.8-4.82 2.7 0 4.8 2.21 4.8 4.82 0 2.61-2.2 4.82-4.8 4.82-2.7 0-4.8-2.109-4.8-4.82Zm-2.6 0c0 4.117 3.3 7.431 7.4 7.431 4.1 0 7.4-3.314 7.4-7.431s-3.3-7.43-7.4-7.43c-4.1 0-7.4 3.313-7.4 7.43ZM30 16.268c0 .301.1.703.3 1.004.2.301.5.502.8.603.3.1.7.2 1 .1.3-.1.6-.2.9-.502.2-.201.4-.603.5-.904.1-.301 0-.703-.1-1.004-.1-.301-.4-.603-.6-.803-.3-.201-.6-.302-1-.302-.5 0-.9.201-1.2.502-.4.402-.6.804-.6 1.306ZM18.2 35.749c-1.4-.1-2.2-.301-2.7-.502-.7-.301-1.2-.603-1.7-1.105s-.8-1.004-1.1-1.707c-.2-.502-.4-1.305-.5-2.711-.1-1.506-.1-2.009-.1-5.824 0-3.816 0-4.318.1-5.825.1-1.405.3-2.209.5-2.71.3-.704.6-1.206 1.1-1.708.5-.502 1-.803 1.7-1.105.5-.2 1.3-.401 2.7-.502 1.5-.1 2-.1 5.8-.1s4.3 0 5.8.1c1.4.1 2.2.301 2.7.502.7.302 1.2.603 1.7 1.105s.8 1.004 1.1 1.707c.2.502.4 1.305.5 2.711.1 1.507.1 2.009.1 5.825 0 3.816 0 4.318-.1 5.824-.1 1.406-.3 2.21-.5 2.711-.3.703-.6 1.205-1.1 1.707-.5.502-1 .804-1.7 1.105-.5.2-1.3.402-2.7.502-1.5.1-2 .1-5.8.1-3.9 0-4.3 0-5.8-.1ZM18.1 9.64c-1.5.1-2.6.301-3.5.703-.9.402-1.8.904-2.6 1.707-.8.804-1.3 1.607-1.7 2.611-.4.904-.6 2.008-.7 3.515-.1 1.506-.1 2.008-.1 5.925 0 3.916 0 4.418.1 5.924.1 1.506.3 2.611.7 3.515.4.904.9 1.807 1.7 2.61.8.804 1.6 1.306 2.6 1.708.9.402 2 .602 3.5.703 1.5.1 2 .1 5.9.1 3.9 0 4.4 0 5.9-.1s2.6-.301 3.5-.703c.9-.402 1.8-.904 2.6-1.707.8-.804 1.3-1.607 1.7-2.611.4-.904.6-2.009.7-3.515.1-1.506.1-2.008.1-5.924 0-3.917 0-4.419-.1-5.925-.1-1.506-.3-2.611-.7-3.515-.4-.904-.9-1.807-1.7-2.61-.8-.804-1.6-1.306-2.6-1.708-.9-.402-2-.602-3.5-.703-1.5-.1-2-.1-5.9-.1-3.9 0-4.4 0-5.9.1Z" fill="#fff"/>\n  <defs>\n    <linearGradient id="instagram-square-gradient" x1="47.991" y1="-.024" x2="-.258" y2="47.89" gradientUnits="userSpaceOnUse">\n      <stop stop-color="#4F3EB7"/>\n      <stop offset=".193" stop-color="#9132AE"/>\n      <stop offset=".526" stop-color="#CF288B"/>\n      <stop offset="1" stop-color="#FFD43C"/>\n    </linearGradient>\n  </defs>\n</svg>\n';
+const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true" focusable="false"><path d="M7.7 0h32.5c4.2 0 7.6 3.414 7.6 7.632v32.636c0 4.217-3.4 7.632-7.6 7.632H7.7c-4.2 0-7.6-3.415-7.6-7.632V7.632C.1 3.414 3.5 0 7.7 0Z" fill="url(#instagram-square-gradient)"/><path d="M19.2 24c0-2.711 2.2-4.82 4.8-4.82 2.7 0 4.8 2.21 4.8 4.82 0 2.61-2.2 4.82-4.8 4.82-2.7 0-4.8-2.109-4.8-4.82Zm-2.6 0c0 4.117 3.3 7.431 7.4 7.431 4.1 0 7.4-3.314 7.4-7.431s-3.3-7.43-7.4-7.43c-4.1 0-7.4 3.313-7.4 7.43ZM30 16.268c0 .301.1.703.3 1.004.2.301.5.502.8.603.3.1.7.2 1 .1.3-.1.6-.2.9-.502.2-.201.4-.603.5-.904.1-.301 0-.703-.1-1.004-.1-.301-.4-.603-.6-.803-.3-.201-.6-.302-1-.302-.5 0-.9.201-1.2.502-.4.402-.6.804-.6 1.306ZM18.2 35.749c-1.4-.1-2.2-.301-2.7-.502-.7-.301-1.2-.603-1.7-1.105s-.8-1.004-1.1-1.707c-.2-.502-.4-1.305-.5-2.711-.1-1.506-.1-2.009-.1-5.824 0-3.816 0-4.318.1-5.825.1-1.405.3-2.209.5-2.71.3-.704.6-1.206 1.1-1.708.5-.502 1-.803 1.7-1.105.5-.2 1.3-.401 2.7-.502 1.5-.1 2-.1 5.8-.1s4.3 0 5.8.1c1.4.1 2.2.301 2.7.502.7.302 1.2.603 1.7 1.105s.8 1.004 1.1 1.707c.2.502.4 1.305.5 2.711.1 1.507.1 2.009.1 5.825 0 3.816 0 4.318-.1 5.824-.1 1.406-.3 2.21-.5 2.711-.3.703-.6 1.205-1.1 1.707-.5.502-1 .804-1.7 1.105-.5.2-1.3.402-2.7.502-1.5.1-2 .1-5.8.1-3.9 0-4.3 0-5.8-.1ZM18.1 9.64c-1.5.1-2.6.301-3.5.703-.9.402-1.8.904-2.6 1.707-.8.804-1.3 1.607-1.7 2.611-.4.904-.6 2.008-.7 3.515-.1 1.506-.1 2.008-.1 5.925 0 3.916 0 4.418.1 5.924.1 1.506.3 2.611.7 3.515.4.904.9 1.807 1.7 2.61.8.804 1.6 1.306 2.6 1.708.9.402 2 .602 3.5.703 1.5.1 2 .1 5.9.1 3.9 0 4.4 0 5.9-.1s2.6-.301 3.5-.703c.9-.402 1.8-.904 2.6-1.707.8-.804 1.3-1.607 1.7-2.611.4-.904.6-2.009.7-3.515.1-1.506.1-2.008.1-5.924 0-3.917 0-4.419-.1-5.925-.1-1.506-.3-2.611-.7-3.515-.4-.904-.9-1.807-1.7-2.61-.8-.804-1.6-1.306-2.6-1.708-.9-.402-2-.602-3.5-.703-1.5-.1-2-.1-5.9-.1-3.9 0-4.4 0-5.9.1Z" fill="#fff"/><defs><linearGradient id="instagram-square-gradient" x1="47.991" y1="-.024" x2="-.258" y2="47.89" gradientUnits="userSpaceOnUse"><stop stop-color="#4F3EB7"/><stop offset=".193" stop-color="#9132AE"/><stop offset=".526" stop-color="#CF288B"/><stop offset="1" stop-color="#FFD43C"/></linearGradient></defs></svg>';
 const IconChannelInstagramSquare = createIconClass(templateHTML);
 defineCustomElement("sinch-icon-channel-instagram-square", IconChannelInstagramSquare);
 export {

package/icons-channel/line/index.js

@@ -1,6 +1,6 @@
 import { defineCustomElement } from "../../utils/element.js";
 import { createIconClass } from "../create-icon-class.js";
-const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true" focusable="false">\n  <path fill="#06c755" d="M24 48c13.3 0 24-10.7 24-24S37.3 0 24 0 0 10.7 0 24s10.7 24 24 24z"/>\n  <path fill="#fff" d="M38.2 22c0-6.4-6.4-11.5-14.2-11.5-7.8 0-14.2 5.2-14.2 11.5 0 5.7 5.1 10.5 11.9 11.4.5.1 1.1.3 1.3.7.1.4.1.9 0 1.3 0 0-.2 1-.2 1.2-.1.4-.3 1.4 1.2.8 1.5-.6 8.2-4.8 11.2-8.3 2-2.3 3-4.6 3-7.1z"/>\n  <path d="M33.5 25.7h-4c-.1 0-.3-.1-.3-.3v-6.2c0-.1.1-.3.3-.3h4c.1 0 .3.1.3.3v1c0 .1-.1.3-.3.3h-2.7v1h2.7c.1 0 .3.1.3.3v1c0 .1-.1.3-.3.3h-2.7v1h2.7c.1 0 .3.1.3.3v1c0 .1-.2.3-.3.3zm-14.8 0c.1 0 .3-.1.3-.3v-1c0-.1-.1-.3-.3-.3H16v-4.9c0-.1-.1-.3-.3-.3h-1c-.1 0-.3.1-.3.3v6.2c0 .1.1.3.3.3h4zm2.4-6.8h-1c-.1 0-.3.1-.3.3v6.2c0 .1.1.3.3.3h1c.1 0 .3-.1.3-.3v-6.2c0-.2-.1-.3-.3-.3zm6.9 0h-1c-.1 0-.3.1-.3.3v3.7L23.9 19h-1c-.1 0-.3.1-.3.3v6.2c0 .1.1.3.3.3h1c.1 0 .3-.1.3-.3v-3.7l2.8 3.8s0 .1.1.1h1.1c.1 0 .3-.1.3-.3v-6.2c-.2-.2-.4-.3-.5-.3z" fill="#06c755"/>\n</svg>\n';
+const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true" focusable="false"><path fill="#06c755" d="M24 48c13.3 0 24-10.7 24-24S37.3 0 24 0 0 10.7 0 24s10.7 24 24 24z"/><path fill="#fff" d="M38.2 22c0-6.4-6.4-11.5-14.2-11.5-7.8 0-14.2 5.2-14.2 11.5 0 5.7 5.1 10.5 11.9 11.4.5.1 1.1.3 1.3.7.1.4.1.9 0 1.3 0 0-.2 1-.2 1.2-.1.4-.3 1.4 1.2.8 1.5-.6 8.2-4.8 11.2-8.3 2-2.3 3-4.6 3-7.1z"/><path d="M33.5 25.7h-4c-.1 0-.3-.1-.3-.3v-6.2c0-.1.1-.3.3-.3h4c.1 0 .3.1.3.3v1c0 .1-.1.3-.3.3h-2.7v1h2.7c.1 0 .3.1.3.3v1c0 .1-.1.3-.3.3h-2.7v1h2.7c.1 0 .3.1.3.3v1c0 .1-.2.3-.3.3zm-14.8 0c.1 0 .3-.1.3-.3v-1c0-.1-.1-.3-.3-.3H16v-4.9c0-.1-.1-.3-.3-.3h-1c-.1 0-.3.1-.3.3v6.2c0 .1.1.3.3.3h4zm2.4-6.8h-1c-.1 0-.3.1-.3.3v6.2c0 .1.1.3.3.3h1c.1 0 .3-.1.3-.3v-6.2c0-.2-.1-.3-.3-.3zm6.9 0h-1c-.1 0-.3.1-.3.3v3.7L23.9 19h-1c-.1 0-.3.1-.3.3v6.2c0 .1.1.3.3.3h1c.1 0 .3-.1.3-.3v-3.7l2.8 3.8s0 .1.1.1h1.1c.1 0 .3-.1.3-.3v-6.2c-.2-.2-.4-.3-.5-.3z" fill="#06c755"/></svg>';
 const IconChannelLine = createIconClass(templateHTML);
 defineCustomElement("sinch-icon-channel-line", IconChannelLine);
 export {

package/icons-channel/line-square/index.js

@@ -1,6 +1,6 @@
 import { defineCustomElement } from "../../utils/element.js";
 import { createIconClass } from "../create-icon-class.js";
-const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true" focusable="false">\n  <path d="M8.1 0H40c4.4 0 8 3.615 8 8.033v31.934C48 44.385 44.4 48 40 48H8.1c-4.4 0-8-3.615-8-8.033V8.033C.1 3.615 3.7 0 8.1 0Z" fill="#06C755"/>\n  <path d="M38.2 22.092c0-6.427-6.4-11.548-14.2-11.548-7.8 0-14.2 5.222-14.2 11.548 0 5.724 5.1 10.544 11.9 11.448.5.1 1.1.301 1.3.703.1.401.1.904 0 1.305 0 0-.2 1.004-.2 1.205-.1.402-.3 1.406 1.2.803 1.5-.602 8.2-4.82 11.2-8.334 2-2.31 3-4.62 3-7.13Z" fill="#fff"/>\n  <path d="M33.5 25.808h-4c-.1 0-.3-.1-.3-.302V19.28c0-.1.1-.3.3-.3h4c.1 0 .3.1.3.3v1.005c0 .1-.1.3-.3.3h-2.7v1.005h2.7c.1 0 .3.1.3.301v1.004c0 .1-.1.302-.3.302h-2.7V24.2h2.7c.1 0 .3.1.3.301v1.004c0 .1-.2.302-.3.302Zm-14.8 0c.1 0 .3-.1.3-.302v-1.004c0-.1-.1-.301-.3-.301H16v-4.92c0-.101-.1-.302-.3-.302h-1c-.1 0-.3.1-.3.301v6.226c0 .1.1.302.3.302h4Zm2.4-6.829h-1c-.1 0-.3.1-.3.301v6.226c0 .1.1.302.3.302h1c.1 0 .3-.1.3-.302V19.28c0-.2-.1-.3-.3-.3Zm6.9 0h-1c-.1 0-.3.1-.3.301v3.716l-2.8-3.916h-1c-.1 0-.3.1-.3.3v6.227c0 .1.1.301.3.301h1c.1 0 .3-.1.3-.301V21.89l2.8 3.816s0 .1.1.1h1.1c.1 0 .3-.1.3-.3V19.28c-.2-.2-.4-.3-.5-.3Z" fill="#06C755"/>\n</svg>\n';
+const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true" focusable="false"><path d="M8.1 0H40c4.4 0 8 3.615 8 8.033v31.934C48 44.385 44.4 48 40 48H8.1c-4.4 0-8-3.615-8-8.033V8.033C.1 3.615 3.7 0 8.1 0Z" fill="#06C755"/><path d="M38.2 22.092c0-6.427-6.4-11.548-14.2-11.548-7.8 0-14.2 5.222-14.2 11.548 0 5.724 5.1 10.544 11.9 11.448.5.1 1.1.301 1.3.703.1.401.1.904 0 1.305 0 0-.2 1.004-.2 1.205-.1.402-.3 1.406 1.2.803 1.5-.602 8.2-4.82 11.2-8.334 2-2.31 3-4.62 3-7.13Z" fill="#fff"/><path d="M33.5 25.808h-4c-.1 0-.3-.1-.3-.302V19.28c0-.1.1-.3.3-.3h4c.1 0 .3.1.3.3v1.005c0 .1-.1.3-.3.3h-2.7v1.005h2.7c.1 0 .3.1.3.301v1.004c0 .1-.1.302-.3.302h-2.7V24.2h2.7c.1 0 .3.1.3.301v1.004c0 .1-.2.302-.3.302Zm-14.8 0c.1 0 .3-.1.3-.302v-1.004c0-.1-.1-.301-.3-.301H16v-4.92c0-.101-.1-.302-.3-.302h-1c-.1 0-.3.1-.3.301v6.226c0 .1.1.302.3.302h4Zm2.4-6.829h-1c-.1 0-.3.1-.3.301v6.226c0 .1.1.302.3.302h1c.1 0 .3-.1.3-.302V19.28c0-.2-.1-.3-.3-.3Zm6.9 0h-1c-.1 0-.3.1-.3.301v3.716l-2.8-3.916h-1c-.1 0-.3.1-.3.3v6.227c0 .1.1.301.3.301h1c.1 0 .3-.1.3-.301V21.89l2.8 3.816s0 .1.1.1h1.1c.1 0 .3-.1.3-.3V19.28c-.2-.2-.4-.3-.5-.3Z" fill="#06C755"/></svg>';
 const IconChannelLineSquare = createIconClass(templateHTML);
 defineCustomElement("sinch-icon-channel-line-square", IconChannelLineSquare);
 export {

package/icons-channel/mms-round/index.js

@@ -1,6 +1,6 @@
 import { defineCustomElement } from "../../utils/element.js";
 import { createIconClass } from "../create-icon-class.js";
-const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true" focusable="false">\n  <circle cx="24" cy="24" r="24" fill="#fff"/>\n  <path fill="#000" fill-rule="evenodd" d="M28.562 14.868a2.86 2.86 0 0 0-2.86-2.858c-2.6 0-5.242-.003-7.874-.006L13.171 12a2.856 2.856 0 0 0-2.857 2.856v8.954a2.857 2.857 0 0 0 2.857 2.857h.28v2.373a.857.857 0 0 0 1.383.677l3.922-3.05h6.95a2.856 2.856 0 0 0 2.856-2.857v-8.942Zm-9.023 14.08-.101.079v.866a2.856 2.856 0 0 0 2.856 2.857h6.859l4.019 3.072a.857.857 0 0 0 1.378-.68V32.75h.279a2.857 2.857 0 0 0 2.857-2.857v-8.954a2.856 2.856 0 0 0-2.857-2.856l-3.986.003v5.724a5.137 5.137 0 0 1-5.137 5.138h-6.167Zm5.61-12.43a1.532 1.532 0 1 1-3.065 0 1.532 1.532 0 0 1 3.065 0Zm-8.226 1.192a.842.842 0 0 1 .698.377l1.423 2.148 1.341-1.19a.842.842 0 0 1 1.17.051l2.712 2.867a.842.842 0 1 1-1.224 1.157l-2.15-2.274-1.457 1.292a.842.842 0 0 1-1.261-.165l-1.262-1.906-1.99 2.946a.842.842 0 1 1-1.395-.943l2.693-3.989a.842.842 0 0 1 .702-.37Z" clip-rule="evenodd"/>\n</svg>\n';
+const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true" focusable="false"><circle cx="24" cy="24" r="24" fill="#fff"/><path fill="#000" fill-rule="evenodd" d="M28.562 14.868a2.86 2.86 0 0 0-2.86-2.858c-2.6 0-5.242-.003-7.874-.006L13.171 12a2.856 2.856 0 0 0-2.857 2.856v8.954a2.857 2.857 0 0 0 2.857 2.857h.28v2.373a.857.857 0 0 0 1.383.677l3.922-3.05h6.95a2.856 2.856 0 0 0 2.856-2.857v-8.942Zm-9.023 14.08-.101.079v.866a2.856 2.856 0 0 0 2.856 2.857h6.859l4.019 3.072a.857.857 0 0 0 1.378-.68V32.75h.279a2.857 2.857 0 0 0 2.857-2.857v-8.954a2.856 2.856 0 0 0-2.857-2.856l-3.986.003v5.724a5.137 5.137 0 0 1-5.137 5.138h-6.167Zm5.61-12.43a1.532 1.532 0 1 1-3.065 0 1.532 1.532 0 0 1 3.065 0Zm-8.226 1.192a.842.842 0 0 1 .698.377l1.423 2.148 1.341-1.19a.842.842 0 0 1 1.17.051l2.712 2.867a.842.842 0 1 1-1.224 1.157l-2.15-2.274-1.457 1.292a.842.842 0 0 1-1.261-.165l-1.262-1.906-1.99 2.946a.842.842 0 1 1-1.395-.943l2.693-3.989a.842.842 0 0 1 .702-.37Z" clip-rule="evenodd"/></svg>';
 const IconChannelMmsRound = createIconClass(templateHTML);
 defineCustomElement("sinch-icon-channel-mms-round", IconChannelMmsRound);
 export {

package/icons-channel/mms-square/index.js

@@ -1,6 +1,6 @@
 import { defineCustomElement } from "../../utils/element.js";
 import { createIconClass } from "../create-icon-class.js";
-const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true" focusable="false">\n  <path fill="#fff" d="M8.1 0H40c4.4 0 8 3.615 8 8.033v31.934C48 44.385 44.4 48 40 48H8.1c-4.4 0-8-3.615-8-8.033V8.033C.1 3.615 3.7 0 8.1 0Z"/>\n  <path fill="#000" fill-rule="evenodd" d="M28.562 14.868a2.86 2.86 0 0 0-2.86-2.858c-2.6 0-5.242-.003-7.874-.006L13.171 12a2.856 2.856 0 0 0-2.857 2.856v8.954a2.857 2.857 0 0 0 2.857 2.857h.28v2.373a.857.857 0 0 0 1.383.677l3.922-3.05h6.95a2.856 2.856 0 0 0 2.856-2.857v-8.942Zm-9.023 14.08-.101.079v.866a2.856 2.856 0 0 0 2.856 2.857h6.859l4.019 3.072a.857.857 0 0 0 1.378-.68V32.75h.279a2.857 2.857 0 0 0 2.857-2.857v-8.954a2.856 2.856 0 0 0-2.857-2.856l-3.986.003v5.724a5.137 5.137 0 0 1-5.137 5.138h-6.167Zm5.61-12.43a1.532 1.532 0 1 1-3.065 0 1.532 1.532 0 0 1 3.065 0Zm-8.226 1.192a.842.842 0 0 1 .698.377l1.423 2.148 1.341-1.19a.842.842 0 0 1 1.17.051l2.712 2.867a.842.842 0 1 1-1.224 1.157l-2.15-2.274-1.457 1.292a.842.842 0 0 1-1.261-.165l-1.262-1.906-1.99 2.946a.842.842 0 1 1-1.395-.943l2.693-3.989a.842.842 0 0 1 .702-.37Z" clip-rule="evenodd"/>\n</svg>\n';
+const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true" focusable="false"><path fill="#fff" d="M8.1 0H40c4.4 0 8 3.615 8 8.033v31.934C48 44.385 44.4 48 40 48H8.1c-4.4 0-8-3.615-8-8.033V8.033C.1 3.615 3.7 0 8.1 0Z"/><path fill="#000" fill-rule="evenodd" d="M28.562 14.868a2.86 2.86 0 0 0-2.86-2.858c-2.6 0-5.242-.003-7.874-.006L13.171 12a2.856 2.856 0 0 0-2.857 2.856v8.954a2.857 2.857 0 0 0 2.857 2.857h.28v2.373a.857.857 0 0 0 1.383.677l3.922-3.05h6.95a2.856 2.856 0 0 0 2.856-2.857v-8.942Zm-9.023 14.08-.101.079v.866a2.856 2.856 0 0 0 2.856 2.857h6.859l4.019 3.072a.857.857 0 0 0 1.378-.68V32.75h.279a2.857 2.857 0 0 0 2.857-2.857v-8.954a2.856 2.856 0 0 0-2.857-2.856l-3.986.003v5.724a5.137 5.137 0 0 1-5.137 5.138h-6.167Zm5.61-12.43a1.532 1.532 0 1 1-3.065 0 1.532 1.532 0 0 1 3.065 0Zm-8.226 1.192a.842.842 0 0 1 .698.377l1.423 2.148 1.341-1.19a.842.842 0 0 1 1.17.051l2.712 2.867a.842.842 0 1 1-1.224 1.157l-2.15-2.274-1.457 1.292a.842.842 0 0 1-1.261-.165l-1.262-1.906-1.99 2.946a.842.842 0 1 1-1.395-.943l2.693-3.989a.842.842 0 0 1 .702-.37Z" clip-rule="evenodd"/></svg>';
 const IconChannelMmsSquare = createIconClass(templateHTML);
 defineCustomElement("sinch-icon-channel-mms-square", IconChannelMmsSquare);
 export {

package/icons-channel/notify/index.js

@@ -1,6 +1,6 @@
 import { defineCustomElement } from "../../utils/element.js";
 import { createIconClass } from "../create-icon-class.js";
-const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true" focusable="false">\n  <path fill="#A7D7F7" d="M24 48c13.255 0 24-10.745 24-24S37.255 0 24 0 0 10.745 0 24s10.745 24 24 24Z"/>\n  <path fill="#0076BA" fill-rule="evenodd" d="M15.174 36.594c-3.962-2.783-6.554-7.387-6.554-12.592 0-8.488 6.89-15.379 15.378-15.379s15.379 6.891 15.379 15.379c0 8.487-6.891 15.378-15.379 15.378-.492 0-.978-.023-1.459-.069a7.819 7.819 0 0 1-6.061 2.874c-1.633 0-3.15-.5-4.406-1.357a7.855 7.855 0 0 0 3.102-4.234Z" clip-rule="evenodd"/>\n  <path fill="#fff" d="M32.2 20.053a3.905 3.905 0 0 1-4.617-4.294h-1.944v3.855a.615.615 0 0 1-1.166.275l-2.065-4.13h-2.51a4.103 4.103 0 0 0-4.101 4.1v8.203c0 2.263 1.837 4.1 4.1 4.1h2.46v-3.854a.615.615 0 0 1 1.166-.275l2.065 4.13h2.511c2.264 0 4.101-1.838 4.101-4.101v-8.01Z"/>\n  <path fill="#E44436" d="M31.46 18.884a2.666 2.666 0 1 0 0-5.331 2.666 2.666 0 0 0 0 5.33Z"/>\n</svg>\n';
+const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true" focusable="false"><path fill="#A7D7F7" d="M24 48c13.255 0 24-10.745 24-24S37.255 0 24 0 0 10.745 0 24s10.745 24 24 24Z"/><path fill="#0076BA" fill-rule="evenodd" d="M15.174 36.594c-3.962-2.783-6.554-7.387-6.554-12.592 0-8.488 6.89-15.379 15.378-15.379s15.379 6.891 15.379 15.379c0 8.487-6.891 15.378-15.379 15.378-.492 0-.978-.023-1.459-.069a7.819 7.819 0 0 1-6.061 2.874c-1.633 0-3.15-.5-4.406-1.357a7.855 7.855 0 0 0 3.102-4.234Z" clip-rule="evenodd"/><path fill="#fff" d="M32.2 20.053a3.905 3.905 0 0 1-4.617-4.294h-1.944v3.855a.615.615 0 0 1-1.166.275l-2.065-4.13h-2.51a4.103 4.103 0 0 0-4.101 4.1v8.203c0 2.263 1.837 4.1 4.1 4.1h2.46v-3.854a.615.615 0 0 1 1.166-.275l2.065 4.13h2.511c2.264 0 4.101-1.838 4.101-4.101v-8.01Z"/><path fill="#E44436" d="M31.46 18.884a2.666 2.666 0 1 0 0-5.331 2.666 2.666 0 0 0 0 5.33Z"/></svg>';
 const IconChannelNotify = createIconClass(templateHTML);
 defineCustomElement("sinch-icon-channel-notify", IconChannelNotify);
 export {

package/icons-channel/notify-square/index.js

@@ -1,6 +1,6 @@
 import { defineCustomElement } from "../../utils/element.js";
 import { createIconClass } from "../create-icon-class.js";
-const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true" focusable="false">\n  <path fill="#A7D7F7" d="M7.648 0h32.704A7.644 7.644 0 0 1 48 7.648v32.704A7.644 7.644 0 0 1 40.352 48H7.648A7.644 7.644 0 0 1 0 40.352V7.648A7.644 7.644 0 0 1 7.648 0Z"/>\n  <path fill="#0076BA" fill-rule="evenodd" d="M13.872 37.597C9.112 34.254 6 28.723 6 22.47 6 12.277 14.277 4 24.471 4c10.195 0 18.471 8.277 18.471 18.471 0 10.195-8.276 18.471-18.47 18.471-.592 0-1.176-.028-1.753-.082a9.391 9.391 0 0 1-7.28 3.452 9.36 9.36 0 0 1-5.292-1.63 9.435 9.435 0 0 0 3.725-5.086Z" clip-rule="evenodd"/>\n  <path fill="#fff" d="M34.322 17.728a4.69 4.69 0 0 1-5.546-5.157h-2.335v4.63a.739.739 0 0 1-1.4.33l-2.48-4.96h-3.015a4.928 4.928 0 0 0-4.926 4.925v9.852a4.928 4.928 0 0 0 4.926 4.925H22.5v-4.63a.739.739 0 0 1 1.4-.33l2.48 4.96h3.016a4.928 4.928 0 0 0 4.925-4.925v-9.62Z"/>\n  <path fill="#E44436" d="M33.434 16.324a3.202 3.202 0 1 0 0-6.404 3.202 3.202 0 0 0 0 6.404Z"/>\n</svg>\n';
+const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true" focusable="false"><path fill="#A7D7F7" d="M7.648 0h32.704A7.644 7.644 0 0 1 48 7.648v32.704A7.644 7.644 0 0 1 40.352 48H7.648A7.644 7.644 0 0 1 0 40.352V7.648A7.644 7.644 0 0 1 7.648 0Z"/><path fill="#0076BA" fill-rule="evenodd" d="M13.872 37.597C9.112 34.254 6 28.723 6 22.47 6 12.277 14.277 4 24.471 4c10.195 0 18.471 8.277 18.471 18.471 0 10.195-8.276 18.471-18.47 18.471-.592 0-1.176-.028-1.753-.082a9.391 9.391 0 0 1-7.28 3.452 9.36 9.36 0 0 1-5.292-1.63 9.435 9.435 0 0 0 3.725-5.086Z" clip-rule="evenodd"/><path fill="#fff" d="M34.322 17.728a4.69 4.69 0 0 1-5.546-5.157h-2.335v4.63a.739.739 0 0 1-1.4.33l-2.48-4.96h-3.015a4.928 4.928 0 0 0-4.926 4.925v9.852a4.928 4.928 0 0 0 4.926 4.925H22.5v-4.63a.739.739 0 0 1 1.4-.33l2.48 4.96h3.016a4.928 4.928 0 0 0 4.925-4.925v-9.62Z"/><path fill="#E44436" d="M33.434 16.324a3.202 3.202 0 1 0 0-6.404 3.202 3.202 0 0 0 0 6.404Z"/></svg>';
 const IconChannelNotifySquare = createIconClass(templateHTML);
 defineCustomElement("sinch-icon-channel-notify-square", IconChannelNotifySquare);
 export {

package/icons-channel/push-round/index.js

@@ -1,6 +1,6 @@
 import { defineCustomElement } from "../../utils/element.js";
 import { createIconClass } from "../create-icon-class.js";
-const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true" focusable="false">\n  <circle cx="24.5" cy="24" r="24" fill="#fff"/>\n  <path fill="#242424" d="M30.44 30.1A3.91 3.91 0 0 1 29 28.593a2.745 2.745 0 0 1-2.267-1.56 2.694 2.694 0 0 1-.246-1.513c.066-.52.273-1.007.6-1.393l.113-.134c.093-.113.187-.206.267-.286 0-.114.013-.274.013-.5 0-1.927.793-3.434 2.253-4.314.6-.946 1.62-1.54 2.747-1.54V14.7c-.02-1.487-1.22-2.687-2.693-2.687-3.514 0-7.107-.013-10.62-.013a2.666 2.666 0 0 0-2.667 2.667v18.666A2.666 2.666 0 0 0 19.167 36h10.626a2.666 2.666 0 0 0 2.667-2.667V30.66a3.925 3.925 0 0 1-2.02-.56ZM21.4 14.633c0-.46.38-.833.84-.826l4.453.026c.46 0 .834.38.827.84a.83.83 0 0 1-.84.827l-4.453-.027a.83.83 0 0 1-.827-.84Zm3.053 19.594c-.733 0-1.333-.6-1.333-1.334 0-.733.6-1.333 1.333-1.333.734 0 1.334.6 1.334 1.333 0 .734-.6 1.334-1.334 1.334Z"/>\n  <path fill="#242424" d="m36.293 25.387-.053-.067-.047-.06a1.834 1.834 0 0 0-.28-.28c-.286-.26-.453-.407-.453-1.78 0-.813-.193-1.48-.58-1.98-.28-.367-.667-.647-1.167-.853 0 0-.013-.007-.02-.014-.18-.606-.673-1.013-1.233-1.013s-1.053.407-1.233 1.013c0 0-.014.007-.02.014-1.174.48-1.747 1.413-1.747 2.833 0 1.38-.167 1.527-.453 1.787-.08.073-.174.153-.28.28l-.014.013c-.026.033-.06.073-.086.107a.718.718 0 0 0-.16.38c-.02.14 0 .28.066.406.127.274.4.44.714.44h6.426c.314 0 .58-.166.714-.44a.713.713 0 0 0 .066-.406.775.775 0 0 0-.16-.38ZM34.127 27.507s-.034-.014-.047-.014h-3.247s-.033 0-.046.014a.08.08 0 0 0-.034.033.124.124 0 0 0-.013.047c0 .02 0 .033.013.046a1.938 1.938 0 0 0 3.413 0 .124.124 0 0 0 .014-.046c0-.02 0-.034-.013-.047a.08.08 0 0 0-.034-.033h-.006Z"/>\n</svg>\n';
+const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true" focusable="false"><circle cx="24.5" cy="24" r="24" fill="#fff"/><path fill="#242424" d="M30.44 30.1A3.91 3.91 0 0 1 29 28.593a2.745 2.745 0 0 1-2.267-1.56 2.694 2.694 0 0 1-.246-1.513c.066-.52.273-1.007.6-1.393l.113-.134c.093-.113.187-.206.267-.286 0-.114.013-.274.013-.5 0-1.927.793-3.434 2.253-4.314.6-.946 1.62-1.54 2.747-1.54V14.7c-.02-1.487-1.22-2.687-2.693-2.687-3.514 0-7.107-.013-10.62-.013a2.666 2.666 0 0 0-2.667 2.667v18.666A2.666 2.666 0 0 0 19.167 36h10.626a2.666 2.666 0 0 0 2.667-2.667V30.66a3.925 3.925 0 0 1-2.02-.56ZM21.4 14.633c0-.46.38-.833.84-.826l4.453.026c.46 0 .834.38.827.84a.83.83 0 0 1-.84.827l-4.453-.027a.83.83 0 0 1-.827-.84Zm3.053 19.594c-.733 0-1.333-.6-1.333-1.334 0-.733.6-1.333 1.333-1.333.734 0 1.334.6 1.334 1.333 0 .734-.6 1.334-1.334 1.334Z"/><path fill="#242424" d="m36.293 25.387-.053-.067-.047-.06a1.834 1.834 0 0 0-.28-.28c-.286-.26-.453-.407-.453-1.78 0-.813-.193-1.48-.58-1.98-.28-.367-.667-.647-1.167-.853 0 0-.013-.007-.02-.014-.18-.606-.673-1.013-1.233-1.013s-1.053.407-1.233 1.013c0 0-.014.007-.02.014-1.174.48-1.747 1.413-1.747 2.833 0 1.38-.167 1.527-.453 1.787-.08.073-.174.153-.28.28l-.014.013c-.026.033-.06.073-.086.107a.718.718 0 0 0-.16.38c-.02.14 0 .28.066.406.127.274.4.44.714.44h6.426c.314 0 .58-.166.714-.44a.713.713 0 0 0 .066-.406.775.775 0 0 0-.16-.38ZM34.127 27.507s-.034-.014-.047-.014h-3.247s-.033 0-.046.014a.08.08 0 0 0-.034.033.124.124 0 0 0-.013.047c0 .02 0 .033.013.046a1.938 1.938 0 0 0 3.413 0 .124.124 0 0 0 .014-.046c0-.02 0-.034-.013-.047a.08.08 0 0 0-.034-.033h-.006Z"/></svg>';
 const IconChannelPushRound = createIconClass(templateHTML);
 defineCustomElement("sinch-icon-channel-push-round", IconChannelPushRound);
 export {

package/icons-channel/push-square/index.js

@@ -1,6 +1,6 @@
 import { defineCustomElement } from "../../utils/element.js";
 import { createIconClass } from "../create-icon-class.js";
-const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true" focusable="false">\n  <path fill="#fff" d="M8.6 0h31.9c4.4 0 8 3.615 8 8.033v31.934c0 4.418-3.6 8.033-8 8.033H8.6c-4.4 0-8-3.615-8-8.033V8.033C.6 3.615 4.2 0 8.6 0Z"/>\n  <path fill="#242424" d="M30.44 30.1A3.91 3.91 0 0 1 29 28.593a2.745 2.745 0 0 1-2.267-1.56 2.694 2.694 0 0 1-.246-1.513c.066-.52.273-1.007.6-1.393l.113-.134c.093-.113.187-.206.267-.286 0-.114.013-.274.013-.5 0-1.927.793-3.434 2.253-4.314.6-.946 1.62-1.54 2.747-1.54V14.7c-.02-1.487-1.22-2.687-2.693-2.687-3.514 0-7.107-.013-10.62-.013a2.666 2.666 0 0 0-2.667 2.667v18.666A2.666 2.666 0 0 0 19.167 36h10.626a2.666 2.666 0 0 0 2.667-2.667V30.66a3.925 3.925 0 0 1-2.02-.56ZM21.4 14.633c0-.46.38-.833.84-.826l4.453.026c.46 0 .834.38.827.84a.83.83 0 0 1-.84.827l-4.453-.027a.83.83 0 0 1-.827-.84Zm3.053 19.594c-.733 0-1.333-.6-1.333-1.334 0-.733.6-1.333 1.333-1.333.734 0 1.334.6 1.334 1.333 0 .734-.6 1.334-1.334 1.334Z"/>\n  <path fill="#242424" d="m36.293 25.387-.053-.067-.047-.06a1.834 1.834 0 0 0-.28-.28c-.286-.26-.453-.407-.453-1.78 0-.813-.193-1.48-.58-1.98-.28-.367-.667-.647-1.167-.853 0 0-.013-.007-.02-.014-.18-.606-.673-1.013-1.233-1.013s-1.053.407-1.233 1.013c0 0-.014.007-.02.014-1.174.48-1.747 1.413-1.747 2.833 0 1.38-.167 1.527-.453 1.787-.08.073-.174.153-.28.28l-.014.013c-.026.033-.06.073-.086.107a.718.718 0 0 0-.16.38c-.02.14 0 .28.066.406.127.274.4.44.714.44h6.426c.314 0 .58-.166.714-.44a.713.713 0 0 0 .066-.406.775.775 0 0 0-.16-.38ZM34.127 27.507s-.034-.014-.047-.014h-3.247s-.033 0-.046.014a.08.08 0 0 0-.034.033.124.124 0 0 0-.013.047c0 .02 0 .033.013.046a1.938 1.938 0 0 0 3.413 0 .124.124 0 0 0 .014-.046c0-.02 0-.034-.013-.047a.08.08 0 0 0-.034-.033h-.006Z"/>\n</svg>\n';
+const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true" focusable="false"><path fill="#fff" d="M8.6 0h31.9c4.4 0 8 3.615 8 8.033v31.934c0 4.418-3.6 8.033-8 8.033H8.6c-4.4 0-8-3.615-8-8.033V8.033C.6 3.615 4.2 0 8.6 0Z"/><path fill="#242424" d="M30.44 30.1A3.91 3.91 0 0 1 29 28.593a2.745 2.745 0 0 1-2.267-1.56 2.694 2.694 0 0 1-.246-1.513c.066-.52.273-1.007.6-1.393l.113-.134c.093-.113.187-.206.267-.286 0-.114.013-.274.013-.5 0-1.927.793-3.434 2.253-4.314.6-.946 1.62-1.54 2.747-1.54V14.7c-.02-1.487-1.22-2.687-2.693-2.687-3.514 0-7.107-.013-10.62-.013a2.666 2.666 0 0 0-2.667 2.667v18.666A2.666 2.666 0 0 0 19.167 36h10.626a2.666 2.666 0 0 0 2.667-2.667V30.66a3.925 3.925 0 0 1-2.02-.56ZM21.4 14.633c0-.46.38-.833.84-.826l4.453.026c.46 0 .834.38.827.84a.83.83 0 0 1-.84.827l-4.453-.027a.83.83 0 0 1-.827-.84Zm3.053 19.594c-.733 0-1.333-.6-1.333-1.334 0-.733.6-1.333 1.333-1.333.734 0 1.334.6 1.334 1.333 0 .734-.6 1.334-1.334 1.334Z"/><path fill="#242424" d="m36.293 25.387-.053-.067-.047-.06a1.834 1.834 0 0 0-.28-.28c-.286-.26-.453-.407-.453-1.78 0-.813-.193-1.48-.58-1.98-.28-.367-.667-.647-1.167-.853 0 0-.013-.007-.02-.014-.18-.606-.673-1.013-1.233-1.013s-1.053.407-1.233 1.013c0 0-.014.007-.02.014-1.174.48-1.747 1.413-1.747 2.833 0 1.38-.167 1.527-.453 1.787-.08.073-.174.153-.28.28l-.014.013c-.026.033-.06.073-.086.107a.718.718 0 0 0-.16.38c-.02.14 0 .28.066.406.127.274.4.44.714.44h6.426c.314 0 .58-.166.714-.44a.713.713 0 0 0 .066-.406.775.775 0 0 0-.16-.38ZM34.127 27.507s-.034-.014-.047-.014h-3.247s-.033 0-.046.014a.08.08 0 0 0-.034.033.124.124 0 0 0-.013.047c0 .02 0 .033.013.046a1.938 1.938 0 0 0 3.413 0 .124.124 0 0 0 .014-.046c0-.02 0-.034-.013-.047a.08.08 0 0 0-.034-.033h-.006Z"/></svg>';
 const IconChannelPushSquare = createIconClass(templateHTML);
 defineCustomElement("sinch-icon-channel-push-square", IconChannelPushSquare);
 export {

package/icons-channel/rcs-round/index.js

@@ -1,6 +1,6 @@
 import { defineCustomElement } from "../../utils/element.js";
 import { createIconClass } from "../create-icon-class.js";
-const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true" focusable="false">\n  <circle cx="24.5" cy="24" r="24" fill="#fff"/>\n  <path fill="#242424" fill-rule="evenodd" d="M29.058 14.868a2.86 2.86 0 0 0-2.86-2.858c-2.6 0-5.242-.003-7.874-.006L13.667 12a2.856 2.856 0 0 0-2.857 2.856v8.954a2.857 2.857 0 0 0 2.857 2.857h.28v2.373a.857.857 0 0 0 1.383.677l3.923-3.05h6.95a2.856 2.856 0 0 0 2.855-2.857v-8.942Zm-5.613 5.656a1.117 1.117 0 0 0 0-1.935l-4.428-2.556a1.117 1.117 0 0 0-1.676.967v5.113c0 .86.931 1.398 1.676.968l4.428-2.557Z" clip-rule="evenodd"/>\n  <path fill="#242424" d="m20.035 28.948-.1.079v.866a2.856 2.856 0 0 0 2.855 2.857h6.859l4.02 3.072a.857.857 0 0 0 1.377-.68V32.75h.279a2.857 2.857 0 0 0 2.857-2.857v-8.954a2.856 2.856 0 0 0-2.857-2.856l-3.986.003v5.724a5.137 5.137 0 0 1-5.137 5.138h-6.167Z"/>\n</svg>\n';
+const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true" focusable="false"><circle cx="24.5" cy="24" r="24" fill="#fff"/><path fill="#242424" fill-rule="evenodd" d="M29.058 14.868a2.86 2.86 0 0 0-2.86-2.858c-2.6 0-5.242-.003-7.874-.006L13.667 12a2.856 2.856 0 0 0-2.857 2.856v8.954a2.857 2.857 0 0 0 2.857 2.857h.28v2.373a.857.857 0 0 0 1.383.677l3.923-3.05h6.95a2.856 2.856 0 0 0 2.855-2.857v-8.942Zm-5.613 5.656a1.117 1.117 0 0 0 0-1.935l-4.428-2.556a1.117 1.117 0 0 0-1.676.967v5.113c0 .86.931 1.398 1.676.968l4.428-2.557Z" clip-rule="evenodd"/><path fill="#242424" d="m20.035 28.948-.1.079v.866a2.856 2.856 0 0 0 2.855 2.857h6.859l4.02 3.072a.857.857 0 0 0 1.377-.68V32.75h.279a2.857 2.857 0 0 0 2.857-2.857v-8.954a2.856 2.856 0 0 0-2.857-2.856l-3.986.003v5.724a5.137 5.137 0 0 1-5.137 5.138h-6.167Z"/></svg>';
 const IconChannelRcsRound = createIconClass(templateHTML);
 defineCustomElement("sinch-icon-channel-rcs-round", IconChannelRcsRound);
 export {

package/icons-channel/rcs-square/index.js

@@ -1,6 +1,6 @@
 import { defineCustomElement } from "../../utils/element.js";
 import { createIconClass } from "../create-icon-class.js";
-const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true" focusable="false">\n  <path fill="#fff" d="M8.6 0h31.9c4.4 0 8 3.615 8 8.033v31.934c0 4.418-3.6 8.033-8 8.033H8.6c-4.4 0-8-3.615-8-8.033V8.033C.6 3.615 4.2 0 8.6 0Z"/>\n  <path fill="#242424" fill-rule="evenodd" d="M29.058 14.868a2.86 2.86 0 0 0-2.86-2.858c-2.6 0-5.242-.003-7.874-.006L13.667 12a2.856 2.856 0 0 0-2.857 2.856v8.954a2.857 2.857 0 0 0 2.857 2.857h.28v2.373a.857.857 0 0 0 1.383.677l3.923-3.05h6.95a2.856 2.856 0 0 0 2.855-2.857v-8.942Zm-5.613 5.656a1.117 1.117 0 0 0 0-1.935l-4.428-2.556a1.117 1.117 0 0 0-1.676.967v5.113c0 .86.931 1.398 1.676.968l4.428-2.557Z" clip-rule="evenodd"/>\n  <path fill="#242424" d="m20.035 28.948-.1.079v.866a2.856 2.856 0 0 0 2.855 2.857h6.859l4.02 3.072a.857.857 0 0 0 1.377-.68V32.75h.279a2.857 2.857 0 0 0 2.857-2.857v-8.954a2.856 2.856 0 0 0-2.857-2.856l-3.986.003v5.724a5.137 5.137 0 0 1-5.137 5.138h-6.167Z"/>\n</svg>\n';
+const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true" focusable="false"><path fill="#fff" d="M8.6 0h31.9c4.4 0 8 3.615 8 8.033v31.934c0 4.418-3.6 8.033-8 8.033H8.6c-4.4 0-8-3.615-8-8.033V8.033C.6 3.615 4.2 0 8.6 0Z"/><path fill="#242424" fill-rule="evenodd" d="M29.058 14.868a2.86 2.86 0 0 0-2.86-2.858c-2.6 0-5.242-.003-7.874-.006L13.667 12a2.856 2.856 0 0 0-2.857 2.856v8.954a2.857 2.857 0 0 0 2.857 2.857h.28v2.373a.857.857 0 0 0 1.383.677l3.923-3.05h6.95a2.856 2.856 0 0 0 2.855-2.857v-8.942Zm-5.613 5.656a1.117 1.117 0 0 0 0-1.935l-4.428-2.556a1.117 1.117 0 0 0-1.676.967v5.113c0 .86.931 1.398 1.676.968l4.428-2.557Z" clip-rule="evenodd"/><path fill="#242424" d="m20.035 28.948-.1.079v.866a2.856 2.856 0 0 0 2.855 2.857h6.859l4.02 3.072a.857.857 0 0 0 1.377-.68V32.75h.279a2.857 2.857 0 0 0 2.857-2.857v-8.954a2.856 2.856 0 0 0-2.857-2.856l-3.986.003v5.724a5.137 5.137 0 0 1-5.137 5.138h-6.167Z"/></svg>';
 const IconChannelRcsSquare = createIconClass(templateHTML);
 defineCustomElement("sinch-icon-channel-rcs-square", IconChannelRcsSquare);
 export {

package/icons-channel/sms-round/index.js

@@ -1,6 +1,6 @@
 import { defineCustomElement } from "../../utils/element.js";
 import { createIconClass } from "../create-icon-class.js";
-const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true" focusable="false">\n  <circle cx="24.5" cy="24" r="24" fill="#fff"/>\n  <path fill="#000" fill-rule="evenodd" d="M29.062 14.868a2.86 2.86 0 0 0-2.86-2.858c-2.6 0-5.242-.003-7.874-.006L13.671 12a2.856 2.856 0 0 0-2.857 2.856v8.954a2.857 2.857 0 0 0 2.857 2.857h.28v2.373a.857.857 0 0 0 1.383.677l3.922-3.05h6.95a2.856 2.856 0 0 0 2.856-2.857v-8.942ZM15.02 15.977a1.14 1.14 0 1 0 0 2.28h9.893a1.14 1.14 0 1 0 0-2.28H15.02Zm0 4.557a1.14 1.14 0 1 0 0 2.281h9.893a1.14 1.14 0 1 0 0-2.28H15.02Z" clip-rule="evenodd"/>\n  <path fill="#000" d="m20.039 28.948-.101.079v.866a2.856 2.856 0 0 0 2.856 2.857h6.859l4.019 3.072a.857.857 0 0 0 1.378-.68V32.75h.279a2.857 2.857 0 0 0 2.857-2.857v-8.954a2.856 2.856 0 0 0-2.857-2.856l-3.986.003v5.724a5.137 5.137 0 0 1-5.137 5.138h-6.167Z"/>\n</svg>\n';
+const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true" focusable="false"><circle cx="24.5" cy="24" r="24" fill="#fff"/><path fill="#000" fill-rule="evenodd" d="M29.062 14.868a2.86 2.86 0 0 0-2.86-2.858c-2.6 0-5.242-.003-7.874-.006L13.671 12a2.856 2.856 0 0 0-2.857 2.856v8.954a2.857 2.857 0 0 0 2.857 2.857h.28v2.373a.857.857 0 0 0 1.383.677l3.922-3.05h6.95a2.856 2.856 0 0 0 2.856-2.857v-8.942ZM15.02 15.977a1.14 1.14 0 1 0 0 2.28h9.893a1.14 1.14 0 1 0 0-2.28H15.02Zm0 4.557a1.14 1.14 0 1 0 0 2.281h9.893a1.14 1.14 0 1 0 0-2.28H15.02Z" clip-rule="evenodd"/><path fill="#000" d="m20.039 28.948-.101.079v.866a2.856 2.856 0 0 0 2.856 2.857h6.859l4.019 3.072a.857.857 0 0 0 1.378-.68V32.75h.279a2.857 2.857 0 0 0 2.857-2.857v-8.954a2.856 2.856 0 0 0-2.857-2.856l-3.986.003v5.724a5.137 5.137 0 0 1-5.137 5.138h-6.167Z"/></svg>';
 const IconChannelSmsRound = createIconClass(templateHTML);
 defineCustomElement("sinch-icon-channel-sms-round", IconChannelSmsRound);
 export {

package/icons-channel/sms-square/index.js

@@ -1,6 +1,6 @@
 import { defineCustomElement } from "../../utils/element.js";
 import { createIconClass } from "../create-icon-class.js";
-const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true" focusable="false">\n  <path fill="#fff" d="M8.6 0h31.9c4.4 0 8 3.615 8 8.033v31.934c0 4.418-3.6 8.033-8 8.033H8.6c-4.4 0-8-3.615-8-8.033V8.033C.6 3.615 4.2 0 8.6 0Z"/>\n  <path fill="#000" fill-rule="evenodd" d="M29.062 14.868a2.86 2.86 0 0 0-2.86-2.858c-2.6 0-5.242-.003-7.874-.006L13.671 12a2.856 2.856 0 0 0-2.857 2.856v8.954a2.857 2.857 0 0 0 2.857 2.857h.28v2.373a.857.857 0 0 0 1.383.677l3.922-3.05h6.95a2.856 2.856 0 0 0 2.856-2.857v-8.942ZM15.02 15.977a1.14 1.14 0 1 0 0 2.28h9.893a1.14 1.14 0 1 0 0-2.28H15.02Zm0 4.557a1.14 1.14 0 1 0 0 2.281h9.893a1.14 1.14 0 1 0 0-2.28H15.02Z" clip-rule="evenodd"/>\n  <path fill="#000" d="m20.039 28.948-.101.079v.866a2.856 2.856 0 0 0 2.856 2.857h6.859l4.019 3.072a.857.857 0 0 0 1.378-.68V32.75h.279a2.857 2.857 0 0 0 2.857-2.857v-8.954a2.856 2.856 0 0 0-2.857-2.856l-3.986.003v5.724a5.137 5.137 0 0 1-5.137 5.138h-6.167Z"/>\n</svg>\n';
+const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true" focusable="false"><path fill="#fff" d="M8.6 0h31.9c4.4 0 8 3.615 8 8.033v31.934c0 4.418-3.6 8.033-8 8.033H8.6c-4.4 0-8-3.615-8-8.033V8.033C.6 3.615 4.2 0 8.6 0Z"/><path fill="#000" fill-rule="evenodd" d="M29.062 14.868a2.86 2.86 0 0 0-2.86-2.858c-2.6 0-5.242-.003-7.874-.006L13.671 12a2.856 2.856 0 0 0-2.857 2.856v8.954a2.857 2.857 0 0 0 2.857 2.857h.28v2.373a.857.857 0 0 0 1.383.677l3.922-3.05h6.95a2.856 2.856 0 0 0 2.856-2.857v-8.942ZM15.02 15.977a1.14 1.14 0 1 0 0 2.28h9.893a1.14 1.14 0 1 0 0-2.28H15.02Zm0 4.557a1.14 1.14 0 1 0 0 2.281h9.893a1.14 1.14 0 1 0 0-2.28H15.02Z" clip-rule="evenodd"/><path fill="#000" d="m20.039 28.948-.101.079v.866a2.856 2.856 0 0 0 2.856 2.857h6.859l4.019 3.072a.857.857 0 0 0 1.378-.68V32.75h.279a2.857 2.857 0 0 0 2.857-2.857v-8.954a2.856 2.856 0 0 0-2.857-2.856l-3.986.003v5.724a5.137 5.137 0 0 1-5.137 5.138h-6.167Z"/></svg>';
 const IconChannelSmsSquare = createIconClass(templateHTML);
 defineCustomElement("sinch-icon-channel-sms-square", IconChannelSmsSquare);
 export {

package/icons-channel/talk/index.js

@@ -1,6 +1,6 @@
 import { defineCustomElement } from "../../utils/element.js";
 import { createIconClass } from "../create-icon-class.js";
-const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true" focusable="false">\n  <path fill="#ffe812" d="M24 48c13.3 0 24-10.7 24-24S37.3 0 24 0 0 10.7 0 24s10.7 24 24 24z"/>\n  <path d="M24 12.2c-7.6 0-13.8 4.9-13.8 10.9 0 3.9 2.6 7.3 6.5 9.2-.2.7-1.4 4.7-1.4 5 0 0 0 .2.1.3.2.1.3 0 .3 0 .4-.1 5-3.3 5.8-3.9.8.1 1.6.2 2.5.2 7.6 0 13.8-4.9 13.8-10.9S31.6 12.2 24 12.2z"/>\n  <path fill="#ffe812" d="M16.4 26.9c-.4 0-.8-.3-.8-.8v-4.7h-1.2c-.4 0-.8-.4-.8-.8s.4-.8.8-.8h4.1c.4 0 .8.4.8.8s-.4.8-.8.8h-1.2v4.7c-.2.4-.5.8-.9.8zm6.9 0c-.3 0-.6-.1-.7-.4l-.4-1h-2.4l-.4 1c-.1.2-.3.4-.7.4-.2 0-.4 0-.5-.1-.2-.1-.4-.4-.2-1.1l1.9-5c.1-.4.5-.8 1.1-.8.5 0 .9.4 1.1.8l1.9 5c.2.8 0 1-.2 1.1-.1 0-.3.1-.5.1zm-1.4-2.8-.8-2.3-.8 2.3h1.6zm3.4 2.7c-.4 0-.8-.3-.8-.7v-5.4c0-.4.4-.8.8-.8s.8.4.8.8v4.7h1.7c.4 0 .8.3.8.7 0 .4-.3.7-.8.7h-2.5zm4.5.1c-.4 0-.8-.4-.8-.8v-5.5c0-.4.4-.8.8-.8s.8.4.8.8v1.7l2.2-2.2c.1-.1.3-.2.4-.2.2 0 .4.1.5.2.1.1.2.3.2.5s-.1.4-.2.5L32 23l2 2.6c.1.2.2.4.2.6 0 .2-.1.4-.3.5-.1.1-.3.2-.5.2-.3 0-.5-.1-.6-.3l-1.9-2.5-.3.3v1.7c0 .4-.4.8-.8.8z"/>\n</svg>\n';
+const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true" focusable="false"><path fill="#ffe812" d="M24 48c13.3 0 24-10.7 24-24S37.3 0 24 0 0 10.7 0 24s10.7 24 24 24z"/><path d="M24 12.2c-7.6 0-13.8 4.9-13.8 10.9 0 3.9 2.6 7.3 6.5 9.2-.2.7-1.4 4.7-1.4 5 0 0 0 .2.1.3.2.1.3 0 .3 0 .4-.1 5-3.3 5.8-3.9.8.1 1.6.2 2.5.2 7.6 0 13.8-4.9 13.8-10.9S31.6 12.2 24 12.2z"/><path fill="#ffe812" d="M16.4 26.9c-.4 0-.8-.3-.8-.8v-4.7h-1.2c-.4 0-.8-.4-.8-.8s.4-.8.8-.8h4.1c.4 0 .8.4.8.8s-.4.8-.8.8h-1.2v4.7c-.2.4-.5.8-.9.8zm6.9 0c-.3 0-.6-.1-.7-.4l-.4-1h-2.4l-.4 1c-.1.2-.3.4-.7.4-.2 0-.4 0-.5-.1-.2-.1-.4-.4-.2-1.1l1.9-5c.1-.4.5-.8 1.1-.8.5 0 .9.4 1.1.8l1.9 5c.2.8 0 1-.2 1.1-.1 0-.3.1-.5.1zm-1.4-2.8-.8-2.3-.8 2.3h1.6zm3.4 2.7c-.4 0-.8-.3-.8-.7v-5.4c0-.4.4-.8.8-.8s.8.4.8.8v4.7h1.7c.4 0 .8.3.8.7 0 .4-.3.7-.8.7h-2.5zm4.5.1c-.4 0-.8-.4-.8-.8v-5.5c0-.4.4-.8.8-.8s.8.4.8.8v1.7l2.2-2.2c.1-.1.3-.2.4-.2.2 0 .4.1.5.2.1.1.2.3.2.5s-.1.4-.2.5L32 23l2 2.6c.1.2.2.4.2.6 0 .2-.1.4-.3.5-.1.1-.3.2-.5.2-.3 0-.5-.1-.6-.3l-1.9-2.5-.3.3v1.7c0 .4-.4.8-.8.8z"/></svg>';
 const IconChannelTalk = createIconClass(templateHTML);
 defineCustomElement("sinch-icon-channel-talk", IconChannelTalk);
 export {

package/icons-channel/talk-square/index.js

@@ -1,6 +1,6 @@
 import { defineCustomElement } from "../../utils/element.js";
 import { createIconClass } from "../create-icon-class.js";
-const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true" focusable="false">\n  <path d="M8.1 0H40c4.4 0 8 3.615 8 8.033v31.934C48 44.385 44.4 48 40 48H8.1c-4.4 0-8-3.615-8-8.033V8.033C.1 3.615 3.7 0 8.1 0Z" fill="#FFE812"/>\n  <path d="M24 12.251c-7.6 0-13.8 4.92-13.8 10.946 0 3.916 2.6 7.33 6.5 9.238-.2.703-1.4 4.72-1.4 5.021 0 0 0 .201.1.301.2.1.3 0 .3 0 .4-.1 5-3.313 5.8-3.916.8.1 1.6.2 2.5.2 7.6 0 13.8-4.92 13.8-10.945S31.6 12.251 24 12.251Z" fill="#000"/>\n  <path d="M16.4 27.012a.79.79 0 0 1-.8-.803v-4.72h-1.2c-.4 0-.8-.401-.8-.803 0-.401.4-.803.8-.803h4.1c.4 0 .8.402.8.803 0 .402-.4.803-.8.803h-1.2v4.72c-.2.402-.5.803-.9.803Zm6.9 0c-.3 0-.6-.1-.7-.401l-.4-1.004h-2.4l-.4 1.004c-.1.2-.3.401-.7.401-.2 0-.4 0-.5-.1-.2-.1-.4-.402-.2-1.104l1.9-5.021c.1-.402.5-.804 1.1-.804.5 0 .9.402 1.1.804l1.9 5.02c.2.804 0 1.005-.2 1.105-.1 0-.3.1-.5.1Zm-1.4-2.811-.8-2.31-.8 2.31h1.6Zm3.4 2.711c-.4 0-.8-.301-.8-.703v-5.422c0-.402.4-.804.8-.804s.8.402.8.804v4.72h1.7c.4 0 .8.3.8.702 0 .402-.3.703-.8.703h-2.5Zm4.5.1c-.4 0-.8-.401-.8-.803v-5.523c0-.401.4-.803.8-.803s.8.402.8.803v1.707l2.2-2.209c.1-.1.3-.2.4-.2.2 0 .4.1.5.2.1.1.2.301.2.502s-.1.402-.2.502L32 23.096l2 2.611c.1.2.2.402.2.603 0 .2-.1.401-.3.502-.1.1-.3.2-.5.2-.3 0-.5-.1-.6-.3L30.9 24.2l-.3.301v1.707c0 .402-.4.803-.8.803Z" fill="#FFE812"/>\n</svg>\n';
+const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true" focusable="false"><path d="M8.1 0H40c4.4 0 8 3.615 8 8.033v31.934C48 44.385 44.4 48 40 48H8.1c-4.4 0-8-3.615-8-8.033V8.033C.1 3.615 3.7 0 8.1 0Z" fill="#FFE812"/><path d="M24 12.251c-7.6 0-13.8 4.92-13.8 10.946 0 3.916 2.6 7.33 6.5 9.238-.2.703-1.4 4.72-1.4 5.021 0 0 0 .201.1.301.2.1.3 0 .3 0 .4-.1 5-3.313 5.8-3.916.8.1 1.6.2 2.5.2 7.6 0 13.8-4.92 13.8-10.945S31.6 12.251 24 12.251Z" fill="#000"/><path d="M16.4 27.012a.79.79 0 0 1-.8-.803v-4.72h-1.2c-.4 0-.8-.401-.8-.803 0-.401.4-.803.8-.803h4.1c.4 0 .8.402.8.803 0 .402-.4.803-.8.803h-1.2v4.72c-.2.402-.5.803-.9.803Zm6.9 0c-.3 0-.6-.1-.7-.401l-.4-1.004h-2.4l-.4 1.004c-.1.2-.3.401-.7.401-.2 0-.4 0-.5-.1-.2-.1-.4-.402-.2-1.104l1.9-5.021c.1-.402.5-.804 1.1-.804.5 0 .9.402 1.1.804l1.9 5.02c.2.804 0 1.005-.2 1.105-.1 0-.3.1-.5.1Zm-1.4-2.811-.8-2.31-.8 2.31h1.6Zm3.4 2.711c-.4 0-.8-.301-.8-.703v-5.422c0-.402.4-.804.8-.804s.8.402.8.804v4.72h1.7c.4 0 .8.3.8.702 0 .402-.3.703-.8.703h-2.5Zm4.5.1c-.4 0-.8-.401-.8-.803v-5.523c0-.401.4-.803.8-.803s.8.402.8.803v1.707l2.2-2.209c.1-.1.3-.2.4-.2.2 0 .4.1.5.2.1.1.2.301.2.502s-.1.402-.2.502L32 23.096l2 2.611c.1.2.2.402.2.603 0 .2-.1.401-.3.502-.1.1-.3.2-.5.2-.3 0-.5-.1-.6-.3L30.9 24.2l-.3.301v1.707c0 .402-.4.803-.8.803Z" fill="#FFE812"/></svg>';
 const IconChannelTalkSquare = createIconClass(templateHTML);
 defineCustomElement("sinch-icon-channel-talk-square", IconChannelTalkSquare);
 export {

package/icons-channel/telegram/index.js

@@ -1,6 +1,6 @@
 import { defineCustomElement } from "../../utils/element.js";
 import { createIconClass } from "../create-icon-class.js";
-const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true" focusable="false">\n  <linearGradient id="telegram-gradient" x1="-934.041" x2="-934.041" y1="564.485" y2="564.437" gradientTransform="matrix(1000 0 0 -1000 934065 564485)" gradientUnits="userSpaceOnUse">\n    <stop offset="0" stop-color="#2aabee"/>\n    <stop offset="1" stop-color="#229ed9"/>\n  </linearGradient>\n  <circle cx="24" cy="24" r="24" fill="url(#telegram-gradient)" fill-rule="evenodd" clip-rule="evenodd"/>\n  <path fill="#fff" fill-rule="evenodd" d="M10.9 23.7c7-3 11.7-5.1 14-6 6.7-2.8 8-3.3 9-3.3.2 0 .6 0 .9.3.2.2.3.5.3.6s.1.6 0 .9c-.4 3.8-1.9 13-2.7 17.3-.3 1.8-1 2.4-1.6 2.5-1.4.1-2.5-.9-3.8-1.8l-5.4-3.6c-2.4-1.6-.8-2.4.5-3.8.4-.4 6.5-6 6.6-6.5 0-.1 0-.3-.1-.4-.1-.1-.3-.1-.5 0-.2 0-3.6 2.3-10.1 6.7-1 .7-1.8 1-2.6 1-.9 0-2.5-.5-3.7-.9-1.5-.5-2.7-.7-2.6-1.6 0-.5.6-.9 1.8-1.4z" clip-rule="evenodd"/>\n</svg>\n';
+const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true" focusable="false"><linearGradient id="telegram-gradient" x1="-934.041" x2="-934.041" y1="564.485" y2="564.437" gradientTransform="matrix(1000 0 0 -1000 934065 564485)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#2aabee"/><stop offset="1" stop-color="#229ed9"/></linearGradient><circle cx="24" cy="24" r="24" fill="url(#telegram-gradient)" fill-rule="evenodd" clip-rule="evenodd"/><path fill="#fff" fill-rule="evenodd" d="M10.9 23.7c7-3 11.7-5.1 14-6 6.7-2.8 8-3.3 9-3.3.2 0 .6 0 .9.3.2.2.3.5.3.6s.1.6 0 .9c-.4 3.8-1.9 13-2.7 17.3-.3 1.8-1 2.4-1.6 2.5-1.4.1-2.5-.9-3.8-1.8l-5.4-3.6c-2.4-1.6-.8-2.4.5-3.8.4-.4 6.5-6 6.6-6.5 0-.1 0-.3-.1-.4-.1-.1-.3-.1-.5 0-.2 0-3.6 2.3-10.1 6.7-1 .7-1.8 1-2.6 1-.9 0-2.5-.5-3.7-.9-1.5-.5-2.7-.7-2.6-1.6 0-.5.6-.9 1.8-1.4z" clip-rule="evenodd"/></svg>';
 const IconChannelTelegram = createIconClass(templateHTML);
 defineCustomElement("sinch-icon-channel-telegram", IconChannelTelegram);
 export {

package/icons-channel/telegram-square/index.js

@@ -1,6 +1,6 @@
 import { defineCustomElement } from "../../utils/element.js";
 import { createIconClass } from "../create-icon-class.js";
-const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true" focusable="false">\n  <path d="M8 0h31.9c4.4 0 8 3.615 8 8.033v31.934c0 4.418-3.6 8.033-8 8.033H8c-4.4 0-8-3.615-8-8.033V8.033C0 3.615 3.6 0 8 0Z" fill="#25A2E0"/>\n  <path fill-rule="evenodd" clip-rule="evenodd" d="M10.9 23.7c7-3 11.7-5.1 14-6 6.7-2.8 8-3.3 9-3.3.2 0 .6 0 .9.3.2.2.3.5.3.6 0 .1.1.6 0 .9-.4 3.8-1.9 13-2.7 17.3-.3 1.8-1 2.4-1.6 2.5-1.4.1-2.5-.9-3.8-1.8l-5.4-3.6c-2.4-1.6-.8-2.4.5-3.8.4-.4 6.5-6 6.6-6.5 0-.1 0-.3-.1-.4-.1-.1-.3-.1-.5 0-.2 0-3.6 2.3-10.1 6.7-1 .7-1.8 1-2.6 1-.9 0-2.5-.5-3.7-.9-1.5-.5-2.7-.7-2.6-1.6 0-.5.6-.9 1.8-1.4Z" fill="#fff"/>\n</svg>\n';
+const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true" focusable="false"><path d="M8 0h31.9c4.4 0 8 3.615 8 8.033v31.934c0 4.418-3.6 8.033-8 8.033H8c-4.4 0-8-3.615-8-8.033V8.033C0 3.615 3.6 0 8 0Z" fill="#25A2E0"/><path fill-rule="evenodd" clip-rule="evenodd" d="M10.9 23.7c7-3 11.7-5.1 14-6 6.7-2.8 8-3.3 9-3.3.2 0 .6 0 .9.3.2.2.3.5.3.6 0 .1.1.6 0 .9-.4 3.8-1.9 13-2.7 17.3-.3 1.8-1 2.4-1.6 2.5-1.4.1-2.5-.9-3.8-1.8l-5.4-3.6c-2.4-1.6-.8-2.4.5-3.8.4-.4 6.5-6 6.6-6.5 0-.1 0-.3-.1-.4-.1-.1-.3-.1-.5 0-.2 0-3.6 2.3-10.1 6.7-1 .7-1.8 1-2.6 1-.9 0-2.5-.5-3.7-.9-1.5-.5-2.7-.7-2.6-1.6 0-.5.6-.9 1.8-1.4Z" fill="#fff"/></svg>';
 const IconChannelTelegramSquare = createIconClass(templateHTML);
 defineCustomElement("sinch-icon-channel-telegram-square", IconChannelTelegramSquare);
 export {

package/icons-channel/twitter/index.js

@@ -1,6 +1,6 @@
 import { defineCustomElement } from "../../utils/element.js";
 import { createIconClass } from "../create-icon-class.js";
-const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true" focusable="false">\n  <path fill="#1d9bf0" d="M24 48c13.3 0 24-10.7 24-24S37.3 0 24 0 0 10.7 0 24s10.7 24 24 24z"/>\n  <path fill="#fff" d="M34.6 19.7v.7c0 7-5.3 15.1-15.1 15.1-2.9 0-5.7-.8-8.1-2.4.4.1.8.1 1.3.1 2.4 0 4.7-.8 6.6-2.3-2.3 0-4.3-1.5-4.9-3.7.8.2 1.6.1 2.4-.1-2.5-.5-4.2-2.7-4.2-5.2v-.1c.7.4 1.6.6 2.4.7-2.3-1.6-3-4.6-1.6-7.1 2.7 3.3 6.7 5.3 10.9 5.5-.4-1.8.2-3.8 1.5-5.1 2.1-2 5.5-1.9 7.5.2 1.2-.2 2.3-.7 3.4-1.3-.4 1.2-1.2 2.3-2.3 2.9 1-.1 2.1-.4 3-.8-.9 1.3-1.8 2.2-2.8 2.9z"/>\n</svg>\n';
+const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true" focusable="false"><path fill="#1d9bf0" d="M24 48c13.3 0 24-10.7 24-24S37.3 0 24 0 0 10.7 0 24s10.7 24 24 24z"/><path fill="#fff" d="M34.6 19.7v.7c0 7-5.3 15.1-15.1 15.1-2.9 0-5.7-.8-8.1-2.4.4.1.8.1 1.3.1 2.4 0 4.7-.8 6.6-2.3-2.3 0-4.3-1.5-4.9-3.7.8.2 1.6.1 2.4-.1-2.5-.5-4.2-2.7-4.2-5.2v-.1c.7.4 1.6.6 2.4.7-2.3-1.6-3-4.6-1.6-7.1 2.7 3.3 6.7 5.3 10.9 5.5-.4-1.8.2-3.8 1.5-5.1 2.1-2 5.5-1.9 7.5.2 1.2-.2 2.3-.7 3.4-1.3-.4 1.2-1.2 2.3-2.3 2.9 1-.1 2.1-.4 3-.8-.9 1.3-1.8 2.2-2.8 2.9z"/></svg>';
 const IconChannelTwitter = createIconClass(templateHTML);
 defineCustomElement("sinch-icon-channel-twitter", IconChannelTwitter);
 export {

package/icons-channel/twitter-square/index.js

@@ -1,6 +1,6 @@
 import { defineCustomElement } from "../../utils/element.js";
 import { createIconClass } from "../create-icon-class.js";
-const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true" focusable="false">\n  <path d="M8.1 0H40c4.4 0 8 3.615 8 8.033v31.934C48 44.385 44.4 48 40 48H8.1c-4.4 0-8-3.615-8-8.033V8.033C.1 3.615 3.7 0 8.1 0Z" fill="#1D9BF0"/>\n  <path d="M34.7 19.682v.703c0 7.03-5.3 15.163-15.1 15.163-2.9 0-5.7-.803-8.1-2.41.4.1.8.1 1.3.1 2.4 0 4.7-.803 6.6-2.31-2.3 0-4.3-1.505-4.9-3.715.8.201 1.6.1 2.4-.1-2.5-.502-4.2-2.711-4.2-5.222v-.1c.7.401 1.6.602 2.4.703-2.3-1.607-3-4.62-1.6-7.13 2.7 3.314 6.7 5.322 10.9 5.523-.4-1.808.2-3.816 1.5-5.121 2.1-2.009 5.5-1.908 7.5.2 1.2-.2 2.3-.702 3.4-1.305-.4 1.205-1.2 2.31-2.3 2.912 1-.1 2.1-.401 3-.803-.9 1.305-1.8 2.209-2.8 2.912Z" fill="#fff"/>\n</svg>\n';
+const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true" focusable="false"><path d="M8.1 0H40c4.4 0 8 3.615 8 8.033v31.934C48 44.385 44.4 48 40 48H8.1c-4.4 0-8-3.615-8-8.033V8.033C.1 3.615 3.7 0 8.1 0Z" fill="#1D9BF0"/><path d="M34.7 19.682v.703c0 7.03-5.3 15.163-15.1 15.163-2.9 0-5.7-.803-8.1-2.41.4.1.8.1 1.3.1 2.4 0 4.7-.803 6.6-2.31-2.3 0-4.3-1.505-4.9-3.715.8.201 1.6.1 2.4-.1-2.5-.502-4.2-2.711-4.2-5.222v-.1c.7.401 1.6.602 2.4.703-2.3-1.607-3-4.62-1.6-7.13 2.7 3.314 6.7 5.322 10.9 5.523-.4-1.808.2-3.816 1.5-5.121 2.1-2.009 5.5-1.908 7.5.2 1.2-.2 2.3-.702 3.4-1.305-.4 1.205-1.2 2.31-2.3 2.912 1-.1 2.1-.401 3-.803-.9 1.305-1.8 2.209-2.8 2.912Z" fill="#fff"/></svg>';
 const IconChannelTwitterSquare = createIconClass(templateHTML);
 defineCustomElement("sinch-icon-channel-twitter-square", IconChannelTwitterSquare);
 export {

package/icons-channel/viber/index.js

@@ -1,6 +1,6 @@
 import { defineCustomElement } from "../../utils/element.js";
 import { createIconClass } from "../create-icon-class.js";
-const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true" focusable="false">\n  <path fill="#7360f2" d="M24 48c13.3 0 24-10.7 24-24S37.3 0 24 0 0 10.7 0 24s10.7 24 24 24z"/>\n  <g fill="#fff">\n    <path d="M35.4 12.6c-.8-.7-3.9-3-10.8-3 0 0-8.2-.5-12.1 3.2-2.2 2.2-3 5.5-3.1 9.5-.1 4-.2 11.5 7.1 13.6V39s0 1.3.8 1.5c1 .3 1.6-.6 2.6-1.7.5-.6 1.3-1.4 1.8-2 5 .4 8.8-.5 9.2-.7 1-.3 6.7-1.1 7.6-8.6.8-7.7-.6-12.6-3.1-14.9zm.8 14.4c-.8 6.3-5.4 6.7-6.2 7-.4.1-3.7 1-7.9.7 0 0-3.1 3.8-4.1 4.8-.2.2-.3.2-.5.2s-.2-.2-.2-.5V34c-6.1-1.7-5.8-8.1-5.7-11.5.1-3.4.7-6.1 2.6-8 3.4-3 10.3-2.6 10.3-2.6 5.9 0 8.7 1.8 9.3 2.4 2.1 1.8 3.2 6.2 2.4 12.7z"/>\n    <path d="M27.4 22.5c-.2 0-.4-.2-.4-.4-.1-1.3-.7-2-2-2-.2 0-.4-.2-.4-.4s.2-.4.4-.4c1.7.1 2.6 1.1 2.7 2.8.1.2-.1.4-.3.4z"/>\n    <path d="M29.4 23.2c-.2 0-.4-.2-.4-.4 0-1.3-.4-2.4-1.2-3.3-.8-.9-1.9-1.4-3.4-1.5-.2 0-.4-.2-.4-.4s.2-.4.4-.4c1.7.1 3 .7 3.9 1.7.9 1 1.4 2.3 1.4 3.9.1.2-.1.4-.3.4z"/>\n    <path d="M31.5 24c-.2 0-.4-.2-.4-.4 0-2.4-.7-4.2-2.1-5.6-1.4-1.3-3.1-2-5.2-2.1-.2 0-.4-.2-.4-.4s.2-.4.4-.4c2.3 0 4.2.8 5.7 2.3 1.5 1.5 2.3 3.6 2.3 6.1.1.3-.1.5-.3.5zm-6.4 3.3s.6 0 .8-.3l.6-.7c.3-.4 1-.6 1.6-.2.5.3 1 .6 1.4.9.4.3 1.3 1.1 1.3 1.1.4.4.5.9.2 1.4-.3.6-.7 1.1-1.2 1.5-.4.3-.8.5-1.2.6h-.2c-.2 0-.4 0-.5-.1-.6-.2-1.6-.6-3.4-1.6-1-.5-1.9-1.2-2.8-1.9-.4-.4-.9-.7-1.3-1.1-.4-.4-.8-.8-1.1-1.3-.7-.9-1.3-1.8-1.9-2.8-.9-1.7-1.4-2.7-1.6-3.4-.1-.2-.1-.3-.1-.5v-.2c0-.4.2-.8.6-1.2.4-.5.9-.9 1.5-1.2.6-.3 1.1-.2 1.4.2 0 0 .7.9 1.1 1.3.3.5.6.9.9 1.4.4.7.1 1.3-.2 1.6l-.7.6c-.4.3-.3.8-.3.8s1.1 4.1 5.1 5.1z"/>\n  </g>\n</svg>\n';
+const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true" focusable="false"><path fill="#7360f2" d="M24 48c13.3 0 24-10.7 24-24S37.3 0 24 0 0 10.7 0 24s10.7 24 24 24z"/><g fill="#fff"><path d="M35.4 12.6c-.8-.7-3.9-3-10.8-3 0 0-8.2-.5-12.1 3.2-2.2 2.2-3 5.5-3.1 9.5-.1 4-.2 11.5 7.1 13.6V39s0 1.3.8 1.5c1 .3 1.6-.6 2.6-1.7.5-.6 1.3-1.4 1.8-2 5 .4 8.8-.5 9.2-.7 1-.3 6.7-1.1 7.6-8.6.8-7.7-.6-12.6-3.1-14.9zm.8 14.4c-.8 6.3-5.4 6.7-6.2 7-.4.1-3.7 1-7.9.7 0 0-3.1 3.8-4.1 4.8-.2.2-.3.2-.5.2s-.2-.2-.2-.5V34c-6.1-1.7-5.8-8.1-5.7-11.5.1-3.4.7-6.1 2.6-8 3.4-3 10.3-2.6 10.3-2.6 5.9 0 8.7 1.8 9.3 2.4 2.1 1.8 3.2 6.2 2.4 12.7z"/><path d="M27.4 22.5c-.2 0-.4-.2-.4-.4-.1-1.3-.7-2-2-2-.2 0-.4-.2-.4-.4s.2-.4.4-.4c1.7.1 2.6 1.1 2.7 2.8.1.2-.1.4-.3.4z"/><path d="M29.4 23.2c-.2 0-.4-.2-.4-.4 0-1.3-.4-2.4-1.2-3.3-.8-.9-1.9-1.4-3.4-1.5-.2 0-.4-.2-.4-.4s.2-.4.4-.4c1.7.1 3 .7 3.9 1.7.9 1 1.4 2.3 1.4 3.9.1.2-.1.4-.3.4z"/><path d="M31.5 24c-.2 0-.4-.2-.4-.4 0-2.4-.7-4.2-2.1-5.6-1.4-1.3-3.1-2-5.2-2.1-.2 0-.4-.2-.4-.4s.2-.4.4-.4c2.3 0 4.2.8 5.7 2.3 1.5 1.5 2.3 3.6 2.3 6.1.1.3-.1.5-.3.5zm-6.4 3.3s.6 0 .8-.3l.6-.7c.3-.4 1-.6 1.6-.2.5.3 1 .6 1.4.9.4.3 1.3 1.1 1.3 1.1.4.4.5.9.2 1.4-.3.6-.7 1.1-1.2 1.5-.4.3-.8.5-1.2.6h-.2c-.2 0-.4 0-.5-.1-.6-.2-1.6-.6-3.4-1.6-1-.5-1.9-1.2-2.8-1.9-.4-.4-.9-.7-1.3-1.1-.4-.4-.8-.8-1.1-1.3-.7-.9-1.3-1.8-1.9-2.8-.9-1.7-1.4-2.7-1.6-3.4-.1-.2-.1-.3-.1-.5v-.2c0-.4.2-.8.6-1.2.4-.5.9-.9 1.5-1.2.6-.3 1.1-.2 1.4.2 0 0 .7.9 1.1 1.3.3.5.6.9.9 1.4.4.7.1 1.3-.2 1.6l-.7.6c-.4.3-.3.8-.3.8s1.1 4.1 5.1 5.1z"/></g></svg>';
 const IconChannelViber = createIconClass(templateHTML);
 defineCustomElement("sinch-icon-channel-viber", IconChannelViber);
 export {

package/icons-channel/viber-square/index.js

@@ -1,6 +1,6 @@
 import { defineCustomElement } from "../../utils/element.js";
 import { createIconClass } from "../create-icon-class.js";
-const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true" focusable="false">\n  <path d="M8.1 0H40c4.4 0 8 3.615 8 8.033v31.934C48 44.385 44.4 48 40 48H8.1c-4.4 0-8-3.615-8-8.033V8.033C.1 3.615 3.7 0 8.1 0Z" fill="#7360F2"/>\n  <path d="M35.4 12.552c-.8-.703-3.9-3.012-10.8-3.012 0 0-8.2-.502-12.1 3.213-2.2 2.21-3 5.523-3.1 9.54-.1 4.017-.2 11.548 7.1 13.657v3.113s0 1.305.8 1.506c1 .301 1.6-.602 2.6-1.707.5-.603 1.3-1.406 1.8-2.009 5 .402 8.8-.502 9.2-.702 1-.302 6.7-1.105 7.6-8.636.8-7.733-.6-12.653-3.1-14.963Zm.8 14.46c-.8 6.327-5.4 6.728-6.2 7.03-.4.1-3.7 1.004-7.9.703 0 0-3.1 3.816-4.1 4.82-.2.2-.3.2-.5.2s-.2-.2-.2-.502v-5.221c-6.1-1.707-5.8-8.134-5.7-11.548.1-3.415.7-6.126 2.6-8.034 3.4-3.012 10.3-2.61 10.3-2.61 5.9 0 8.7 1.807 9.3 2.41 2.1 1.807 3.2 6.225 2.4 12.752Z" fill="#fff"/>\n  <path d="M27.4 22.494c-.2 0-.4-.201-.4-.402-.1-1.305-.7-2.008-2-2.008-.2 0-.4-.201-.4-.402 0-.2.2-.402.4-.402 1.7.1 2.6 1.105 2.7 2.812.1.2-.1.402-.3.402Z" fill="#fff"/>\n  <path d="M29.4 23.197c-.2 0-.4-.201-.4-.402 0-1.306-.4-2.41-1.2-3.314-.8-.904-1.9-1.406-3.4-1.506-.2 0-.4-.201-.4-.402 0-.2.2-.401.4-.401 1.7.1 3 .702 3.9 1.707.9 1.004 1.4 2.31 1.4 3.916.1.2-.1.402-.3.402Z" fill="#fff"/>\n  <path d="M31.5 24c-.2 0-.4-.2-.4-.402 0-2.41-.7-4.217-2.1-5.623-1.4-1.306-3.1-2.009-5.2-2.109-.2 0-.4-.2-.4-.402 0-.2.2-.401.4-.401 2.3 0 4.2.803 5.7 2.31 1.5 1.506 2.3 3.614 2.3 6.125.1.301-.1.502-.3.502Zm-6.4 3.314s.6 0 .8-.302l.6-.702c.3-.402 1-.603 1.6-.201.5.301 1 .602 1.4.903.4.302 1.3 1.105 1.3 1.105.4.402.5.904.2 1.406a4.44 4.44 0 0 1-1.2 1.506c-.4.302-.8.502-1.2.603h-.2c-.2 0-.4 0-.5-.1-.6-.201-1.6-.603-3.4-1.607-1-.502-1.9-1.205-2.8-1.908-.4-.402-.9-.703-1.3-1.105s-.8-.803-1.1-1.305c-.7-.904-1.3-1.808-1.9-2.812-.9-1.707-1.4-2.711-1.6-3.414-.1-.201-.1-.302-.1-.502v-.201c0-.402.2-.803.6-1.205.4-.502.9-.904 1.5-1.205.6-.302 1.1-.201 1.4.2 0 0 .7.904 1.1 1.306.3.502.6.904.9 1.406.4.703.1 1.305-.2 1.607l-.7.602c-.4.301-.3.803-.3.803s1.1 4.118 5.1 5.122Z" fill="#fff"/>\n</svg>\n';
+const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true" focusable="false"><path d="M8.1 0H40c4.4 0 8 3.615 8 8.033v31.934C48 44.385 44.4 48 40 48H8.1c-4.4 0-8-3.615-8-8.033V8.033C.1 3.615 3.7 0 8.1 0Z" fill="#7360F2"/><path d="M35.4 12.552c-.8-.703-3.9-3.012-10.8-3.012 0 0-8.2-.502-12.1 3.213-2.2 2.21-3 5.523-3.1 9.54-.1 4.017-.2 11.548 7.1 13.657v3.113s0 1.305.8 1.506c1 .301 1.6-.602 2.6-1.707.5-.603 1.3-1.406 1.8-2.009 5 .402 8.8-.502 9.2-.702 1-.302 6.7-1.105 7.6-8.636.8-7.733-.6-12.653-3.1-14.963Zm.8 14.46c-.8 6.327-5.4 6.728-6.2 7.03-.4.1-3.7 1.004-7.9.703 0 0-3.1 3.816-4.1 4.82-.2.2-.3.2-.5.2s-.2-.2-.2-.502v-5.221c-6.1-1.707-5.8-8.134-5.7-11.548.1-3.415.7-6.126 2.6-8.034 3.4-3.012 10.3-2.61 10.3-2.61 5.9 0 8.7 1.807 9.3 2.41 2.1 1.807 3.2 6.225 2.4 12.752Z" fill="#fff"/><path d="M27.4 22.494c-.2 0-.4-.201-.4-.402-.1-1.305-.7-2.008-2-2.008-.2 0-.4-.201-.4-.402 0-.2.2-.402.4-.402 1.7.1 2.6 1.105 2.7 2.812.1.2-.1.402-.3.402Z" fill="#fff"/><path d="M29.4 23.197c-.2 0-.4-.201-.4-.402 0-1.306-.4-2.41-1.2-3.314-.8-.904-1.9-1.406-3.4-1.506-.2 0-.4-.201-.4-.402 0-.2.2-.401.4-.401 1.7.1 3 .702 3.9 1.707.9 1.004 1.4 2.31 1.4 3.916.1.2-.1.402-.3.402Z" fill="#fff"/><path d="M31.5 24c-.2 0-.4-.2-.4-.402 0-2.41-.7-4.217-2.1-5.623-1.4-1.306-3.1-2.009-5.2-2.109-.2 0-.4-.2-.4-.402 0-.2.2-.401.4-.401 2.3 0 4.2.803 5.7 2.31 1.5 1.506 2.3 3.614 2.3 6.125.1.301-.1.502-.3.502Zm-6.4 3.314s.6 0 .8-.302l.6-.702c.3-.402 1-.603 1.6-.201.5.301 1 .602 1.4.903.4.302 1.3 1.105 1.3 1.105.4.402.5.904.2 1.406a4.44 4.44 0 0 1-1.2 1.506c-.4.302-.8.502-1.2.603h-.2c-.2 0-.4 0-.5-.1-.6-.201-1.6-.603-3.4-1.607-1-.502-1.9-1.205-2.8-1.908-.4-.402-.9-.703-1.3-1.105s-.8-.803-1.1-1.305c-.7-.904-1.3-1.808-1.9-2.812-.9-1.707-1.4-2.711-1.6-3.414-.1-.201-.1-.302-.1-.502v-.201c0-.402.2-.803.6-1.205.4-.502.9-.904 1.5-1.205.6-.302 1.1-.201 1.4.2 0 0 .7.904 1.1 1.306.3.502.6.904.9 1.406.4.703.1 1.305-.2 1.607l-.7.602c-.4.301-.3.803-.3.803s1.1 4.118 5.1 5.122Z" fill="#fff"/></svg>';
 const IconChannelViberSquare = createIconClass(templateHTML);
 defineCustomElement("sinch-icon-channel-viber-square", IconChannelViberSquare);
 export {

package/icons-channel/webchat-round/index.js

@@ -1,6 +1,6 @@
 import { defineCustomElement } from "../../utils/element.js";
 import { createIconClass } from "../create-icon-class.js";
-const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true" focusable="false">\n  <circle cx="24" cy="24" r="24" fill="#fff"/>\n  <path fill="#000" fill-rule="evenodd" d="M25.702 12.01a2.86 2.86 0 0 1 2.86 2.858v8.942a2.856 2.856 0 0 1-2.856 2.857h-6.95l-3.922 3.05a.857.857 0 0 1-1.383-.677v-2.373h-.28a2.857 2.857 0 0 1-2.857-2.857v-8.954A2.856 2.856 0 0 1 13.17 12l4.657.004c2.632.003 5.274.006 7.874.006Zm-6.216 8.838a1.453 1.453 0 1 0 0-2.907 1.453 1.453 0 0 0 0 2.907Zm-4.64 0a1.453 1.453 0 1 0 0-2.907 1.453 1.453 0 0 0 0 2.907Zm10.733-1.453a1.453 1.453 0 1 1-2.907 0 1.453 1.453 0 0 1 2.907 0Z" clip-rule="evenodd"/>\n  <path fill="#000" d="m19.438 29.027.1-.079h6.168a5.137 5.137 0 0 0 5.137-5.138v-5.724l3.986-.003a2.856 2.856 0 0 1 2.857 2.856v8.954a2.857 2.857 0 0 1-2.857 2.857h-.28v2.391a.857.857 0 0 1-1.377.681l-4.02-3.072h-6.858a2.856 2.856 0 0 1-2.856-2.857v-.866Z"/>\n</svg>\n';
+const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true" focusable="false"><circle cx="24" cy="24" r="24" fill="#fff"/><path fill="#000" fill-rule="evenodd" d="M25.702 12.01a2.86 2.86 0 0 1 2.86 2.858v8.942a2.856 2.856 0 0 1-2.856 2.857h-6.95l-3.922 3.05a.857.857 0 0 1-1.383-.677v-2.373h-.28a2.857 2.857 0 0 1-2.857-2.857v-8.954A2.856 2.856 0 0 1 13.17 12l4.657.004c2.632.003 5.274.006 7.874.006Zm-6.216 8.838a1.453 1.453 0 1 0 0-2.907 1.453 1.453 0 0 0 0 2.907Zm-4.64 0a1.453 1.453 0 1 0 0-2.907 1.453 1.453 0 0 0 0 2.907Zm10.733-1.453a1.453 1.453 0 1 1-2.907 0 1.453 1.453 0 0 1 2.907 0Z" clip-rule="evenodd"/><path fill="#000" d="m19.438 29.027.1-.079h6.168a5.137 5.137 0 0 0 5.137-5.138v-5.724l3.986-.003a2.856 2.856 0 0 1 2.857 2.856v8.954a2.857 2.857 0 0 1-2.857 2.857h-.28v2.391a.857.857 0 0 1-1.377.681l-4.02-3.072h-6.858a2.856 2.856 0 0 1-2.856-2.857v-.866Z"/></svg>';
 const IconChannelWebchatRound = createIconClass(templateHTML);
 defineCustomElement("sinch-icon-channel-webchat-round", IconChannelWebchatRound);
 export {

package/icons-channel/webchat-square/index.js

@@ -1,6 +1,6 @@
 import { defineCustomElement } from "../../utils/element.js";
 import { createIconClass } from "../create-icon-class.js";
-const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true" focusable="false">\n  <path fill="#fff" d="M8.1 0H40c4.4 0 8 3.615 8 8.033v31.934C48 44.385 44.4 48 40 48H8.1c-4.4 0-8-3.615-8-8.033V8.033C.1 3.615 3.7 0 8.1 0Z"/>\n  <path fill="#000" fill-rule="evenodd" d="M25.702 12.01a2.86 2.86 0 0 1 2.86 2.858v8.942a2.856 2.856 0 0 1-2.856 2.857h-6.95l-3.922 3.05a.857.857 0 0 1-1.383-.677v-2.373h-.28a2.857 2.857 0 0 1-2.857-2.857v-8.954A2.856 2.856 0 0 1 13.17 12l4.657.004c2.632.003 5.274.006 7.874.006Zm-6.216 8.838a1.453 1.453 0 1 0 0-2.907 1.453 1.453 0 0 0 0 2.907Zm-4.64 0a1.453 1.453 0 1 0 0-2.907 1.453 1.453 0 0 0 0 2.907Zm10.733-1.453a1.453 1.453 0 1 1-2.907 0 1.453 1.453 0 0 1 2.907 0Z" clip-rule="evenodd"/>\n  <path fill="#000" d="m19.438 29.027.1-.079h6.168a5.137 5.137 0 0 0 5.137-5.138v-5.724l3.986-.003a2.856 2.856 0 0 1 2.857 2.856v8.954a2.857 2.857 0 0 1-2.857 2.857h-.28v2.391a.857.857 0 0 1-1.377.681l-4.02-3.072h-6.858a2.856 2.856 0 0 1-2.856-2.857v-.866Z"/>\n</svg>\n';
+const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true" focusable="false"><path fill="#fff" d="M8.1 0H40c4.4 0 8 3.615 8 8.033v31.934C48 44.385 44.4 48 40 48H8.1c-4.4 0-8-3.615-8-8.033V8.033C.1 3.615 3.7 0 8.1 0Z"/><path fill="#000" fill-rule="evenodd" d="M25.702 12.01a2.86 2.86 0 0 1 2.86 2.858v8.942a2.856 2.856 0 0 1-2.856 2.857h-6.95l-3.922 3.05a.857.857 0 0 1-1.383-.677v-2.373h-.28a2.857 2.857 0 0 1-2.857-2.857v-8.954A2.856 2.856 0 0 1 13.17 12l4.657.004c2.632.003 5.274.006 7.874.006Zm-6.216 8.838a1.453 1.453 0 1 0 0-2.907 1.453 1.453 0 0 0 0 2.907Zm-4.64 0a1.453 1.453 0 1 0 0-2.907 1.453 1.453 0 0 0 0 2.907Zm10.733-1.453a1.453 1.453 0 1 1-2.907 0 1.453 1.453 0 0 1 2.907 0Z" clip-rule="evenodd"/><path fill="#000" d="m19.438 29.027.1-.079h6.168a5.137 5.137 0 0 0 5.137-5.138v-5.724l3.986-.003a2.856 2.856 0 0 1 2.857 2.856v8.954a2.857 2.857 0 0 1-2.857 2.857h-.28v2.391a.857.857 0 0 1-1.377.681l-4.02-3.072h-6.858a2.856 2.856 0 0 1-2.856-2.857v-.866Z"/></svg>';
 const IconChannelWebchatSquare = createIconClass(templateHTML);
 defineCustomElement("sinch-icon-channel-webchat-square", IconChannelWebchatSquare);
 export {