@nectary/components 0.22.0 → 0.23.0

package/index.d.ts

@@ -25,90 +25,124 @@ import './toggle';
 import './tooltip';
 import './dropdown';
 import './dropdown-option';
-import './icon/arrow-back';
-import './icon/arrow-downward';
-import './icon/arrow-forward';
-import './icon/arrow-upward';
-import './icon/keyboard-arrow-down';
-import './icon/keyboard-arrow-left';
-import './icon/keyboard-arrow-right';
-import './icon/keyboard-arrow-up';
-import './icon/chevron-left';
-import './icon/chevron-right';
-import './icon/expand-less';
-import './icon/expand-more';
-import './icon/arrow-back-ios';
-import './icon/arrow-forward-ios';
-import './icon/cancel';
-import './icon/close';
-import './icon/east';
-import './icon/help-outline';
-import './icon/more-horiz';
-import './icon/more-vert';
-import './icon/north';
-import './icon/north-east';
-import './icon/north-west';
-import './icon/open-in-new';
-import './icon/search';
-import './icon/south';
-import './icon/south-east';
-import './icon/south-west';
-import './icon/west';
-import './icon/add-alert';
-import './icon/auto-delete';
-import './icon/error';
-import './icon/error-outline';
-import './icon/notification-important';
-import './icon/attach-email';
-import './icon/attachment';
-import './icon/cloud';
-import './icon/cloud-circle';
-import './icon/cloud-done';
-import './icon/cloud-download';
-import './icon/cloud-off';
-import './icon/cloud-queue';
-import './icon/cloud-upload';
-import './icon/create-new-folder';
-import './icon/download';
-import './icon/download-done';
-import './icon/folder';
-import './icon/folder-open';
-import './icon/folder-shared';
-import './icon/request-quote';
-import './icon/rule-folder';
-import './icon/snippet-folder';
-import './icon/text-snippet';
-import './icon/topic';
-import './icon/upload';
-import './icon/app-settings-alt';
-import './icon/apps';
-import './icon/arrow-drop-down';
-import './icon/arrow-drop-down-circle';
-import './icon/arrow-drop-up';
-import './icon/arrow-left';
-import './icon/arrow-right';
-import './icon/campaign';
-import './icon/check';
-import './icon/double-arrow';
-import './icon/filter-list';
-import './icon/first-page';
-import './icon/fullscreen';
-import './icon/fullscreen-exit';
-import './icon/home-work';
-import './icon/last-page';
-import './icon/legend-toggle';
-import './icon/menu';
-import './icon/menu-open';
-import './icon/payments';
-import './icon/refresh';
-import './icon/subdirectory-arrow-left';
-import './icon/subdirectory-arrow-right';
-import './icon/switch-left';
-import './icon/switch-right';
-import './icon/unfold-less';
-import './icon/unfold-more';
-import './icon/warning';
-import './icon/warning-amber';
+import './icons/alt-route';
+import './icons/arrow-back';
+import './icons/arrow-downward';
+import './icons/arrow-forward';
+import './icons/arrow-upward';
+import './icons/keyboard-arrow-down';
+import './icons/keyboard-arrow-left';
+import './icons/keyboard-arrow-right';
+import './icons/keyboard-arrow-up';
+import './icons/chevron-left';
+import './icons/chevron-right';
+import './icons/expand-less';
+import './icons/expand-more';
+import './icons/arrow-back-ios';
+import './icons/arrow-forward-ios';
+import './icons/play-circle-outline';
+import './icons/pause-circle-outline';
+import './icons/check-circle-outline';
+import './icons/cancel';
+import './icons/close';
+import './icons/east';
+import './icons/help-outline';
+import './icons/more-horiz';
+import './icons/more-vert';
+import './icons/north';
+import './icons/north-east';
+import './icons/north-west';
+import './icons/open-in-new';
+import './icons/search';
+import './icons/south';
+import './icons/south-east';
+import './icons/south-west';
+import './icons/west';
+import './icons/add-alert';
+import './icons/auto-delete';
+import './icons/error';
+import './icons/error-outline';
+import './icons/notification-important';
+import './icons/attach-email';
+import './icons/attachment';
+import './icons/cloud';
+import './icons/cloud-circle';
+import './icons/cloud-done';
+import './icons/cloud-download';
+import './icons/cloud-off';
+import './icons/cloud-queue';
+import './icons/cloud-upload';
+import './icons/create-new-folder';
+import './icons/download';
+import './icons/download-done';
+import './icons/folder';
+import './icons/folder-open';
+import './icons/folder-shared';
+import './icons/request-quote';
+import './icons/rule-folder';
+import './icons/snippet-folder';
+import './icons/text-snippet';
+import './icons/topic';
+import './icons/upload';
+import './icons/access-time';
+import './icons/app-settings-alt';
+import './icons/apps';
+import './icons/add-comment';
+import './icons/arrow-drop-down';
+import './icons/arrow-drop-down-circle';
+import './icons/arrow-drop-up';
+import './icons/arrow-left';
+import './icons/arrow-right';
+import './icons/assignment';
+import './icons/campaign';
+import './icons/check';
+import './icons/comment';
+import './icons/double-arrow';
+import './icons/filter-list';
+import './icons/first-page';
+import './icons/fullscreen';
+import './icons/fullscreen-exit';
+import './icons/home-work';
+import './icons/last-page';
+import './icons/legend-toggle';
+import './icons/menu';
+import './icons/menu-open';
+import './icons/notes';
+import './icons/payments';
+import './icons/refresh';
+import './icons/star-outline';
+import './icons/subdirectory-arrow-left';
+import './icons/subdirectory-arrow-right';
+import './icons/unfold-less';
+import './icons/unfold-more';
+import './icons/warning';
+import './icons/warning-amber';
+import './icons/send';
+import './icons/undo';
+import './icons/mark-chat-unread';
+import './icons/switch-right';
+import './icons/switch-left';
+import './icons/volume-up';
+import './icons/volume-off';
+import './icons/update';
+import './icons/swap-vert';
+import './icons/stop';
+import './icons/settings';
+import './icons/notifications-none';
+import './icons/more-time';
+import './icons/mic-none';
+import './icons/mark-chat-read';
+import './icons/insert-emoticon';
+import './icons/done-all';
+import './icons/create';
+import './icons/chat';
+import './icons/reply';
+import './icons/local-offer';
+import './icons/info-outline';
+import './icons/history';
+import './icons/forum';
+import './icons/chat-bubble-outline';
+import './icons/star';
 import './illustration/phone-and-cat';
 import './pagination';
 import './table';
