@nectary/components 0.29.1 → 0.30.0

package/icons-channel/create-icon-class.d.ts

@@ -1,310 +1 @@
-export declare const createIconClass: (templateHTML: string) => {
-    new (): {
-        $svg: SVGElement;
-        size: number;
-        connectedCallback(): void;
-        attributeChangedCallback(name: string, _: string | null, newVal: string | null): void;
-        attachShadow(options?: Partial<ShadowRootInit> | undefined): ShadowRoot;
-        accessKey: string;
-        readonly accessKeyLabel: string;
-        autocapitalize: string;
-        dir: string;
-        draggable: boolean;
-        hidden: boolean;
-        innerText: string;
-        lang: string;
-        readonly offsetHeight: number;
-        readonly offsetLeft: number;
-        readonly offsetParent: Element | null;
-        readonly offsetTop: number;
-        readonly offsetWidth: number;
-        outerText: string;
-        spellcheck: boolean;
-        title: string;
-        translate: boolean;
-        attachInternals(): ElementInternals;
-        click(): void;
-        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions | undefined): void;
-        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions | undefined): void;
-        removeEventListener<K_1 extends keyof HTMLElementEventMap>(type: K_1, listener: (this: HTMLElement, ev: HTMLElementEventMap[K_1]) => any, options?: boolean | EventListenerOptions | undefined): void;
-        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions | undefined): void;
-        readonly attributes: NamedNodeMap;
-        readonly classList: DOMTokenList;
-        className: string;
-        readonly clientHeight: number;
-        readonly clientLeft: number;
-        readonly clientTop: number;
-        readonly clientWidth: number;
-        id: string;
-        readonly localName: string;
-        readonly namespaceURI: string | null;
-        onfullscreenchange: ((this: Element, ev: Event) => any) | null;
-        onfullscreenerror: ((this: Element, ev: Event) => any) | null;
-        outerHTML: string;
-        readonly ownerDocument: Document;
-        readonly part: DOMTokenList;
-        readonly prefix: string | null;
-        readonly scrollHeight: number;
-        scrollLeft: number;
-        scrollTop: number;
-        readonly scrollWidth: number;
-        readonly shadowRoot: ShadowRoot | null;
-        slot: string;
-        readonly tagName: string;
-        closest<K_2 extends keyof HTMLElementTagNameMap>(selector: K_2): HTMLElementTagNameMap[K_2] | null;
-        closest<K_3 extends keyof SVGElementTagNameMap>(selector: K_3): SVGElementTagNameMap[K_3] | null;
-        closest<E extends Element = Element>(selectors: string): E | null;
-        getAttribute(qualifiedName: string): string | null;
-        getAttributeNS(namespace: string | null, localName: string): string | null;
-        getAttributeNames(): string[];
-        getAttributeNode(qualifiedName: string): Attr | null;
-        getAttributeNodeNS(namespace: string | null, localName: string): Attr | null;
-        getBoundingClientRect(): DOMRect;
-        getClientRects(): DOMRectList;
-        getElementsByClassName(classNames: string): HTMLCollectionOf<Element>;
-        getElementsByTagName<K_4 extends keyof HTMLElementTagNameMap>(qualifiedName: K_4): HTMLCollectionOf<HTMLElementTagNameMap[K_4]>;
-        getElementsByTagName<K_5 extends keyof SVGElementTagNameMap>(qualifiedName: K_5): HTMLCollectionOf<SVGElementTagNameMap[K_5]>;
-        getElementsByTagName(qualifiedName: string): HTMLCollectionOf<Element>;
-        getElementsByTagNameNS(namespaceURI: "http://www.w3.org/1999/xhtml", localName: string): HTMLCollectionOf<HTMLElement>;
-        getElementsByTagNameNS(namespaceURI: "http://www.w3.org/2000/svg", localName: string): HTMLCollectionOf<SVGElement>;
-        getElementsByTagNameNS(namespace: string | null, localName: string): HTMLCollectionOf<Element>;
-        hasAttribute(qualifiedName: string): boolean;
-        hasAttributeNS(namespace: string | null, localName: string): boolean;
-        hasAttributes(): boolean;
-        hasPointerCapture(pointerId: number): boolean;
-        insertAdjacentElement(where: InsertPosition, element: Element): Element | null;
-        insertAdjacentHTML(position: InsertPosition, text: string): void;
-        insertAdjacentText(where: InsertPosition, data: string): void;
-        matches(selectors: string): boolean;
-        releasePointerCapture(pointerId: number): void;
-        removeAttribute(qualifiedName: string): void;
-        removeAttributeNS(namespace: string | null, localName: string): void;
-        removeAttributeNode(attr: Attr): Attr;
-        requestFullscreen(options?: FullscreenOptions | undefined): Promise<void>;
-        requestPointerLock(): void;
-        scroll(options?: ScrollToOptions | undefined): void;
-        scroll(x: number, y: number): void;
-        scrollBy(options?: ScrollToOptions | undefined): void;
-        scrollBy(x: number, y: number): void;
-        scrollIntoView(arg?: boolean | ScrollIntoViewOptions | undefined): void;
-        scrollTo(options?: ScrollToOptions | undefined): void;
-        scrollTo(x: number, y: number): void;
-        setAttribute(qualifiedName: string, value: string): void;
-        setAttributeNS(namespace: string | null, qualifiedName: string, value: string): void;
-        setAttributeNode(attr: Attr): Attr | null;
-        setAttributeNodeNS(attr: Attr): Attr | null;
-        setPointerCapture(pointerId: number): void;
-        toggleAttribute(qualifiedName: string, force?: boolean | undefined): boolean;
-        webkitMatchesSelector(selectors: string): boolean;
-        readonly baseURI: string;
-        readonly childNodes: NodeListOf<ChildNode>;
-        readonly firstChild: ChildNode | null;
-        readonly isConnected: boolean;
-        readonly lastChild: ChildNode | null;
-        readonly nextSibling: ChildNode | null;
-        readonly nodeName: string;
-        readonly nodeType: number;
-        nodeValue: string | null;
-        readonly parentElement: HTMLElement | null;
-        readonly parentNode: ParentNode | null;
-        readonly previousSibling: ChildNode | null;
-        textContent: string | null;
-        appendChild<T extends Node>(node: T): T;
-        cloneNode(deep?: boolean | undefined): Node;
-        compareDocumentPosition(other: Node): number;
-        contains(other: Node | null): boolean;
-        getRootNode(options?: GetRootNodeOptions | undefined): Node;
-        hasChildNodes(): boolean;
-        insertBefore<T_1 extends Node>(node: T_1, child: Node | null): T_1;
-        isDefaultNamespace(namespace: string | null): boolean;
-        isEqualNode(otherNode: Node | null): boolean;
-        isSameNode(otherNode: Node | null): boolean;
-        lookupNamespaceURI(prefix: string | null): string | null;
-        lookupPrefix(namespace: string | null): string | null;
-        normalize(): void;
-        removeChild<T_2 extends Node>(child: T_2): T_2;
-        replaceChild<T_3 extends Node>(node: Node, child: T_3): T_3;
-        readonly ATTRIBUTE_NODE: number;
-        readonly CDATA_SECTION_NODE: number;
-        readonly COMMENT_NODE: number;
-        readonly DOCUMENT_FRAGMENT_NODE: number;
-        readonly DOCUMENT_NODE: number;
-        readonly DOCUMENT_POSITION_CONTAINED_BY: number;
-        readonly DOCUMENT_POSITION_CONTAINS: number;
-        readonly DOCUMENT_POSITION_DISCONNECTED: number;
-        readonly DOCUMENT_POSITION_FOLLOWING: number;
-        readonly DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC: number;
-        readonly DOCUMENT_POSITION_PRECEDING: number;
-        readonly DOCUMENT_TYPE_NODE: number;
-        readonly ELEMENT_NODE: number;
-        readonly ENTITY_NODE: number;
-        readonly ENTITY_REFERENCE_NODE: number;
-        readonly NOTATION_NODE: number;
-        readonly PROCESSING_INSTRUCTION_NODE: number;
-        readonly TEXT_NODE: number;
-        dispatchEvent(event: Event): boolean;
-        ariaAtomic: string | null;
-        ariaAutoComplete: string | null;
-        ariaBusy: string | null;
-        ariaChecked: string | null;
-        ariaColCount: string | null;
-        ariaColIndex: string | null;
-        ariaColSpan: string | null;
-        ariaCurrent: string | null;
-        ariaDisabled: string | null;
-        ariaExpanded: string | null;
-        ariaHasPopup: string | null;
-        ariaHidden: string | null;
-        ariaKeyShortcuts: string | null;
-        ariaLabel: string | null;
-        ariaLevel: string | null;
-        ariaLive: string | null;
-        ariaModal: string | null;
-        ariaMultiLine: string | null;
-        ariaMultiSelectable: string | null;
-        ariaOrientation: string | null;
-        ariaPlaceholder: string | null;
-        ariaPosInSet: string | null;
-        ariaPressed: string | null;
-        ariaReadOnly: string | null;
-        ariaRequired: string | null;
-        ariaRoleDescription: string | null;
-        ariaRowCount: string | null;
-        ariaRowIndex: string | null;
-        ariaRowSpan: string | null;
-        ariaSelected: string | null;
-        ariaSetSize: string | null;
-        ariaSort: string | null;
-        ariaValueMax: string | null;
-        ariaValueMin: string | null;
-        ariaValueNow: string | null;
-        ariaValueText: string | null;
-        animate(keyframes: Keyframe[] | PropertyIndexedKeyframes | null, options?: number | KeyframeAnimationOptions | undefined): Animation;
-        getAnimations(options?: GetAnimationsOptions | undefined): Animation[];
-        after(...nodes: (string | Node)[]): void;
-        before(...nodes: (string | Node)[]): void;
-        remove(): void;
-        replaceWith(...nodes: (string | Node)[]): void;
-        innerHTML: string;
-        readonly nextElementSibling: Element | null;
-        readonly previousElementSibling: Element | null;
-        readonly childElementCount: number;
-        readonly children: HTMLCollection;
-        readonly firstElementChild: Element | null;
-        readonly lastElementChild: Element | null;
-        append(...nodes: (string | Node)[]): void;
-        prepend(...nodes: (string | Node)[]): void;
-        querySelector<K_6 extends keyof HTMLElementTagNameMap>(selectors: K_6): HTMLElementTagNameMap[K_6] | null;
-        querySelector<K_7 extends keyof SVGElementTagNameMap>(selectors: K_7): SVGElementTagNameMap[K_7] | null;
-        querySelector<E_1 extends Element = Element>(selectors: string): E_1 | null;
-        querySelectorAll<K_8 extends keyof HTMLElementTagNameMap>(selectors: K_8): NodeListOf<HTMLElementTagNameMap[K_8]>;
-        querySelectorAll<K_9 extends keyof SVGElementTagNameMap>(selectors: K_9): NodeListOf<SVGElementTagNameMap[K_9]>;
-        querySelectorAll<E_2 extends Element = Element>(selectors: string): NodeListOf<E_2>;
-        replaceChildren(...nodes: (string | Node)[]): void;
-        readonly assignedSlot: HTMLSlotElement | null;
-        oncopy: ((this: DocumentAndElementEventHandlers, ev: ClipboardEvent) => any) | null;
-        oncut: ((this: DocumentAndElementEventHandlers, ev: ClipboardEvent) => any) | null;
-        onpaste: ((this: DocumentAndElementEventHandlers, ev: ClipboardEvent) => any) | null;
-        readonly style: CSSStyleDeclaration;
-        contentEditable: string;
-        enterKeyHint: string;
-        inputMode: string;
-        readonly isContentEditable: boolean;
-        onabort: ((this: GlobalEventHandlers, ev: UIEvent) => any) | null;
-        onanimationcancel: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
-        onanimationend: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
-        onanimationiteration: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
-        onanimationstart: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
-        onauxclick: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
-        onblur: ((this: GlobalEventHandlers, ev: FocusEvent) => any) | null;
-        oncanplay: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        oncanplaythrough: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        onchange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        onclick: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
-        onclose: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        oncontextmenu: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
-        oncuechange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        ondblclick: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
-        ondrag: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
-        ondragend: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
-        ondragenter: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
-        ondragleave: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
-        ondragover: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
-        ondragstart: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
-        ondrop: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
-        ondurationchange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        onemptied: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        onended: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        onerror: OnErrorEventHandler;
-        onfocus: ((this: GlobalEventHandlers, ev: FocusEvent) => any) | null;
-        onformdata: ((this: GlobalEventHandlers, ev: FormDataEvent) => any) | null;
-        ongotpointercapture: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
-        oninput: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        oninvalid: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        onkeydown: ((this: GlobalEventHandlers, ev: KeyboardEvent) => any) | null;
-        onkeypress: ((this: GlobalEventHandlers, ev: KeyboardEvent) => any) | null;
-        onkeyup: ((this: GlobalEventHandlers, ev: KeyboardEvent) => any) | null;
-        onload: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        onloadeddata: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        onloadedmetadata: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        onloadstart: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        onlostpointercapture: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
-        onmousedown: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
-        onmouseenter: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
-        onmouseleave: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
-        onmousemove: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
-        onmouseout: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
-        onmouseover: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
-        onmouseup: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
-        onpause: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        onplay: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        onplaying: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        onpointercancel: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
-        onpointerdown: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
-        onpointerenter: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
-        onpointerleave: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
-        onpointermove: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
-        onpointerout: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
-        onpointerover: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
-        onpointerup: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
-        onprogress: ((this: GlobalEventHandlers, ev: ProgressEvent<EventTarget>) => any) | null;
-        onratechange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        onreset: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        onresize: ((this: GlobalEventHandlers, ev: UIEvent) => any) | null;
-        onscroll: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        onsecuritypolicyviolation: ((this: GlobalEventHandlers, ev: SecurityPolicyViolationEvent) => any) | null;
-        onseeked: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        onseeking: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        onselect: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        onselectionchange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        onselectstart: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        onslotchange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        onstalled: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        onsubmit: ((this: GlobalEventHandlers, ev: SubmitEvent) => any) | null;
-        onsuspend: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        ontimeupdate: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        ontoggle: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        ontouchcancel?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
-        ontouchend?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
-        ontouchmove?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
-        ontouchstart?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
-        ontransitioncancel: ((this: GlobalEventHandlers, ev: TransitionEvent) => any) | null;
-        ontransitionend: ((this: GlobalEventHandlers, ev: TransitionEvent) => any) | null;
-        ontransitionrun: ((this: GlobalEventHandlers, ev: TransitionEvent) => any) | null;
-        ontransitionstart: ((this: GlobalEventHandlers, ev: TransitionEvent) => any) | null;
-        onvolumechange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        onwaiting: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        onwebkitanimationend: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        onwebkitanimationiteration: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        onwebkitanimationstart: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        onwebkittransitionend: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        onwheel: ((this: GlobalEventHandlers, ev: WheelEvent) => any) | null;
-        autofocus: boolean;
-        readonly dataset: DOMStringMap;
-        nonce?: string | undefined;
-        tabIndex: number;
-        blur(): void;
-        focus(options?: FocusOptions | undefined): void;
-    };
-    readonly observedAttributes: string[];
-};
+export declare const createIconClass: (templateHTML: string) => CustomElementConstructor;

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

