@nectary/components 0.21.0 → 0.23.0

package/segment-collapse/index.js

@@ -8,8 +8,8 @@ function _classPrivateFieldInitSpec(obj, privateMap, value) { _checkPrivateRedec
 
 function _checkPrivateRedeclaration(obj, privateCollection) { if (privateCollection.has(obj)) { throw new TypeError("Cannot initialize the same private elements twice on an object"); } }
 
-import '../icon/expand-less';
-import '../icon/expand-more';
+import '../icons/expand-less';
+import '../icons/expand-more';
 import { defineCustomElement, getBooleanAttribute, isAttrTrue, updateBooleanAttribute } from '../utils';
 const templateHTML = '<style>:host{display:contents;--sinch-size-icon:32px}input{all:initial;position:absolute;left:0;top:0;width:100%;height:100%;box-sizing:border-box;cursor:pointer}input:focus~sinch-icon-expand-less,input:focus~sinch-icon-expand-more{border-radius:4px;box-shadow:0 0 0 1px var(--sinch-color-stormy-500) inset}#up{display:block}#down{display:none}:host([value]:not([value=false])) #up{display:none}:host([value]:not([value=false])) #down{display:block}</style><input type="checkbox"/><sinch-icon-expand-less id="up"></sinch-icon-expand-less><sinch-icon-expand-more id="down"></sinch-icon-expand-more>';
 const template = document.createElement('template');

package/table-body/index.js

@@ -1,5 +1,5 @@
 import { defineCustomElement } from '../utils';
-const templateHTML = '<style>:host{display:table-row-group}</style><slot></slot>';
+const templateHTML = '<style>:host{display:table-row-group}::slotted(sinch-table-row:hover){background-color:var(--sinch-color-tropical-50)}::slotted(sinch-table-row[selected]:not([selected=false])){background-color:var(--sinch-color-tropical-100)}</style><slot></slot>';
 const template = document.createElement('template');
 template.innerHTML = templateHTML;
 defineCustomElement('sinch-table-body', class extends HTMLElement {

package/table-head-cell/index.js

@@ -8,7 +8,7 @@ function _classPrivateFieldInitSpec(obj, privateMap, value) { _checkPrivateRedec
 function _checkPrivateRedeclaration(obj, privateCollection) { if (privateCollection.has(obj)) { throw new TypeError("Cannot initialize the same private elements twice on an object"); } }
 
 import { defineCustomElement, getAttribute, getBooleanAttribute, getLiteralAttribute, updateAttribute, updateBooleanAttribute, updateLiteralAttribute } from '../utils';
-const templateHTML = '<style>:host{display:table-cell;border-bottom:1px solid var(--sinch-color-stormy-200);height:48px;vertical-align:middle;padding:0 6px;--sinch-color-icon:var(--sinch-color-stormy-200)}:host(:first-child){padding-left:8px}:host(:last-child){padding-right:8px}#wrapper{position:relative;width:100%;height:100%;box-sizing:border-box;font:var(--sinch-font-title-s);color:var(--sinch-color-stormy-300);display:flex;align-items:center;gap:4px}#text{flex-shrink:1;min-width:0;font:var(--sinch-font-title-s);color:var(--sinch-color-stormy-200);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host([align=center])>#wrapper{justify-content:center}:host([align=end]) #text{margin-left:auto}:host(:is([text=""],:not([text])))>#wrapper{display:none}:host([fit]:not([fit=false])){width:1px}::slotted(sinch-help-tooltip){position:relative;z-index:1}</style><slot name="checkbox"></slot><div id="wrapper"><span id="text"></span><slot name="tooltip"></slot><slot name="sort"></slot></div>';
+const templateHTML = '<style>:host{display:table-cell;border-bottom:1px solid var(--sinch-color-stormy-200);height:48px;vertical-align:middle;padding:0 6px;--sinch-color-icon:var(--sinch-color-stormy-200)}:host(:first-child){padding-left:8px}:host(:last-child){padding-right:8px}#wrapper{position:relative;display:flex;align-items:center;gap:8px;width:100%;height:100%;box-sizing:border-box;font:var(--sinch-font-title-s);color:var(--sinch-color-stormy-300);--sinch-icon-button-color:var(--sinch-color-stormy-100)}#text{flex-shrink:1;min-width:0;font:var(--sinch-font-title-s);color:var(--sinch-color-stormy-200);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host([align=center])>#wrapper{justify-content:center}:host([align=end])>#wrapper{justify-content:flex-end}:host(:is([text=""],:not([text])))>#wrapper{display:none}:host([fit]:not([fit=false])){width:1px}</style><slot name="checkbox"></slot><div id="wrapper"><slot name="left"></slot><span id="text"></span><slot name="tooltip"></slot><slot name="right"></slot></div>';
 const template = document.createElement('template');
 template.innerHTML = templateHTML;
 const alignValues = ['start', 'center', 'end'];

package/table-row/index.d.ts

@@ -1,9 +1,11 @@
 import type { TSinchElementReact } from '../types';
 export declare type TSinchTableRowElement = HTMLElement & {
     sticky: boolean;
+    selected: boolean;
 };
 export declare type TSinchTableRowReact = TSinchElementReact<TSinchTableRowElement> & {
     sticky?: boolean;
+    selected?: boolean;
 };
 declare global {
     namespace JSX {

package/table-row/index.js

@@ -23,4 +23,12 @@ defineCustomElement('sinch-table-row', class extends HTMLElement {
     return getBooleanAttribute(this, 'sticky');
   }
 
+  set selected(isSelected) {
+    updateBooleanAttribute(this, 'selected', isSelected);
+  }
+
+  get selected() {
+    return getBooleanAttribute(this, 'selected');
+  }
+
 });

package/tag/index.d.ts

@@ -1,4 +1,4 @@
-import '../icon/cancel';
+import '../icons/cancel';
 import type { TSinchElementReact } from '../types';
 declare const categoryValues: readonly ["candy", "bolt", "aqua", "grass", "berry", "orange", "night", "mud", "dirt"];
 export declare type TSinchTagCategory = typeof categoryValues[number];

package/tag/index.js

@@ -7,7 +7,7 @@ function _classPrivateFieldInitSpec(obj, privateMap, value) { _checkPrivateRedec
 
 function _checkPrivateRedeclaration(obj, privateCollection) { if (privateCollection.has(obj)) { throw new TypeError("Cannot initialize the same private elements twice on an object"); } }
 
-import '../icon/cancel';
+import '../icons/cancel';
 import { defineCustomElement, getBooleanAttribute, getAttribute, getLiteralAttribute, updateBooleanAttribute, updateAttribute, updateLiteralAttribute } from '../utils';
 const templateHTML = '<style>:host{display:inline-block;vertical-align:middle;outline:0}#wrapper{display:flex;flex-direction:row;align-items:center;gap:4px;position:relative;padding:2px 8px;border-radius:12px;font:var(--sinch-font-extra-small-text);color:var(--sinch-color-text-default);background-color:var(--sinch-color-snow-600);width:100%;height:24px;box-sizing:border-box;--sinch-color-icon:var(--sinch-color-stormy-400);--sinch-size-icon:16px}:host([category=candy])>#wrapper{background-color:var(--sinch-color-candy-200)}:host([category=bolt])>#wrapper{background-color:var(--sinch-color-bolt-200)}:host([category=aqua])>#wrapper{background-color:var(--sinch-color-aqua-200)}:host([category=grass])>#wrapper{background-color:var(--sinch-color-grass-200)}:host([category=berry])>#wrapper{background-color:var(--sinch-color-berry-200)}:host([category=orange])>#wrapper{background-color:var(--sinch-color-orange-200)}:host([category=night])>#wrapper{background-color:var(--sinch-color-night-200)}:host([category=mud])>#wrapper{background-color:var(--sinch-color-mud-200)}:host([category=dirt])>#wrapper{background-color:var(--sinch-color-dirt-200)}:host([inverted]:not([inverted=false]))>#wrapper{background-color:var(--sinch-color-stormy-500);color:var(--sinch-color-snow-100);--sinch-color-icon:var(--sinch-color-snow-100)}:host([small]:not([small=false])) #wrapper{height:20px;border-radius:10px;padding:0 8px;--sinch-size-icon:14px}#text{text-overflow:ellipsis;white-space:nowrap;overflow:auto;flex:1}</style><div id="wrapper"><slot name="icon"></slot><span id="text"></span><slot name="close"></slot></div>';
 const categoryValues = ['candy', 'bolt', 'aqua', 'grass', 'berry', 'orange', 'night', 'mud', 'dirt'];

package/tag-close/index.d.ts

@@ -1,4 +1,4 @@
-import '../icon/cancel';
+import '../icons/cancel';
 import type { TSinchElementReact } from '../types';
 import type { FocusEvent, MouseEvent } from 'react';
 export declare type TSinchTagCloseElement = HTMLElement & {

package/tag-close/index.js

@@ -7,7 +7,7 @@ function _classPrivateFieldInitSpec(obj, privateMap, value) { _checkPrivateRedec
 
 function _checkPrivateRedeclaration(obj, privateCollection) { if (privateCollection.has(obj)) { throw new TypeError("Cannot initialize the same private elements twice on an object"); } }
 
-import '../icon/cancel';
+import '../icons/cancel';
 import { defineCustomElement } from '../utils';
 const templateHTML = '<style>:host{display:inline-block;vertical-align:middle;outline:0}#wrapper{position:relative;width:14px;height:14px}button{all:initial;position:absolute;display:flex;align-items:center;justify-content:center;width:24px;height:24px;box-sizing:border-box;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);cursor:pointer}button>*{pointer-events:none}</style><div id="wrapper"><button aria-label="dismiss tag"><sinch-icon-cancel></sinch-icon-cancel></button></div>';
 const template = document.createElement('template');

package/textarea/index.js

@@ -8,7 +8,7 @@ function _classPrivateFieldInitSpec(obj, privateMap, value) { _checkPrivateRedec
 function _checkPrivateRedeclaration(obj, privateCollection) { if (privateCollection.has(obj)) { throw new TypeError("Cannot initialize the same private elements twice on an object"); } }
 
 import { defineCustomElement, getAttribute, getBooleanAttribute, getIntegerAttribute, isAttrTrue, updateAttribute, updateBooleanAttribute } from '../utils';
-const templateHTML = '<style>:host{display:inline-block;vertical-align:middle;outline:0;--sinch-color-icon:var(--sinch-color-stormy-500)}#wrapper{width:100%;box-sizing:border-box}#input{all:initial;border:1px solid var(--sinch-color-stormy-200);box-sizing:border-box;border-radius:4px;width:100%;margin:2px 0;padding:8px 12px;font:var(--sinch-font-body);color:var(--sinch-color-text-default);caret-color:var(--sinch-caret-color,auto);resize:none}#input::placeholder{font:var(--sinch-font-body);color:var(--sinch-color-text-muted)}#input:disabled{border-color:var(--sinch-color-snow-500);color:var(--sinch-color-stormy-100)}#input:disabled::placeholder{color:var(--sinch-color-snow-500)}#input:focus{border-color:var(--sinch-color-stormy-600)}:host([resizable]:not([resizable=false])) #input{resize:vertical}:host([invalidtext]:not([invalidtext=""])) #input:not(:disabled){border-color:var(--sinch-color-text-invalid)}#bottom,#top{display:flex;align-items:baseline}#top{height:24px}#bottom{height:20px}#additional,#invalid,#label,#optional{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#label{font:var(--sinch-font-title-s);color:var(--sinch-color-text-default)}#optional{flex:1;text-align:right;font:var(--sinch-font-small-text);color:var(--sinch-color-text-muted)}#additional{flex:1;text-align:right;font:var(--sinch-font-extra-small-text);color:var(--sinch-color-text-muted)}#invalid{font:var(--sinch-font-extra-small-text);color:var(--sinch-color-text-invalid)}::slotted(sinch-help-tooltip){align-self:center;margin:0 8px}:host([disabled]:not([disabled=false])) :is(#label,#additional,#optional,#invalid){color:var(--sinch-color-stormy-100)}:host([disabled]:not([disabled=false])){--sinch-color-icon:var(--sinch-color-stormy-100)}</style><div id="wrapper"><div id="top"><label id="label" for="input"></label><slot name="tooltip"></slot><span id="optional"></span></div><textarea id="input"></textarea><div id="bottom"><span id="invalid"></span> <span id="additional"></span></div></div>';
+const templateHTML = '<style>:host{display:inline-block;vertical-align:middle;outline:0;--sinch-color-icon:var(--sinch-color-stormy-500)}#wrapper{width:100%;box-sizing:border-box}#input{all:initial;border:1px solid var(--sinch-color-stormy-200);box-sizing:border-box;border-radius:4px;width:100%;margin:2px 0;padding:8px 12px;font:var(--sinch-font-body);color:var(--sinch-color-text-default);caret-color:var(--sinch-caret-color,auto);background-color:var(--sinch-color-snow-100);resize:none}#input::placeholder{font:var(--sinch-font-body);color:var(--sinch-color-text-muted)}#input:disabled{border-color:var(--sinch-color-snow-500);color:var(--sinch-color-stormy-100)}#input:disabled::placeholder{color:var(--sinch-color-snow-500)}#input:focus{border-color:var(--sinch-color-stormy-600)}:host([resizable]:not([resizable=false])) #input{resize:vertical}:host([invalidtext]:not([invalidtext=""])) #input:not(:disabled){border-color:var(--sinch-color-text-invalid)}#bottom,#top{display:flex;align-items:baseline}#top{height:24px}#bottom{height:20px}#additional,#invalid,#label,#optional{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#label{font:var(--sinch-font-title-s);color:var(--sinch-color-text-default)}#optional{flex:1;text-align:right;font:var(--sinch-font-small-text);color:var(--sinch-color-text-muted)}#additional{flex:1;text-align:right;font:var(--sinch-font-extra-small-text);color:var(--sinch-color-text-muted)}#invalid{font:var(--sinch-font-extra-small-text);color:var(--sinch-color-text-invalid)}::slotted(sinch-help-tooltip){align-self:center;margin:0 8px}:host([disabled]:not([disabled=false])) :is(#label,#additional,#optional,#invalid){color:var(--sinch-color-stormy-100)}:host([disabled]:not([disabled=false])){--sinch-color-icon:var(--sinch-color-stormy-100)}</style><div id="wrapper"><div id="top"><label id="label" for="input"></label><slot name="tooltip"></slot><span id="optional"></span></div><textarea id="input"></textarea><div id="bottom"><span id="invalid"></span> <span id="additional"></span></div></div>';
 const template = document.createElement('template');
 template.innerHTML = templateHTML;
 defineCustomElement('sinch-textarea', (_$input = new WeakMap(), _$label = new WeakMap(), _$optionalText = new WeakMap(), _$additionalText = new WeakMap(), _$invalidText = new WeakMap(), _selectionStart = new WeakMap(), _selectionEnd = new WeakMap(), _isPendingDk = new WeakMap(), _onCompositionStart = new WeakMap(), _onInput = new WeakMap(), class extends HTMLElement {

package/theme.css

@@ -15,6 +15,7 @@
   --sinch-color-tropical-300: #66AAAA;
   --sinch-color-tropical-200: #99C6C6;
   --sinch-color-tropical-100: #CCE3E3;
+  --sinch-color-tropical-50: #E5F1F1;
   --sinch-color-stormy-600: #061927;
   --sinch-color-stormy-500: #0A273D;
   --sinch-color-stormy-400: #3B5264;
@@ -33,6 +34,7 @@
   --sinch-color-raspberry-300: #EE778B;
   --sinch-color-raspberry-200: #F4A4B1;
   --sinch-color-raspberry-100: #F9D2D8;
+  --sinch-color-raspberry-50: #FCE8EB;
   --sinch-color-text-default: #0A273D;
   --sinch-color-text-inverted: #FFFFFF;
   --sinch-color-text-muted: #677784;

package/title/index.d.ts

@@ -1,4 +1,4 @@
-import '../icon/cancel';
+import '../icons/cancel';
 import type { TSinchElementReact } from '../types';
 declare const typeValues: readonly ["xl", "l", "m", "s", "xs"];
 declare const levelValues: readonly ["1", "2", "3", "4", "5", "6"];

package/title/index.js

@@ -7,7 +7,7 @@ function _classPrivateFieldInitSpec(obj, privateMap, value) { _checkPrivateRedec
 
 function _checkPrivateRedeclaration(obj, privateCollection) { if (privateCollection.has(obj)) { throw new TypeError("Cannot initialize the same private elements twice on an object"); } }
 
-import '../icon/cancel';
+import '../icons/cancel';
 import { defineCustomElement, getAttribute, updateAttribute, updateLiteralAttribute, getLiteralAttribute } from '../utils';
 const templateHTML = '<style>:host{display:block}:host([type=xl])>*{font:var(--sinch-font-title-xl)}:host([type="l"])>*{font:var(--sinch-font-title-l)}:host([type="m"])>*{font:var(--sinch-font-title-m)}:host([type="s"])>*{font:var(--sinch-font-title-s)}:host([type=xs])>*{font:var(--sinch-font-title-xs)}</style><span id="text"></span>';
 const typeValues = ['xl', 'l', 'm', 's', 'xs'];

package/icon/add-alert/index.js

@@ -1,4 +0,0 @@
-import { defineCustomElement } from '../../utils';
-import { createIconClass } from '../create-icon-class';
-const templateHTML = '<svg viewBox="0 0 24 24"><path d="M12 23c1.1 0 1.99-.89 1.99-1.99h-3.98c0 1.1.89 1.99 1.99 1.99Zm7-6v-6c0-3.35-2.36-6.15-5.5-6.83V3c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5v1.17C7.36 4.85 5 7.65 5 11v6l-1.29 1.29c-.63.63-.19 1.71.7 1.71h15.17c.89 0 1.34-1.08.71-1.71L19 17Zm-4-3.99h-2v2c0 .55-.45 1-1 1s-1-.45-1-1v-2H9c-.55 0-1-.45-1-1V12c0-.55.45-1 1-1h2V9c0-.55.45-1 1-1s1 .45 1 1v2h2c.55 0 1 .45 1 1v.01c0 .55-.45 1-1 1Z"/></svg>';
-defineCustomElement('sinch-icon-add-alert', createIconClass(templateHTML));

package/icon/app-settings-alt/index.js

@@ -1,4 +0,0 @@
-import { defineCustomElement } from '../../utils';
-import { createIconClass } from '../create-icon-class';
-const templateHTML = '<svg viewBox="0 0 24 24"><path d="m21.81 12.74-.82-.63v-.22l.8-.63c.16-.12.2-.34.1-.51l-.85-1.48a.395.395 0 0 0-.35-.2c-.05 0-.1.01-.15.03l-.95.38c-.08-.05-.11-.07-.19-.11l-.15-1.01a.408.408 0 0 0-.4-.36h-1.71c-.2 0-.37.15-.4.34l-.14 1.01c-.03.02-.07.03-.1.05l-.09.06-.95-.38a.401.401 0 0 0-.5.17l-.85 1.48c-.1.17-.06.39.1.51l.8.63v.23l-.8.63a.39.39 0 0 0-.1.51l.85 1.48c.07.13.21.2.35.2.05 0 .1-.01.15-.03l.95-.37c.08.05.12.07.2.11l.15 1.01c.03.2.2.34.4.34h1.71c.2 0 .37-.15.4-.34l.15-1.01c.03-.02.07-.03.1-.05l.09-.06.95.38a.401.401 0 0 0 .5-.17l.85-1.48a.39.39 0 0 0-.1-.51ZM18 13.5c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5ZM17 17h2v4c0 1.1-.9 2-2 2H7c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2v4h-2V6H7v12h10v-1Z"/></svg>';
-defineCustomElement('sinch-icon-app-settings-alt', createIconClass(templateHTML));

package/icon/apps/index.js

@@ -1,4 +0,0 @@
-import { defineCustomElement } from '../../utils';
-import { createIconClass } from '../create-icon-class';
-const templateHTML = '<svg viewBox="0 0 24 24"><path d="M4 8h4V4H4v4Zm6 12h4v-4h-4v4Zm-6 0h4v-4H4v4Zm0-6h4v-4H4v4Zm6 0h4v-4h-4v4Zm6-10v4h4V4h-4Zm-6 4h4V4h-4v4Zm6 6h4v-4h-4v4Zm0 6h4v-4h-4v4Z"/></svg>';
-defineCustomElement('sinch-icon-apps', createIconClass(templateHTML));

package/icon/arrow-back/index.js

@@ -1,4 +0,0 @@
-import { defineCustomElement } from '../../utils';
-import { createIconClass } from '../create-icon-class';
-const templateHTML = '<svg viewBox="0 0 24 24"><path d="M19 11H7.83l4.88-4.88c.39-.39.39-1.03 0-1.42a.996.996 0 0 0-1.41 0l-6.59 6.59a.996.996 0 0 0 0 1.41l6.59 6.59a.996.996 0 1 0 1.41-1.41L7.83 13H19c.55 0 1-.45 1-1s-.45-1-1-1Z"/></svg>';
-defineCustomElement('sinch-icon-arrow-back', createIconClass(templateHTML));

package/icon/arrow-back-ios/index.js

@@ -1,4 +0,0 @@
-import { defineCustomElement } from '../../utils';
-import { createIconClass } from '../create-icon-class';
-const templateHTML = '<svg viewBox="0 0 24 24"><path d="M16.62 2.99a1.25 1.25 0 0 0-1.77 0L6.54 11.3a.996.996 0 0 0 0 1.41l8.31 8.31c.49.49 1.28.49 1.77 0s.49-1.28 0-1.77L9.38 12l7.25-7.25c.48-.48.48-1.28-.01-1.76Z"/></svg>';
-defineCustomElement('sinch-icon-arrow-back-ios', createIconClass(templateHTML));

package/icon/arrow-downward/index.js

@@ -1,4 +0,0 @@
-import { defineCustomElement } from '../../utils';
-import { createIconClass } from '../create-icon-class';
-const templateHTML = '<svg viewBox="0 0 24 24"><path d="M11 5v11.17l-4.88-4.88c-.39-.39-1.03-.39-1.42 0a.996.996 0 0 0 0 1.41l6.59 6.59c.39.39 1.02.39 1.41 0l6.59-6.59a.996.996 0 1 0-1.41-1.41L13 16.17V5c0-.55-.45-1-1-1s-1 .45-1 1Z"/></svg>';
-defineCustomElement('sinch-icon-arrow-downward', createIconClass(templateHTML));

package/icon/arrow-drop-down/index.js

@@ -1,4 +0,0 @@
-import { defineCustomElement } from '../../utils';
-import { createIconClass } from '../create-icon-class';
-const templateHTML = '<svg viewBox="0 0 24 24"><path d="m8.71 11.71 2.59 2.59c.39.39 1.02.39 1.41 0l2.59-2.59c.63-.63.18-1.71-.71-1.71H9.41c-.89 0-1.33 1.08-.7 1.71Z"/></svg>';
-defineCustomElement('sinch-icon-arrow-drop-down', createIconClass(templateHTML));

package/icon/arrow-drop-down-circle/index.js

@@ -1,4 +0,0 @@
-import { defineCustomElement } from '../../utils';
-import { createIconClass } from '../create-icon-class';
-const templateHTML = '<svg viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2Zm-.35 12.65-2.79-2.79c-.32-.32-.1-.86.35-.86h5.59c.45 0 .67.54.35.85l-2.79 2.79c-.2.2-.52.2-.71.01Z"/></svg>';
-defineCustomElement('sinch-icon-arrow-drop-down-circle', createIconClass(templateHTML));

package/icon/arrow-drop-up/index.js

@@ -1,4 +0,0 @@
-import { defineCustomElement } from '../../utils';
-import { createIconClass } from '../create-icon-class';
-const templateHTML = '<svg viewBox="0 0 24 24"><path d="M8.71 12.29 11.3 9.7a.996.996 0 0 1 1.41 0l2.59 2.59c.63.63.18 1.71-.71 1.71H9.41c-.89 0-1.33-1.08-.7-1.71Z"/></svg>';
-defineCustomElement('sinch-icon-arrow-drop-up', createIconClass(templateHTML));

package/icon/arrow-forward/index.js

@@ -1,4 +0,0 @@
-import { defineCustomElement } from '../../utils';
-import { createIconClass } from '../create-icon-class';
-const templateHTML = '<svg viewBox="0 0 24 24"><path d="M5 13h11.17l-4.88 4.88c-.39.39-.39 1.03 0 1.42.39.39 1.02.39 1.41 0l6.59-6.59a.996.996 0 0 0 0-1.41l-6.58-6.6a.996.996 0 1 0-1.41 1.41L16.17 11H5c-.55 0-1 .45-1 1s.45 1 1 1Z"/></svg>';
-defineCustomElement('sinch-icon-arrow-forward', createIconClass(templateHTML));

package/icon/arrow-forward-ios/index.js

@@ -1,4 +0,0 @@
-import { defineCustomElement } from '../../utils';
-import { createIconClass } from '../create-icon-class';
-const templateHTML = '<svg viewBox="0 0 24 24"><path d="M7.38 21.01c.49.49 1.28.49 1.77 0l8.31-8.31a.996.996 0 0 0 0-1.41L9.15 2.98a1.25 1.25 0 0 0-1.77 0 1.25 1.25 0 0 0 0 1.77L14.62 12l-7.25 7.25c-.48.48-.48 1.28.01 1.76Z"/></svg>';
-defineCustomElement('sinch-icon-arrow-forward-ios', createIconClass(templateHTML));

package/icon/arrow-left/index.js

@@ -1,4 +0,0 @@
-import { defineCustomElement } from '../../utils';
-import { createIconClass } from '../create-icon-class';
-const templateHTML = '<svg viewBox="0 0 24 24"><path d="M12.29 8.71 9.7 11.3a.996.996 0 0 0 0 1.41l2.59 2.59c.63.63 1.71.18 1.71-.71V9.41c0-.89-1.08-1.33-1.71-.7Z" fill="#0A273D"/></svg>';
-defineCustomElement('sinch-icon-arrow-left', createIconClass(templateHTML));

package/icon/arrow-right/index.js

@@ -1,4 +0,0 @@
-import { defineCustomElement } from '../../utils';
-import { createIconClass } from '../create-icon-class';
-const templateHTML = '<svg viewBox="0 0 24 24"><path d="m11.71 15.29 2.59-2.59a.996.996 0 0 0 0-1.41L11.71 8.7c-.63-.62-1.71-.18-1.71.71v5.17c0 .9 1.08 1.34 1.71.71Z"/></svg>';
-defineCustomElement('sinch-icon-arrow-right', createIconClass(templateHTML));

package/icon/arrow-upward/index.js

@@ -1,4 +0,0 @@
-import { defineCustomElement } from '../../utils';
-import { createIconClass } from '../create-icon-class';
-const templateHTML = '<svg viewBox="0 0 24 24"><path d="M13 19V7.83l4.88 4.88c.39.39 1.03.39 1.42 0a.996.996 0 0 0 0-1.41l-6.59-6.59a.996.996 0 0 0-1.41 0l-6.6 6.58a.996.996 0 1 0 1.41 1.41L11 7.83V19c0 .55.45 1 1 1s1-.45 1-1Z"/></svg>';
-defineCustomElement('sinch-icon-arrow-upward', createIconClass(templateHTML));

package/icon/attach-email/index.js

@@ -1,4 +0,0 @@
-import { defineCustomElement } from '../../utils';
-import { createIconClass } from '../create-icon-class';
-const templateHTML = '<svg viewBox="0 0 24 24"><path d="M21 10V4c0-1.1-.9-2-2-2H3c-1.1 0-1.99.9-1.99 2L1 16c0 1.1.9 2 2 2h11v-5c0-1.66 1.34-3 3-3h4Zm-9.47.67c-.32.2-.74.2-1.06 0L3.4 6.25a.85.85 0 1 1 .9-1.44L11 9l6.7-4.19a.85.85 0 1 1 .9 1.44l-7.07 4.42Z" fill="#0A273D"/><path d="M22 14c-.55 0-1 .45-1 1v3c0 1.1-.9 2-2 2s-2-.9-2-2v-4.5c0-.28.22-.5.5-.5s.5.22.5.5V17c0 .55.45 1 1 1s1-.45 1-1v-3.5a2.5 2.5 0 0 0-5 0V18c0 2.21 1.79 4 4 4s4-1.79 4-4v-3c0-.55-.45-1-1-1Z"/></svg>';
-defineCustomElement('sinch-icon-attach-email', createIconClass(templateHTML));

package/icon/attachment/index.js

@@ -1,4 +0,0 @@
-import { defineCustomElement } from '../../utils';
-import { createIconClass } from '../create-icon-class';
-const templateHTML = '<svg viewBox="0 0 24 24"><path d="M17.75 16H7.17c-2.09 0-3.95-1.53-4.15-3.61A3.998 3.998 0 0 1 7 8h12.36c1.31 0 2.5.94 2.63 2.24A2.5 2.5 0 0 1 19.5 13H9c-.55 0-1-.45-1-1s.45-1 1-1h8.75c.41 0 .75-.34.75-.75s-.34-.75-.75-.75H9.14c-1.31 0-2.5.94-2.63 2.24A2.5 2.5 0 0 0 9 14.5h10.33c2.09 0 3.95-1.53 4.15-3.61A3.993 3.993 0 0 0 19.5 6.5H7.23c-2.87 0-5.44 2.1-5.71 4.96A5.505 5.505 0 0 0 7 17.5h10.75c.41 0 .75-.34.75-.75s-.34-.75-.75-.75Z"/></svg>';
-defineCustomElement('sinch-icon-attachment', createIconClass(templateHTML));

package/icon/auto-delete/index.js

@@ -1,4 +0,0 @@
-import { defineCustomElement } from '../../utils';
-import { createIconClass } from '../create-icon-class';
-const templateHTML = '<svg viewBox="0 0 24 24"><path d="M16 9c-.7 0-1.37.1-2 .29V7c0-1.1-.9-2-2-2H4c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h5.68A6.999 6.999 0 0 0 23 16c0-3.87-3.13-7-7-7Zm0 12c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5ZM14 4c.55 0 1-.45 1-1s-.45-1-1-1h-2.5l-.71-.71c-.18-.18-.44-.29-.7-.29H5.91c-.26 0-.52.11-.7.29L4.5 2H2c-.55 0-1 .45-1 1s.45 1 1 1h12Z"/><path d="M15.75 12c-.41 0-.75.34-.75.75v3.68c0 .36.19.68.5.86l2.52 1.47c.33.19.75.09.96-.22a.72.72 0 0 0-.24-1.02L16.5 16.2v-3.45c0-.41-.34-.75-.75-.75Z"/></svg>';
-defineCustomElement('sinch-icon-auto-delete', createIconClass(templateHTML));

package/icon/campaign/index.js

@@ -1,4 +0,0 @@
-import { defineCustomElement } from '../../utils';
-import { createIconClass } from '../create-icon-class';
-const templateHTML = '<svg viewBox="0 0 24 24"><path d="M18 12c0 .55.45 1 1 1h2c.55 0 1-.45 1-1s-.45-1-1-1h-2c-.55 0-1 .45-1 1Zm-1.41 4.82a.966.966 0 0 0 .2 1.37c.53.39 1.09.81 1.62 1.21.44.33 1.06.24 1.38-.2 0-.01.01-.01.01-.02a.978.978 0 0 0-.2-1.38c-.53-.4-1.09-.82-1.61-1.21a.993.993 0 0 0-1.39.21c0 .01-.01.02-.01.02Zm3.22-12.01c0-.01-.01-.01-.01-.02a.98.98 0 0 0-1.38-.2c-.53.4-1.1.82-1.62 1.22-.44.33-.52.95-.19 1.38 0 .01.01.01.01.02.33.44.94.53 1.38.2.53-.39 1.09-.82 1.62-1.22.43-.32.51-.94.19-1.38ZM8 9H4c-1.1 0-2 .9-2 2v2c0 1.1.9 2 2 2h1v3c0 .55.45 1 1 1s1-.45 1-1v-3h1l5 3V6L8 9Zm7.5 3c0-1.33-.58-2.53-1.5-3.35v6.69c.92-.81 1.5-2.01 1.5-3.34Z"/></svg>';
-defineCustomElement('sinch-icon-campaign', createIconClass(templateHTML));

package/icon/cancel/index.js

@@ -1,4 +0,0 @@
-import { defineCustomElement } from '../../utils';
-import { createIconClass } from '../create-icon-class';
-const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2Zm4.3 14.3a.996.996 0 0 1-1.41 0L12 13.41 9.11 16.3a.996.996 0 1 1-1.41-1.41L10.59 12 7.7 9.11A.996.996 0 1 1 9.11 7.7L12 10.59l2.89-2.89a.996.996 0 1 1 1.41 1.41L13.41 12l2.89 2.89c.38.38.38 1.02 0 1.41Z"/></svg>';
-defineCustomElement('sinch-icon-cancel', createIconClass(templateHTML));

package/icon/check/index.js

@@ -1,4 +0,0 @@
-import { defineCustomElement } from '../../utils';
-import { createIconClass } from '../create-icon-class';
-const templateHTML = '<svg viewBox="0 0 24 24"><path d="M9 16.17 5.53 12.7a.996.996 0 1 0-1.41 1.41l4.18 4.18c.39.39 1.02.39 1.41 0L20.29 7.71a.996.996 0 1 0-1.41-1.41L9 16.17Z"/></svg>';
-defineCustomElement('sinch-icon-check', createIconClass(templateHTML));

package/icon/chevron-left/index.js

@@ -1,4 +0,0 @@
-import { defineCustomElement } from '../../utils';
-import { createIconClass } from '../create-icon-class';
-const templateHTML = '<svg viewBox="0 0 24 24"><path d="M14.71 6.71a.996.996 0 0 0-1.41 0L8.71 11.3a.996.996 0 0 0 0 1.41l4.59 4.59a.996.996 0 1 0 1.41-1.41L10.83 12l3.88-3.88c.39-.39.38-1.03 0-1.41Z"/></svg>';
-defineCustomElement('sinch-icon-chevron-left', createIconClass(templateHTML));

package/icon/chevron-right/index.js

@@ -1,4 +0,0 @@
-import { defineCustomElement } from '../../utils';
-import { createIconClass } from '../create-icon-class';
-const templateHTML = '<svg viewBox="0 0 24 24"><path d="M9.29 6.71a.996.996 0 0 0 0 1.41L13.17 12l-3.88 3.88a.996.996 0 1 0 1.41 1.41l4.59-4.59a.996.996 0 0 0 0-1.41L10.7 6.7c-.38-.38-1.02-.38-1.41.01Z"/></svg>';
-defineCustomElement('sinch-icon-chevron-right', createIconClass(templateHTML));

package/icon/close/index.js

@@ -1,4 +0,0 @@
-import { defineCustomElement } from '../../utils';
-import { createIconClass } from '../create-icon-class';
-const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M18.3 5.71a.996.996 0 0 0-1.41 0L12 10.59 7.11 5.7A.996.996 0 1 0 5.7 7.11L10.59 12 5.7 16.89a.996.996 0 1 0 1.41 1.41L12 13.41l4.89 4.89a.996.996 0 1 0 1.41-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4Z"/></svg>';
-defineCustomElement('sinch-icon-close', createIconClass(templateHTML));

package/icon/cloud/index.js

@@ -1,4 +0,0 @@
-import { defineCustomElement } from '../../utils';
-import { createIconClass } from '../create-icon-class';
-const templateHTML = '<svg viewBox="0 0 24 24"><path d="M19.35 10.04A7.49 7.49 0 0 0 12 4C9.11 4 6.6 5.64 5.35 8.04A5.994 5.994 0 0 0 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96Z"/></svg>';
-defineCustomElement('sinch-icon-cloud', createIconClass(templateHTML));

package/icon/cloud-circle/index.js

@@ -1,4 +0,0 @@
-import { defineCustomElement } from '../../utils';
-import { createIconClass } from '../create-icon-class';
-const templateHTML = '<svg viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2Zm4.5 14H8c-1.66 0-3-1.34-3-3s1.34-3 3-3h.14c.44-1.73 1.99-3 3.86-3 2.21 0 4 1.79 4 4h.5a2.5 2.5 0 0 1 0 5Z"/></svg>';
-defineCustomElement('sinch-icon-cloud-circle', createIconClass(templateHTML));

package/icon/cloud-done/index.js

@@ -1,4 +0,0 @@
-import { defineCustomElement } from '../../utils';
-import { createIconClass } from '../create-icon-class';
-const templateHTML = '<svg viewBox="0 0 24 24"><path d="M19.35 10.04A7.49 7.49 0 0 0 12 4C9.11 4 6.6 5.64 5.35 8.04A5.994 5.994 0 0 0 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96Zm-8.64 6.25a.996.996 0 0 1-1.41 0L7.2 14.2a.996.996 0 1 1 1.41-1.41L10 14.18l4.48-4.48a.996.996 0 1 1 1.41 1.41l-5.18 5.18Z"/></svg>';
-defineCustomElement('sinch-icon-cloud-done', createIconClass(templateHTML));

package/icon/cloud-download/index.js

@@ -1,4 +0,0 @@
-import { defineCustomElement } from '../../utils';
-import { createIconClass } from '../create-icon-class';
-const templateHTML = '<svg viewBox="0 0 24 24"><path d="M19.35 10.04A7.49 7.49 0 0 0 12 4C9.11 4 6.6 5.64 5.35 8.04A5.994 5.994 0 0 0 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96ZM17 13l-4.65 4.65c-.2.2-.51.2-.71 0L7 13h3V9h4v4h3Z"/></svg>';
-defineCustomElement('sinch-icon-cloud-download', createIconClass(templateHTML));

package/icon/cloud-off/index.js

@@ -1,4 +0,0 @@
-import { defineCustomElement } from '../../utils';
-import { createIconClass } from '../create-icon-class';
-const templateHTML = '<svg viewBox="0 0 24 24"><path d="M24 15c0-2.64-2.05-4.78-4.65-4.96A7.49 7.49 0 0 0 12 4c-1.33 0-2.57.36-3.65.97l1.49 1.49C10.51 6.17 11.23 6 12 6c3.04 0 5.5 2.46 5.5 5.5v.5H19a2.996 2.996 0 0 1 1.79 5.4l1.41 1.41c1.09-.92 1.8-2.27 1.8-3.81ZM3.71 4.56a.996.996 0 0 0 0 1.41l2.06 2.06h-.42a5.99 5.99 0 0 0-5.29 6.79C.46 17.84 3.19 20 6.22 20h11.51l1.29 1.29a.996.996 0 1 0 1.41-1.41L5.12 4.56a.996.996 0 0 0-1.41 0ZM6 18c-2.21 0-4-1.79-4-4s1.79-4 4-4h1.73l8 8H6Z"/></svg>';
-defineCustomElement('sinch-icon-cloud-off', createIconClass(templateHTML));

package/icon/cloud-queue/index.js

@@ -1,4 +0,0 @@
-import { defineCustomElement } from '../../utils';
-import { createIconClass } from '../create-icon-class';
-const templateHTML = '<svg viewBox="0 0 24 24"><path d="M19.35 10.04A7.49 7.49 0 0 0 12 4C9.11 4 6.6 5.64 5.35 8.04A5.994 5.994 0 0 0 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96ZM19 18H6c-2.21 0-4-1.79-4-4s1.79-4 4-4h.71C7.37 7.69 9.48 6 12 6c3.04 0 5.5 2.46 5.5 5.5v.5H19c1.66 0 3 1.34 3 3s-1.34 3-3 3Z"/></svg>';
-defineCustomElement('sinch-icon-cloud-queue', createIconClass(templateHTML));

package/icon/cloud-upload/index.js

@@ -1,4 +0,0 @@
-import { defineCustomElement } from '../../utils';
-import { createIconClass } from '../create-icon-class';
-const templateHTML = '<svg viewBox="0 0 24 24"><path d="M19.35 10.04A7.49 7.49 0 0 0 12 4C9.11 4 6.6 5.64 5.35 8.04A5.994 5.994 0 0 0 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96ZM14 13v4h-4v-4H7l4.65-4.65c.2-.2.51-.2.71 0L17 13h-3Z"/></svg>';
-defineCustomElement('sinch-icon-cloud-upload', createIconClass(templateHTML));

package/icon/create-new-folder/index.js

@@ -1,4 +0,0 @@
-import { defineCustomElement } from '../../utils';
-import { createIconClass } from '../create-icon-class';
-const templateHTML = '<svg viewBox="0 0 24 24"><path d="M20 6h-8l-1.41-1.41C10.21 4.21 9.7 4 9.17 4H4c-1.11 0-1.99.89-1.99 2L2 18c0 1.11.89 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2Zm-2 8h-2v2c0 .55-.45 1-1 1s-1-.45-1-1v-2h-2c-.55 0-1-.45-1-1s.45-1 1-1h2v-2c0-.55.45-1 1-1s1 .45 1 1v2h2c.55 0 1 .45 1 1s-.45 1-1 1Z"/></svg>';
-defineCustomElement('sinch-icon-create-new-folder', createIconClass(templateHTML));

package/icon/double-arrow/index.js

@@ -1,4 +0,0 @@
-import { defineCustomElement } from '../../utils';
-import { createIconClass } from '../create-icon-class';
-const templateHTML = '<svg viewBox="0 0 24 24"><path d="m20.08 11.42-4.04-5.65c-.34-.48-.89-.77-1.48-.77-1.49 0-2.35 1.68-1.49 2.89L16 12l-2.93 4.11c-.87 1.21 0 2.89 1.49 2.89.59 0 1.15-.29 1.49-.77l4.04-5.65c.24-.35.24-.81-.01-1.16Z" fill="#0A273D"/><path d="M13.08 11.42 9.05 5.77C8.7 5.29 8.15 5 7.56 5 6.07 5 5.2 6.68 6.07 7.89L9 12l-2.93 4.11C5.2 17.32 6.07 19 7.56 19c.59 0 1.15-.29 1.49-.77l4.04-5.65c.24-.35.24-.81-.01-1.16Z"/></svg>';
-defineCustomElement('sinch-icon-double-arrow', createIconClass(templateHTML));

package/icon/download/index.js

@@ -1,4 +0,0 @@
-import { defineCustomElement } from '../../utils';
-import { createIconClass } from '../create-icon-class';
-const templateHTML = '<svg viewBox="0 0 24 24"><path d="M16.59 9H15V4c0-.55-.45-1-1-1h-4c-.55 0-1 .45-1 1v5H7.41c-.89 0-1.34 1.08-.71 1.71l4.59 4.59c.39.39 1.02.39 1.41 0l4.59-4.59c.63-.63.19-1.71-.7-1.71ZM5 19c0 .55.45 1 1 1h12c.55 0 1-.45 1-1s-.45-1-1-1H6c-.55 0-1 .45-1 1Z"/></svg>';
-defineCustomElement('sinch-icon-download', createIconClass(templateHTML));

package/icon/download-done/index.js

@@ -1,4 +0,0 @@
-import { defineCustomElement } from '../../utils';
-import { createIconClass } from '../create-icon-class';
-const templateHTML = '<svg viewBox="0 0 24 24"><path d="M6 18h12c.55 0 1 .45 1 1s-.45 1-1 1H6c-.55 0-1-.45-1-1s.45-1 1-1Zm5.01-4.1a2 2 0 0 1-2.82-.01L6 11.7c-.55-.55-.54-1.44.03-1.97.54-.52 1.4-.5 1.92.02L9.6 11.4l6.43-6.43c.54-.54 1.41-.54 1.95 0l.04.04c.54.54.54 1.42-.01 1.96l-7 6.93Z"/></svg>';
-defineCustomElement('sinch-icon-download-done', createIconClass(templateHTML));

package/icon/error/index.js

@@ -1,4 +0,0 @@
-import { defineCustomElement } from '../../utils';
-import { createIconClass } from '../create-icon-class';
-const templateHTML = '<svg viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2Zm0 11c-.55 0-1-.45-1-1V8c0-.55.45-1 1-1s1 .45 1 1v4c0 .55-.45 1-1 1Zm1 4h-2v-2h2v2Z"/></svg>';
-defineCustomElement('sinch-icon-error', createIconClass(templateHTML));

package/icon/error-outline/index.js

@@ -1,4 +0,0 @@
-import { defineCustomElement } from '../../utils';
-import { createIconClass } from '../create-icon-class';
-const templateHTML = '<svg viewBox="0 0 24 24"><path d="M12 7c.55 0 1 .45 1 1v4c0 .55-.45 1-1 1s-1-.45-1-1V8c0-.55.45-1 1-1Zm-.01-5C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2ZM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8Zm1-3h-2v-2h2v2Z"/></svg>';
-defineCustomElement('sinch-icon-error-outline', createIconClass(templateHTML));

package/icon/expand-less/index.js

@@ -1,4 +0,0 @@
-import { defineCustomElement } from '../../utils';
-import { createIconClass } from '../create-icon-class';
-const templateHTML = '<svg viewBox="0 0 24 24"><path d="M11.29 8.71 6.7 13.3a.996.996 0 1 0 1.41 1.41L12 10.83l3.88 3.88a.996.996 0 1 0 1.41-1.41L12.7 8.71a.996.996 0 0 0-1.41 0Z"/></svg>';
-defineCustomElement('sinch-icon-expand-less', createIconClass(templateHTML));

package/icon/expand-more/index.js

@@ -1,4 +0,0 @@
-import { defineCustomElement } from '../../utils';
-import { createIconClass } from '../create-icon-class';
-const templateHTML = '<svg viewBox="0 0 24 24"><path d="M15.88 9.29 12 13.17 8.12 9.29a.996.996 0 1 0-1.41 1.41l4.59 4.59c.39.39 1.02.39 1.41 0l4.59-4.59a.996.996 0 0 0 0-1.41c-.39-.38-1.03-.39-1.42 0Z"/></svg>';
-defineCustomElement('sinch-icon-expand-more', createIconClass(templateHTML));

package/icon/first-page/index.js

@@ -1,4 +0,0 @@
-import { defineCustomElement } from '../../utils';
-import { createIconClass } from '../create-icon-class';
-const templateHTML = '<svg viewBox="0 0 24 24"><path d="M17.7 15.89 13.82 12l3.89-3.89A.996.996 0 1 0 16.3 6.7l-4.59 4.59a.996.996 0 0 0 0 1.41l4.59 4.59c.39.39 1.02.39 1.41 0a.993.993 0 0 0-.01-1.4ZM7 6c.55 0 1 .45 1 1v10c0 .55-.45 1-1 1s-1-.45-1-1V7c0-.55.45-1 1-1Z"/></svg>';
-defineCustomElement('sinch-icon-first-page', createIconClass(templateHTML));

package/icon/folder/index.js

@@ -1,4 +0,0 @@
-import { defineCustomElement } from '../../utils';
-import { createIconClass } from '../create-icon-class';
-const templateHTML = '<svg viewBox="0 0 24 24"><path d="M10.59 4.59C10.21 4.21 9.7 4 9.17 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2h-8l-1.41-1.41Z"/></svg>';
-defineCustomElement('sinch-icon-folder', createIconClass(templateHTML));

package/icon/folder-open/index.js

@@ -1,4 +0,0 @@
-import { defineCustomElement } from '../../utils';
-import { createIconClass } from '../create-icon-class';
-const templateHTML = '<svg viewBox="0 0 24 24"><path d="M20 6h-8l-1.41-1.41C10.21 4.21 9.7 4 9.17 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2Zm-1 12H5c-.55 0-1-.45-1-1V9c0-.55.45-1 1-1h14c.55 0 1 .45 1 1v8c0 .55-.45 1-1 1Z"/></svg>';
-defineCustomElement('sinch-icon-folder-open', createIconClass(templateHTML));

package/icon/folder-shared/index.js

@@ -1,4 +0,0 @@
-import { defineCustomElement } from '../../utils';
-import { createIconClass } from '../create-icon-class';
-const templateHTML = '<svg viewBox="0 0 24 24"><path d="M20 6h-8l-1.41-1.41C10.21 4.21 9.7 4 9.17 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2Zm-5 3c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2Zm4 8h-8v-1c0-1.33 2.67-2 4-2s4 .67 4 2v1Z"/></svg>';
-defineCustomElement('sinch-icon-folder-shared', createIconClass(templateHTML));

package/icon/fullscreen/index.js

@@ -1,4 +0,0 @@
-import { defineCustomElement } from '../../utils';
-import { createIconClass } from '../create-icon-class';
-const templateHTML = '<svg viewBox="0 0 24 24"><path d="M6 14c-.55 0-1 .45-1 1v3c0 .55.45 1 1 1h3c.55 0 1-.45 1-1s-.45-1-1-1H7v-2c0-.55-.45-1-1-1Zm0-4c.55 0 1-.45 1-1V7h2c.55 0 1-.45 1-1s-.45-1-1-1H6c-.55 0-1 .45-1 1v3c0 .55.45 1 1 1Zm11 7h-2c-.55 0-1 .45-1 1s.45 1 1 1h3c.55 0 1-.45 1-1v-3c0-.55-.45-1-1-1s-1 .45-1 1v2ZM14 6c0 .55.45 1 1 1h2v2c0 .55.45 1 1 1s1-.45 1-1V6c0-.55-.45-1-1-1h-3c-.55 0-1 .45-1 1Z"/></svg>';
-defineCustomElement('sinch-icon-fullscreen', createIconClass(templateHTML));

package/icon/fullscreen-exit/index.js

@@ -1,4 +0,0 @@
-import { defineCustomElement } from '../../utils';
-import { createIconClass } from '../create-icon-class';
-const templateHTML = '<svg viewBox="0 0 24 24"><path d="M6 16h2v2c0 .55.45 1 1 1s1-.45 1-1v-3c0-.55-.45-1-1-1H6c-.55 0-1 .45-1 1s.45 1 1 1Zm2-8H6c-.55 0-1 .45-1 1s.45 1 1 1h3c.55 0 1-.45 1-1V6c0-.55-.45-1-1-1s-1 .45-1 1v2Zm7 11c.55 0 1-.45 1-1v-2h2c.55 0 1-.45 1-1s-.45-1-1-1h-3c-.55 0-1 .45-1 1v3c0 .55.45 1 1 1Zm1-11V6c0-.55-.45-1-1-1s-1 .45-1 1v3c0 .55.45 1 1 1h3c.55 0 1-.45 1-1s-.45-1-1-1h-2Z"/></svg>';
-defineCustomElement('sinch-icon-fullscreen-exit', createIconClass(templateHTML));

package/icon/help-outline/index.js

@@ -1,4 +0,0 @@
-import { defineCustomElement } from '../../utils';
-import { createIconClass } from '../create-icon-class';
-const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2Zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8Zm-1-4h2v2h-2v-2Zm1.61-9.96c-2.06-.3-3.88.97-4.43 2.79-.18.58.26 1.17.87 1.17h.2c.41 0 .74-.29.88-.67.32-.89 1.27-1.5 2.3-1.28.95.2 1.65 1.13 1.57 2.1-.1 1.34-1.62 1.63-2.45 2.88 0 .01-.01.01-.01.02-.01.02-.02.03-.03.05-.09.15-.18.32-.25.5-.01.03-.03.05-.04.08-.01.02-.01.04-.02.07-.12.34-.2.75-.2 1.25h2c0-.42.11-.77.28-1.07.02-.03.03-.06.05-.09.08-.14.18-.27.28-.39.01-.01.02-.03.03-.04.1-.12.21-.23.33-.34.96-.91 2.26-1.65 1.99-3.56-.24-1.74-1.61-3.21-3.35-3.47Z"/></svg>';
-defineCustomElement('sinch-icon-help-outline', createIconClass(templateHTML));

package/icon/home-work/index.js

@@ -1,4 +0,0 @@
-import { defineCustomElement } from '../../utils';
-import { createIconClass } from '../create-icon-class';
-const templateHTML = '<svg viewBox="0 0 24 24"><path d="M20 3h-8c-.55 0-1 .45-1 1v1.61l.01.01 5 4.5c.63.56.99 1.38.99 2.23V13h2v2h-2v2h2v2h-2v2h3c.55 0 1-.45 1-1V4c0-.55-.45-1-1-1Zm-5 4h-2V5h2v2Zm4 4h-2V9h2v2Zm0-4h-2V5h2v2Z" fill="#0A273D"/><path d="M15 20v-7.65a1 1 0 0 0-.33-.74l-5-4.5A.96.96 0 0 0 9 6.85c-.24 0-.48.09-.67.26l-5 4.5a.97.97 0 0 0-.33.74V20c0 .55.45 1 1 1h2c.55 0 1-.45 1-1v-4h4v4c0 .55.45 1 1 1h2c.55 0 1-.45 1-1Z"/></svg>';
-defineCustomElement('sinch-icon-home-work', createIconClass(templateHTML));

package/icon/keyboard-arrow-down/index.js

@@ -1,4 +0,0 @@
-import { defineCustomElement } from '../../utils';
-import { createIconClass } from '../create-icon-class';
-const templateHTML = '<svg viewBox="0 0 24 24"><path d="M8.12 9.29 12 13.17l3.88-3.88a.996.996 0 1 1 1.41 1.41l-4.59 4.59a.996.996 0 0 1-1.41 0L6.7 10.7a.996.996 0 0 1 0-1.41c.39-.38 1.03-.39 1.42 0Z"/></svg>';
-defineCustomElement('sinch-icon-keyboard-arrow-down', createIconClass(templateHTML));

package/icon/keyboard-arrow-left/index.js

@@ -1,4 +0,0 @@
-import { defineCustomElement } from '../../utils';
-import { createIconClass } from '../create-icon-class';
-const templateHTML = '<svg viewBox="0 0 24 24"><path d="M14.71 15.88 10.83 12l3.88-3.88a.996.996 0 1 0-1.41-1.41L8.71 11.3a.996.996 0 0 0 0 1.41l4.59 4.59c.39.39 1.02.39 1.41 0 .38-.39.39-1.03 0-1.42Z"/></svg>';
-defineCustomElement('sinch-icon-keyboard-arrow-left', createIconClass(templateHTML));

package/icon/keyboard-arrow-right/index.js

@@ -1,4 +0,0 @@
-import { defineCustomElement } from '../../utils';
-import { createIconClass } from '../create-icon-class';
-const templateHTML = '<svg viewBox="0 0 24 24"><path d="M9.29 15.88 13.17 12 9.29 8.12a.996.996 0 1 1 1.41-1.41l4.59 4.59c.39.39.39 1.02 0 1.41L10.7 17.3a.996.996 0 0 1-1.41 0c-.38-.39-.39-1.03 0-1.42Z"/></svg>';
-defineCustomElement('sinch-icon-keyboard-arrow-right', createIconClass(templateHTML));

package/icon/keyboard-arrow-up/index.js

@@ -1,4 +0,0 @@
-import { defineCustomElement } from '../../utils';
-import { createIconClass } from '../create-icon-class';
-const templateHTML = '<svg viewBox="0 0 24 24"><path d="M8.12 14.71 12 10.83l3.88 3.88a.996.996 0 1 0 1.41-1.41L12.7 8.71a.996.996 0 0 0-1.41 0L6.7 13.3a.996.996 0 0 0 0 1.41c.39.38 1.03.39 1.42 0Z"/></svg>';
-defineCustomElement('sinch-icon-keyboard-arrow-up', createIconClass(templateHTML));

package/icon/last-page/index.js

@@ -1,4 +0,0 @@
-import { defineCustomElement } from '../../utils';
-import { createIconClass } from '../create-icon-class';
-const templateHTML = '<svg viewBox="0 0 24 24"><path d="M6.29 8.11 10.18 12l-3.89 3.89A.996.996 0 1 0 7.7 17.3l4.59-4.59a.996.996 0 0 0 0-1.41L7.7 6.7a.996.996 0 0 0-1.41 0c-.38.39-.38 1.03 0 1.41ZM17 6c.55 0 1 .45 1 1v10c0 .55-.45 1-1 1s-1-.45-1-1V7c0-.55.45-1 1-1Z"/></svg>';
-defineCustomElement('sinch-icon-last-page', createIconClass(templateHTML));

package/icon/legend-toggle/index.js

@@ -1,4 +0,0 @@
-import { defineCustomElement } from '../../utils';
-import { createIconClass } from '../create-icon-class';
-const templateHTML = '<svg viewBox="0 0 24 24"><path d="M19 15H5c-.55 0-1-.45-1-1s.45-1 1-1h14c.55 0 1 .45 1 1s-.45 1-1 1Zm0 2H5c-.55 0-1 .45-1 1s.45 1 1 1h14c.55 0 1-.45 1-1s-.45-1-1-1Zm-4-6 4.58-3.25c.26-.19.42-.49.42-.81 0-.81-.92-1.29-1.58-.82L15 8.55 10 5 4.48 8.36c-.3.19-.48.51-.48.86 0 .78.85 1.26 1.52.85l4.4-2.68L15 11Z"/></svg>';
-defineCustomElement('sinch-icon-legend-toggle', createIconClass(templateHTML));

package/icon/menu/index.js

@@ -1,4 +0,0 @@
-import { defineCustomElement } from '../../utils';
-import { createIconClass } from '../create-icon-class';
-const templateHTML = '<svg viewBox="0 0 24 24"><path d="M4 18h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1s.45 1 1 1Zm0-5h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1s.45 1 1 1ZM3 7c0 .55.45 1 1 1h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1Z"/></svg>';
-defineCustomElement('sinch-icon-menu', createIconClass(templateHTML));

package/icon/menu-open/index.js

@@ -1,4 +0,0 @@
-import { defineCustomElement } from '../../utils';
-import { createIconClass } from '../create-icon-class';
-const templateHTML = '<svg viewBox="0 0 24 24"><path d="M4 18h11c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1s.45 1 1 1Zm0-5h8c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1s.45 1 1 1ZM3 7c0 .55.45 1 1 1h11c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1Zm17.3 7.88L17.42 12l2.88-2.88a.996.996 0 1 0-1.41-1.41L15.3 11.3a.996.996 0 0 0 0 1.41l3.59 3.59c.39.39 1.02.39 1.41 0 .38-.39.39-1.03 0-1.42Z"/></svg>';
-defineCustomElement('sinch-icon-menu-open', createIconClass(templateHTML));

package/icon/notification-important/index.js

@@ -1,4 +0,0 @@
-import { defineCustomElement } from '../../utils';
-import { createIconClass } from '../create-icon-class';
-const templateHTML = '<svg viewBox="0 0 24 24"><path d="M12 23c1.1 0 1.99-.89 1.99-1.99h-3.98c0 1.1.89 1.99 1.99 1.99Zm8.29-4.71L19 17v-6c0-3.35-2.36-6.15-5.5-6.83V3c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5v1.17C7.36 4.85 5 7.65 5 11v6l-1.29 1.29c-.63.63-.19 1.71.7 1.71h15.17c.9 0 1.34-1.08.71-1.71ZM13 16h-2v-2h2v2Zm0-5c0 .55-.45 1-1 1s-1-.45-1-1V9c0-.55.45-1 1-1s1 .45 1 1v2Z"/></svg>';
-defineCustomElement('sinch-icon-notification-important', createIconClass(templateHTML));

package/icon/open-in-new/index.js

@@ -1,4 +0,0 @@
-import { defineCustomElement } from '../../utils';
-import { createIconClass } from '../create-icon-class';
-const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M18 19H6c-.55 0-1-.45-1-1V6c0-.55.45-1 1-1h5c.55 0 1-.45 1-1s-.45-1-1-1H5a2 2 0 0 0-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2v-6c0-.55-.45-1-1-1s-1 .45-1 1v5c0 .55-.45 1-1 1ZM14 4c0 .55.45 1 1 1h2.59l-9.13 9.13a.996.996 0 1 0 1.41 1.41L19 6.41V9c0 .55.45 1 1 1s1-.45 1-1V4c0-.55-.45-1-1-1h-5c-.55 0-1 .45-1 1Z"/></svg>';
-defineCustomElement('sinch-icon-open-in-new', createIconClass(templateHTML));

package/icon/payments/index.js

@@ -1,4 +0,0 @@
-import { defineCustomElement } from '../../utils';
-import { createIconClass } from '../create-icon-class';
-const templateHTML = '<svg viewBox="0 0 24 24"><path d="M23 8v10c0 1.1-.9 2-2 2H5c-.55 0-1-.45-1-1s.45-1 1-1h16V8c0-.55.45-1 1-1s1 .45 1 1ZM4 16c-1.66 0-3-1.34-3-3V7c0-1.66 1.34-3 3-3h12c1.66 0 3 1.34 3 3v7c0 1.1-.9 2-2 2H4Zm3-6c0 1.66 1.34 3 3 3s3-1.34 3-3-1.34-3-3-3-3 1.34-3 3Z"/></svg>';
-defineCustomElement('sinch-icon-payments', createIconClass(templateHTML));

package/icon/refresh/index.js

@@ -1,4 +0,0 @@
-import { defineCustomElement } from '../../utils';
-import { createIconClass } from '../create-icon-class';
-const templateHTML = '<svg viewBox="0 0 24 24"><path d="M17.65 6.35a7.95 7.95 0 0 0-6.48-2.31c-3.67.37-6.69 3.35-7.1 7.02C3.52 15.91 7.27 20 12 20a7.98 7.98 0 0 0 7.21-4.56c.32-.67-.16-1.44-.9-1.44-.37 0-.72.2-.88.53a5.994 5.994 0 0 1-6.8 3.31c-2.22-.49-4.01-2.3-4.48-4.52A6.002 6.002 0 0 1 12 6c1.66 0 3.14.69 4.22 1.78l-1.51 1.51c-.63.63-.19 1.71.7 1.71H19c.55 0 1-.45 1-1V6.41c0-.89-1.08-1.34-1.71-.71l-.64.65Z"/></svg>';
-defineCustomElement('sinch-icon-refresh', createIconClass(templateHTML));

package/icon/request-quote/index.js

@@ -1,4 +0,0 @@
-import { defineCustomElement } from '../../utils';
-import { createIconClass } from '../create-icon-class';
-const templateHTML = '<svg viewBox="0 0 24 24"><path d="m19.41 7.41-4.83-4.83c-.37-.37-.88-.58-1.41-.58H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8.83c0-.53-.21-1.04-.59-1.42ZM14 13c.55 0 1 .45 1 1v3c0 .55-.45 1-1 1h-1c0 .55-.45 1-1 1s-1-.45-1-1h-1c-.55 0-1-.45-1-1s.45-1 1-1h3v-1h-3c-.55 0-1-.45-1-1v-3c0-.55.45-1 1-1h1c0-.55.45-1 1-1s1 .45 1 1h1c.55 0 1 .45 1 1s-.45 1-1 1h-3v1h3Zm0-5c-.55 0-1-.45-1-1V3.5L17.5 8H14Z"/></svg>';
-defineCustomElement('sinch-icon-request-quote', createIconClass(templateHTML));

package/icon/rule-folder/index.js

@@ -1,4 +0,0 @@
-import { defineCustomElement } from '../../utils';
-import { createIconClass } from '../create-icon-class';
-const templateHTML = '<svg viewBox="0 0 24 24"><path d="M20 6h-8l-1.41-1.41C10.21 4.21 9.7 4 9.17 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2ZM7.12 15.29l-1.41-1.41a.996.996 0 1 1 1.41-1.41l.71.71 2.83-2.83a.996.996 0 1 1 1.41 1.41L8.53 15.3c-.39.38-1.02.38-1.41-.01ZM17.41 13l.88.88a.996.996 0 1 1-1.41 1.41l-.88-.88-.88.88a.996.996 0 1 1-1.41-1.41l.88-.88-.88-.88a.996.996 0 1 1 1.41-1.41l.88.88.88-.88a.996.996 0 1 1 1.41 1.41l-.88.88Z"/></svg>';
-defineCustomElement('sinch-icon-rule-folder', createIconClass(templateHTML));

package/icon/search/index.js

@@ -1,4 +0,0 @@
-import { defineCustomElement } from '../../utils';
-import { createIconClass } from '../create-icon-class';
-const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M15.5 14h-.79l-.28-.27a6.5 6.5 0 0 0 1.48-5.34c-.47-2.78-2.79-5-5.59-5.34a6.505 6.505 0 0 0-7.27 7.27c.34 2.8 2.56 5.12 5.34 5.59a6.5 6.5 0 0 0 5.34-1.48l.27.28v.79l4.25 4.25c.41.41 1.08.41 1.49 0 .41-.41.41-1.08 0-1.49L15.5 14Zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14Z"/></svg>';
-defineCustomElement('sinch-icon-search', createIconClass(templateHTML));

package/icon/snippet-folder/index.js

@@ -1,4 +0,0 @@
-import { defineCustomElement } from '../../utils';
-import { createIconClass } from '../create-icon-class';
-const templateHTML = '<svg viewBox="0 0 24 24"><path d="m15.88 10.5 1.62 1.62v3.38h-3v-5h1.38ZM22 8v10c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2l.01-12c0-1.1.89-2 1.99-2h5.17c.53 0 1.04.21 1.41.59L12 6h8c1.1 0 2 .9 2 2Zm-3 3.91c0-.27-.11-.52-.29-.71L16.8 9.29c-.19-.18-.45-.29-.71-.29H14c-.55 0-1 .45-1 1v6c0 .55.45 1 1 1h4c.55 0 1-.45 1-1v-4.09Z"/></svg>';
-defineCustomElement('sinch-icon-snippet-folder', createIconClass(templateHTML));