@@ -120,17 +154,28 @@ import './table-row';
 import './spinner';
 import './logo/sinch-icon';
 import './logo/sinch-icon-wordmark';
-import './icon-branded/barchart-down';
-import './icon-branded/barchart-up';
-import './icon-branded/campaigns';
-import './icon-branded/chatbot';
-import './icon-branded/contact';
-import './icon-branded/home';
-import './icon-branded/multiple-channels';
-import './icon-branded/rocket';
-import './icon-branded/settings';
-import './icon-branded/user';
-import './icon-branded/users';
+import './icons-branded/barchart-down';
+import './icons-branded/barchart-up';
+import './icons-branded/campaigns';
+import './icons-branded/chatbot';
+import './icons-branded/contact';
+import './icons-branded/home';
+import './icons-branded/multiple-channels';
+import './icons-branded/rocket';
+import './icons-branded/settings';
+import './icons-branded/user';
+import './icons-branded/users';
+import './icons-branded/bell';
+import './icons-channel/telegram';
+import './icons-channel/apple-business-chat';
+import './icons-channel/facebook-messenger';
+import './icons-channel/instagram';
+import './icons-channel/line';
+import './icons-channel/talk';
+import './icons-channel/twitter';
+import './icons-channel/viber';
+import './icons-channel/wechat';
+import './icons-channel/whatsapp';
 import './dialog';
 import './grid';
 import './grid-item';

package/index.js

@@ -25,90 +25,124 @@ import './toggle';
 import './tooltip';
 import './dropdown';
 import './dropdown-option';