@@ -1,5 +1,5 @@
 import { getIntegerAttribute, NectaryElement, updateAttribute, updateIntegerAttribute } from '../utils';
-const iconStylesHtml = '<style>:host{display:inline-block;vertical-align:middle}</style>';
+const iconStylesHtml = '<style>:host{display:inline-block;vertical-align:middle}svg{display:block;pointer-events:none}</style>';
 const DEFAULT_SIZE = 48;
 const MIN_SIZE = 4;
 const MAX_SIZE = 256;

package/icons-channel/facebook-messenger-square/index.d.ts

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

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

@@ -0,0 +1,4 @@
+import { defineCustomElement } from '../../utils';
+import { createIconClass } from '../create-icon-class';
+const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true" 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>';
+defineCustomElement('sinch-icon-channel-facebook-messenger-square', createIconClass(templateHTML));

package/icons-channel/instagram-square/index.d.ts

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

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

@@ -0,0 +1,4 @@
+import { defineCustomElement } from '../../utils';
+import { createIconClass } from '../create-icon-class';
+const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true" 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(#a)"/><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="a" 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>';
+defineCustomElement('sinch-icon-channel-instagram-square', createIconClass(templateHTML));

package/icons-channel/line-square/index.d.ts

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

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

@@ -0,0 +1,4 @@
+import { defineCustomElement } from '../../utils';
+import { createIconClass } from '../create-icon-class';
+const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true" 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>';
+defineCustomElement('sinch-icon-channel-line-square', createIconClass(templateHTML));