-import './icon/arrow-back';
-import './icon/arrow-downward';
-import './icon/arrow-forward';
-import './icon/arrow-upward';
-import './icon/keyboard-arrow-down';
-import './icon/keyboard-arrow-left';
-import './icon/keyboard-arrow-right';
-import './icon/keyboard-arrow-up';
-import './icon/chevron-left';
-import './icon/chevron-right';
-import './icon/expand-less';
-import './icon/expand-more';
-import './icon/arrow-back-ios';
-import './icon/arrow-forward-ios';
-import './icon/cancel';
-import './icon/close';
-import './icon/east';
-import './icon/help-outline';
-import './icon/more-horiz';
-import './icon/more-vert';
-import './icon/north';
-import './icon/north-east';
-import './icon/north-west';
-import './icon/open-in-new';
-import './icon/search';
-import './icon/south';
-import './icon/south-east';
-import './icon/south-west';
-import './icon/west';
-import './icon/add-alert';
-import './icon/auto-delete';
-import './icon/error';
-import './icon/error-outline';
-import './icon/notification-important';
-import './icon/attach-email';
-import './icon/attachment';
-import './icon/cloud';
-import './icon/cloud-circle';
-import './icon/cloud-done';
-import './icon/cloud-download';
-import './icon/cloud-off';
-import './icon/cloud-queue';
-import './icon/cloud-upload';
-import './icon/create-new-folder';
-import './icon/download';
-import './icon/download-done';
-import './icon/folder';
-import './icon/folder-open';
-import './icon/folder-shared';
-import './icon/request-quote';
-import './icon/rule-folder';
-import './icon/snippet-folder';
-import './icon/text-snippet';
-import './icon/topic';
-import './icon/upload';
-import './icon/app-settings-alt';
-import './icon/apps';
-import './icon/arrow-drop-down';
-import './icon/arrow-drop-down-circle';
-import './icon/arrow-drop-up';
-import './icon/arrow-left';
-import './icon/arrow-right';
-import './icon/campaign';
-import './icon/check';
-import './icon/double-arrow';
-import './icon/filter-list';
-import './icon/first-page';
-import './icon/fullscreen';
-import './icon/fullscreen-exit';
-import './icon/home-work';
-import './icon/last-page';
-import './icon/legend-toggle';
-import './icon/menu';
-import './icon/menu-open';
-import './icon/payments';
-import './icon/refresh';
-import './icon/subdirectory-arrow-left';
-import './icon/subdirectory-arrow-right';
-import './icon/switch-left';
-import './icon/switch-right';
-import './icon/unfold-less';
-import './icon/unfold-more';
-import './icon/warning';
-import './icon/warning-amber';
+import './icons/alt-route';
+import './icons/arrow-back';
+import './icons/arrow-downward';
+import './icons/arrow-forward';
+import './icons/arrow-upward';
+import './icons/keyboard-arrow-down';
+import './icons/keyboard-arrow-left';
+import './icons/keyboard-arrow-right';
+import './icons/keyboard-arrow-up';
+import './icons/chevron-left';
+import './icons/chevron-right';
+import './icons/expand-less';
+import './icons/expand-more';
+import './icons/arrow-back-ios';
+import './icons/arrow-forward-ios';
+import './icons/play-circle-outline';
+import './icons/pause-circle-outline';
+import './icons/check-circle-outline';
+import './icons/cancel';
+import './icons/close';
+import './icons/east';
+import './icons/help-outline';
+import './icons/more-horiz';
+import './icons/more-vert';
+import './icons/north';
+import './icons/north-east';
+import './icons/north-west';
+import './icons/open-in-new';
+import './icons/search';
+import './icons/south';
+import './icons/south-east';
+import './icons/south-west';
+import './icons/west';
+import './icons/add-alert';
+import './icons/auto-delete';
+import './icons/error';
+import './icons/error-outline';
+import './icons/notification-important';
+import './icons/attach-email';
+import './icons/attachment';
+import './icons/cloud';
+import './icons/cloud-circle';
+import './icons/cloud-done';
+import './icons/cloud-download';
+import './icons/cloud-off';
+import './icons/cloud-queue';
+import './icons/cloud-upload';
+import './icons/create-new-folder';
+import './icons/download';
+import './icons/download-done';
+import './icons/folder';
+import './icons/folder-open';
+import './icons/folder-shared';
+import './icons/request-quote';
+import './icons/rule-folder';
+import './icons/snippet-folder';
+import './icons/text-snippet';
+import './icons/topic';
+import './icons/upload';
+import './icons/access-time';
+import './icons/app-settings-alt';
+import './icons/apps';
+import './icons/add-comment';
+import './icons/arrow-drop-down';
+import './icons/arrow-drop-down-circle';
+import './icons/arrow-drop-up';
+import './icons/arrow-left';
+import './icons/arrow-right';
+import './icons/assignment';
+import './icons/campaign';
+import './icons/check';
+import './icons/comment';
+import './icons/double-arrow';
+import './icons/filter-list';
+import './icons/first-page';
+import './icons/fullscreen';
+import './icons/fullscreen-exit';
+import './icons/home-work';
+import './icons/last-page';
+import './icons/legend-toggle';
+import './icons/menu';
+import './icons/menu-open';
+import './icons/notes';
+import './icons/payments';
+import './icons/refresh';
+import './icons/star-outline';
+import './icons/subdirectory-arrow-left';
+import './icons/subdirectory-arrow-right';
+import './icons/unfold-less';
+import './icons/unfold-more';
+import './icons/warning';
+import './icons/warning-amber';
+import './icons/send';
+import './icons/undo';
+import './icons/mark-chat-unread';
+import './icons/switch-right';
+import './icons/switch-left';
+import './icons/volume-up';
+import './icons/volume-off';
+import './icons/update';
+import './icons/swap-vert';
+import './icons/stop';
+import './icons/settings';
+import './icons/notifications-none';
+import './icons/more-time';
+import './icons/mic-none';
+import './icons/mark-chat-read';
+import './icons/insert-emoticon';
+import './icons/done-all';
+import './icons/create';
+import './icons/chat';
+import './icons/reply';
+import './icons/local-offer';
+import './icons/info-outline';
+import './icons/history';
+import './icons/forum';
+import './icons/chat-bubble-outline';
+import './icons/star';
 import './illustration/phone-and-cat';
 import './pagination';
 import './table';