package/icons-channel/talk-square/index.d.ts

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

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

@@ -0,0 +1,4 @@
+import { defineCustomElement } from '../../utils';
+import { createIconClass } from '../create-icon-class';
+const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true" 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>';
+defineCustomElement('sinch-icon-channel-talk-square', createIconClass(templateHTML));

package/icons-channel/telegram-square/index.d.ts

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

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

@@ -0,0 +1,4 @@
+import { defineCustomElement } from '../../utils';
+import { createIconClass } from '../create-icon-class';
+const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true" 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>';
+defineCustomElement('sinch-icon-channel-telegram-square', createIconClass(templateHTML));

package/icons-channel/twitter-square/index.d.ts

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

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

@@ -0,0 +1,4 @@
+import { defineCustomElement } from '../../utils';
+import { createIconClass } from '../create-icon-class';
+const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true" 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>';
+defineCustomElement('sinch-icon-channel-twitter-square', createIconClass(templateHTML));

package/icons-channel/viber-square/index.d.ts

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

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

@@ -0,0 +1,4 @@
+import { defineCustomElement } from '../../utils';
+import { createIconClass } from '../create-icon-class';
+const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true" 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>';
+defineCustomElement('sinch-icon-channel-viber-square', createIconClass(templateHTML));

package/icons-channel/wechat-square/index.d.ts

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

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

@@ -0,0 +1,4 @@
+import { defineCustomElement } from '../../utils';
+import { createIconClass } from '../create-icon-class';
+const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true" 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="#2DC100"/><path d="M29.8 19.682c-2.8.1-5.1 1.004-7.1 2.912s-2.9 4.218-2.6 7.13c-1.1-.1-2.1-.301-3-.402-.3 0-.7 0-1 .201-1 .502-1.9 1.105-3 1.808.2-.904.3-1.708.6-2.51.2-.603.1-.905-.4-1.206-3.3-2.31-4.7-5.824-3.7-9.44 1-3.313 3.3-5.322 6.5-6.426 4.4-1.406 9.3 0 12 3.515 1 1.305 1.6 2.71 1.7 4.418Zm-12.6-1.105c0-.703-.5-1.205-1.2-1.305-.7 0-1.3.502-1.3 1.205 0 .703.5 1.205 1.2 1.305.7 0 1.2-.502 1.3-1.205Zm6.6-1.305c-.7 0-1.3.603-1.2 1.205 0 .703.6 1.205 1.3 1.205.7 0 1.2-.502 1.2-1.205-.1-.703-.6-1.205-1.3-1.205Z" fill="#fff"/><path d="M36 36.853c-.9-.401-1.7-1.004-2.5-1.104-.8-.1-1.7.402-2.6.502-2.7.301-5.1-.502-7.1-2.31-3.8-3.514-3.3-8.937 1.1-11.849 3.9-2.61 9.6-1.707 12.4 1.808 2.4 3.113 2.1 7.23-.8 9.84-.8.804-1.2 1.406-.6 2.41 0 .302 0 .503.1.703Zm-9.9-9.64c.6 0 1-.401 1-1.004 0-.602-.4-1.104-1-1.104s-1.1.502-1 1.104c0 .603.4 1.004 1 1.004Zm6.4-2.008c-.5 0-1 .402-1 1.004 0 .603.4 1.105 1 1.105s1-.402 1-1.004c0-.603-.4-1.105-1-1.105Z" fill="#fff"/></svg>';
+defineCustomElement('sinch-icon-channel-wechat-square', createIconClass(templateHTML));