@@ -120,17 +154,28 @@ import './table-row';
 import './spinner';
 import './logo/sinch-icon';
 import './logo/sinch-icon-wordmark';
-import './icon-branded/barchart-down';
-import './icon-branded/barchart-up';
-import './icon-branded/campaigns';
-import './icon-branded/chatbot';
-import './icon-branded/contact';
-import './icon-branded/home';
-import './icon-branded/multiple-channels';
-import './icon-branded/rocket';
-import './icon-branded/settings';
-import './icon-branded/user';
-import './icon-branded/users';
+import './icons-branded/barchart-down';
+import './icons-branded/barchart-up';
+import './icons-branded/campaigns';
+import './icons-branded/chatbot';
+import './icons-branded/contact';
+import './icons-branded/home';
+import './icons-branded/multiple-channels';
+import './icons-branded/rocket';
+import './icons-branded/settings';
+import './icons-branded/user';
+import './icons-branded/users';
+import './icons-branded/bell';
+import './icons-channel/telegram';
+import './icons-channel/apple-business-chat';
+import './icons-channel/facebook-messenger';
+import './icons-channel/instagram';
+import './icons-channel/line';
+import './icons-channel/talk';
+import './icons-channel/twitter';
+import './icons-channel/viber';
+import './icons-channel/wechat';
+import './icons-channel/whatsapp';
 import './dialog';
 import './grid';
 import './grid-item';

package/link/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 TSinchLinkElement = HTMLElement & {

package/link/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, updateBooleanAttribute, updateAttribute } from '../utils';
 const templateHTML = '<style>:host{display:inline;outline:0}a{font:var(--sinch-font-body);font-size:inherit;line-height:inherit;color:var(--sinch-color-text-link);fill:var(--sinch-color-text-link)}svg{display:none;transform:translateY(.15em);margin-left:.4em;width:.8em;pointer-events:none}a:hover{color:var(--sinch-color-tropical-600);fill:var(--sinch-color-tropical-600)}:host([disabled]:not([disabled=false])) a{color:var(--sinch-color-tropical-200);pointer-events:none;cursor:initial;fill:var(--sinch-color-tropical-200)}:host([external]:not([external=false])) svg{display:inline-block}</style><a><span></span><svg viewBox="0 0 16 16" aria-hidden="true"><path d="M14.222 14.222H1.778V1.778H8V0H1.778C.79 0 0 .8 0 1.778v12.444C0 15.2.791 16 1.778 16h12.444C15.2 16 16 15.2 16 14.222V8h-1.778v6.222ZM9.778 0v1.778h3.19l-8.737 8.738 1.253 1.253 8.738-8.738v3.191H16V0H9.778Z"/></svg></a>';
 const template = document.createElement('template');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nectary/components",
-  "version": "0.22.0",
+  "version": "0.23.0",
   "files": [
     "theme.css",
     "**/*/*.js",

package/pagination/index.d.ts

@@ -1,5 +1,5 @@
-import '../icon/keyboard-arrow-left';
-import '../icon/keyboard-arrow-right';
+import '../icons/keyboard-arrow-left';
+import '../icons/keyboard-arrow-right';
 import type { TSinchElementReact } from '../types';
 import type { FocusEvent, SyntheticEvent } from 'react';
 export declare type TSinchPaginationElement = HTMLElement & {

package/pagination/index.js

@@ -11,8 +11,8 @@ function _checkPrivateRedeclaration(obj, privateCollection) { if (privateCollect
 
 function _classPrivateMethodGet(receiver, privateSet, fn) { if (!privateSet.has(receiver)) { throw new TypeError("attempted to get private field on non-instance"); } return fn; }
 
-import '../icon/keyboard-arrow-left';
-import '../icon/keyboard-arrow-right';
+import '../icons/keyboard-arrow-left';
+import '../icons/keyboard-arrow-right';
 import { defineCustomElement, updateAttribute, getIntegerAttribute, setClass } from '../utils';
 const templateHTML = '<style>:host{display:inline-block;vertical-align:middle;outline:0}#wrapper{display:flex;justify-content:center;gap:8px;width:100%;box-sizing:border-box}button{all:initial;width:28px;height:28px;box-sizing:border-box;cursor:pointer;text-align:center;contain:strict;--sinch-color-icon:var(--sinch-color-stormy-500)}button:disabled{--sinch-color-icon:var(--sinch-color-stormy-100);cursor:initial}button>*{pointer-events:none}.page{border-radius:50%;font:var(--sinch-font-body);color:var(--sinch-color-stormy-500)}.page.dots>span{display:none}.page.dots::after{content:"..."}.page.active{font:var(--sinch-font-emphasized-body);background-color:var(--sinch-color-snow-600);pointer-events:none;cursor:initial}.page.hidden{display:none}</style><div id="wrapper"><button id="left"><sinch-icon-keyboard-arrow-left></sinch-icon-keyboard-arrow-left></button> <button class="page"><span>1</span></button> <button class="page active"><span>2</span></button> <button class="page"><span>3</span></button> <button class="page"><span>4</span></button> <button class="page"><span>5</span></button> <button class="page dots"><span>6</span></button> <button class="page"><span>20</span></button> <button id="right"><sinch-icon-keyboard-arrow-right></sinch-icon-keyboard-arrow-right></button></div>';
 const NUM_BUTTONS = 7;

package/search/index.d.ts

@@ -1,5 +1,5 @@
-import '../icon/search';
-import '../icon/close';
+import '../icons/search';
+import '../icons/close';
 import '../icon-button';
 import type { TRect, TSinchElementReact } from '../types';
 import type { FocusEvent, SyntheticEvent } from 'react';

package/search/index.js

@@ -14,8 +14,8 @@ function _classPrivateMethodGet(receiver, privateSet, fn) { if (!privateSet.has(
 import { isSearchOptionElement } from '../search-option';
 import { attrValueToPixels, defineCustomElement, getAttribute, getIntegerAttribute, getRect, updateAttribute, updateIntegerAttribute } from '../utils';
 const templateHTML = '<style>:host{display:inline-block;vertical-align:middle;outline:0}#wrapper{position:relative;width:100%;box-sizing:border-box;--sinch-size-icon:24px}#label{display:none;font:var(--sinch-font-title-s);color:var(--sinch-color-text-default);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;height:24px;margin-bottom:2px}#input{all:initial;display:block;border:1px solid var(--sinch-color-stormy-200);box-sizing:border-box;border-radius:4px;width:100%;height:48px;padding:0 44px;padding-right: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)}#input::placeholder{font:var(--sinch-font-body);color:var(--sinch-color-text-muted)}#input:focus{border-color:var(--sinch-color-stormy-600)}#icon-search{position:absolute;left:12px;top:12px;pointer-events:none;--sinch-color-icon:var(--sinch-color-stormy-500)}#clear{position:absolute;right:8px;top:8px;display:none;--sinch-color-icon:red}#clear:focus{--sinch-color-icon:var(--sinch-color-stormy-500)}:host([value]:not([value=""])) #clear{display:flex}:host([value]:not([value=""])) #input{padding-right:44px}#listbox{display:none;position:absolute;z-index:1;left:0;top:calc(100% + 8px);width:100%;box-sizing:border-box;font:var(--sinch-font-body);color:var(--sinch-color-text-default);background-color:var(--sinch-color-snow-100);box-shadow:1px 2px 4px rgba(0,0,0,.15);overflow-y:auto;contain:content}:host([aria-expanded=true]) #listbox{display:block}:host([label]:not([label=""])) #label{display:block}</style><label id="label" for="input"></label><div id="wrapper"><input id="input" type="text"/><sinch-icon-search id="icon-search"></sinch-icon-search><sinch-icon-button id="clear" small><sinch-icon-close id="icon-close" slot="icon"></sinch-icon-close></sinch-icon-button><div id="listbox"><slot name="option"></slot></div></div>';
-import '../icon/search';
-import '../icon/close';
+import '../icons/search';
+import '../icons/close';
 import '../icon-button';
 const ITEM_HEIGHT = 40;
 

package/segment-collapse/index.d.ts

@@ -1,5 +1,5 @@
-import '../icon/expand-less';
-import '../icon/expand-more';
+import '../icons/expand-less';
+import '../icons/expand-more';
 import type { TSinchElementReact } from '../types';
 import type { FocusEvent, SyntheticEvent } from 'react';
 export declare type TSinchSegmentExpandElement = HTMLElement & {

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/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'];