package/icons-channel/whatsapp-square/index.d.ts

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

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

@@ -0,0 +1,4 @@
+import { defineCustomElement } from '../../utils';
+import { createIconClass } from '../create-icon-class';
+const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true" 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="#00D741"/><path fill-rule="evenodd" clip-rule="evenodd" d="M34.9 13.255c-2.7-2.711-6.4-4.217-10.2-4.217-8 0-14.4 6.426-14.4 14.46 0 2.51.7 5.02 1.9 7.23l-2 7.43 7.7-2.007a14.94 14.94 0 0 0 6.9 1.707c8 0 14.4-6.427 14.4-14.46-.1-3.817-1.6-7.431-4.3-10.143ZM24.7 35.448c-2.2 0-4.3-.603-6.1-1.708l-.4-.3-4.5 1.204 1.2-4.418-.3-.502c-1.2-1.908-1.8-4.117-1.8-6.427 0-6.628 5.4-11.95 12-11.95 3.2 0 6.2 1.205 8.5 3.515s3.5 5.322 3.5 8.535c-.1 6.729-5.5 12.05-12.1 12.05Zm6.6-8.938c-.4-.2-2.1-1.004-2.5-1.205-.3-.1-.6-.2-.8.201-.2.402-.9 1.205-1.1 1.406-.2.2-.4.301-.8.1-.4-.2-1.5-.602-2.9-1.807-1.1-1.004-1.8-2.109-2-2.51-.2-.402 0-.603.2-.703.2-.201.4-.402.5-.603.2-.2.2-.402.4-.602.1-.201.1-.402 0-.603-.1-.2-.8-1.908-1.1-2.711-.3-.703-.6-.603-.8-.603h-.7c-.2 0-.6.1-1 .402-.3.402-1.3 1.205-1.3 3.013 0 1.807 1.3 3.514 1.5 3.715.2.2 2.5 3.916 6.2 5.422.9.402 1.5.603 2.1.804.9.301 1.7.2 2.3.1.7-.1 2.1-.904 2.4-1.707.3-.803.3-1.607.2-1.707-.2-.2-.5-.2-.8-.402Z" fill="#fff"/></svg>';
+defineCustomElement('sinch-icon-channel-whatsapp-square', createIconClass(templateHTML));