@nectary/components 0.21.0 → 0.23.0

package/icon/subdirectory-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="m5.71 15.71 4.58 4.58c.39.39 1.03.39 1.42 0 .39-.39.39-1.03 0-1.42L8.83 16H19c.55 0 1-.45 1-1V5c0-.55-.45-1-1-1s-1 .45-1 1v9H8.83l2.88-2.87c.39-.39.39-1.03 0-1.42-.39-.39-1.03-.39-1.42 0l-4.58 4.58c-.39.39-.39 1.03 0 1.42Z"/></svg>';
-defineCustomElement('sinch-icon-subdirectory-arrow-left', createIconClass(templateHTML));

package/icon/subdirectory-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="m18.29 15.71-4.58 4.58c-.39.39-1.03.39-1.42 0-.39-.39-.39-1.03 0-1.42L15.17 16H5c-.55 0-1-.45-1-1V5c0-.55.45-1 1-1s1 .45 1 1v9h9.17l-2.88-2.87c-.39-.39-.39-1.03 0-1.42.39-.39 1.03-.39 1.42 0l4.58 4.58c.39.39.39 1.03 0 1.42Z"/></svg>';
-defineCustomElement('sinch-icon-subdirectory-arrow-right', createIconClass(templateHTML));

package/icon/switch-left/index.d.ts

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

package/icon/switch-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="M8.5 8.62v6.76L5.12 12 8.5 8.62Zm-4.79 2.67a.996.996 0 0 0 0 1.41l4.59 4.59c.62.63 1.7.19 1.7-.7V7.41c0-.89-1.08-1.34-1.71-.71l-4.58 4.59ZM14 7.41v9.17c0 .89 1.08 1.34 1.71.71l4.59-4.59a.996.996 0 0 0 0-1.41L15.71 6.7c-.63-.62-1.71-.18-1.71.71Z"/></svg>';
-defineCustomElement('sinch-icon-subdirectory-switch-left', createIconClass(templateHTML));

package/icon/switch-right/index.d.ts

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

package/icon/switch-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"><g clip-path="url(#a)"><path d="M15.5 15.38V8.62L18.88 12l-3.38 3.38Zm4.79-2.67a.996.996 0 0 0 0-1.41L15.7 6.71c-.62-.63-1.7-.19-1.7.7v9.17c0 .89 1.08 1.34 1.71.71l4.58-4.58ZM10 16.59V7.41c0-.89-1.08-1.34-1.71-.71L3.7 11.29a.996.996 0 0 0 0 1.41l4.59 4.59c.63.63 1.71.19 1.71-.7Z" fill="#0A273D"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></svg>';
-defineCustomElement('sinch-icon-subdirectory-switch-right', createIconClass(templateHTML));

package/icon/text-snippet/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.17 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V9.83c0-.53-.21-1.04-.59-1.41l-4.83-4.83c-.37-.38-.88-.59-1.41-.59ZM8 15h8c.55 0 1 .45 1 1s-.45 1-1 1H8c-.55 0-1-.45-1-1s.45-1 1-1Zm0-4h8c.55 0 1 .45 1 1s-.45 1-1 1H8c-.55 0-1-.45-1-1s.45-1 1-1Zm0-4h5c.55 0 1 .45 1 1s-.45 1-1 1H8c-.55 0-1-.45-1-1s.45-1 1-1Z"/></svg>';
-defineCustomElement('sinch-icon-text-snippet', createIconClass(templateHTML));

package/icon/topic/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-7 10H7c-.55 0-1-.45-1-1s.45-1 1-1h6c.55 0 1 .45 1 1s-.45 1-1 1Zm4-4H7c-.55 0-1-.45-1-1s.45-1 1-1h10c.55 0 1 .45 1 1s-.45 1-1 1Z"/></svg>';
-defineCustomElement('sinch-icon-topic', createIconClass(templateHTML));

package/icon/unfold-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="M8.12 19.3c.39.39 1.02.39 1.41 0L12 16.83l2.47 2.47a.996.996 0 1 0 1.41-1.41l-3.17-3.17a.996.996 0 0 0-1.41 0l-3.17 3.17c-.4.38-.4 1.02-.01 1.41Zm7.76-14.6a.996.996 0 0 0-1.41 0L12 7.17 9.53 4.7a.996.996 0 0 0-1.41 0c-.39.39-.39 1.03 0 1.42l3.17 3.17c.39.39 1.02.39 1.41 0l3.17-3.17c.4-.39.4-1.03.01-1.42Z"/></svg>';
-defineCustomElement('sinch-icon-unfold-less', createIconClass(templateHTML));

package/icon/unfold-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="m12 5.83 2.46 2.46a.996.996 0 1 0 1.41-1.41L12.7 3.7a.996.996 0 0 0-1.41 0L8.12 6.88a.996.996 0 1 0 1.41 1.41L12 5.83Zm0 12.34-2.46-2.46a.996.996 0 1 0-1.41 1.41l3.17 3.18c.39.39 1.02.39 1.41 0l3.17-3.17a.996.996 0 1 0-1.41-1.41L12 18.17Z"/></svg>';
-defineCustomElement('sinch-icon-unfold-more', createIconClass(templateHTML));

package/icon/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="M10 16h4c.55 0 1-.45 1-1v-5h1.59c.89 0 1.34-1.08.71-1.71L12.71 3.7a.996.996 0 0 0-1.41 0L6.71 8.29c-.63.63-.19 1.71.7 1.71H9v5c0 .55.45 1 1 1Zm-4 2h12c.55 0 1 .45 1 1s-.45 1-1 1H6c-.55 0-1-.45-1-1s.45-1 1-1Z"/></svg>';
-defineCustomElement('sinch-icon-upload', createIconClass(templateHTML));

package/icon/warning/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.47 21h15.06c1.54 0 2.5-1.67 1.73-3L13.73 4.99c-.77-1.33-2.69-1.33-3.46 0L2.74 18c-.77 1.33.19 3 1.73 3ZM12 14c-.55 0-1-.45-1-1v-2c0-.55.45-1 1-1s1 .45 1 1v2c0 .55-.45 1-1 1Zm1 4h-2v-2h2v2Z"/></svg>';
-defineCustomElement('sinch-icon-warning', createIconClass(templateHTML));

package/icon/warning-amber/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 5.99 19.53 19H4.47L12 5.99ZM2.74 18c-.77 1.33.19 3 1.73 3h15.06c1.54 0 2.5-1.67 1.73-3L13.73 4.99c-.77-1.33-2.69-1.33-3.46 0L2.74 18ZM11 11v2c0 .55.45 1 1 1s1-.45 1-1v-2c0-.55-.45-1-1-1s-1 .45-1 1Zm0 5h2v2h-2v-2Z"/></svg>';
-defineCustomElement('sinch-icon-warning-amber', createIconClass(templateHTML));

package/icon-branded/home/index.d.ts

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

package/icon-branded/rocket/index.d.ts

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

package/icon-branded/settings/index.d.ts

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

package/icon-branded/user/index.d.ts

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

package/icon-branded/user/index.js

@@ -1,4 +0,0 @@
-import { defineCustomElement } from '../../utils';
-import { createIconClass } from '../create-icon-class';
-const templateHTML = '<svg viewBox="0 0 48 48" aria-hidden="true"><path id="accent" fill-rule="evenodd" clip-rule="evenodd" d="M24 13a4 4 0 1 0 0 8 4 4 0 0 0 0-8Zm-6 4a6 6 0 1 1 12 0 6 6 0 0 1-12 0Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M17.724 31.24C16.111 32.705 15 34.929 15 38a1 1 0 1 1-2 0c0-3.596 1.322-6.371 3.378-8.24 2.04-1.854 4.74-2.76 7.425-2.76 5.385 0 10.909 3.675 11.196 10.96a1 1 0 1 1-1.998.08c-.239-6.05-4.715-9.04-9.198-9.04-2.25 0-4.451.76-6.08 2.24Z"/></svg>';
-defineCustomElement('sinch-icon-user', createIconClass(templateHTML));

package/icon-branded/users/index.d.ts

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

package/table-head-sort/index.d.ts

@@ -1,26 +0,0 @@
-import '../icon/north';
-import '../icon/south';
-import type { TSinchElementReact } from '../types';
-import type { FocusEvent, SyntheticEvent } from 'react';
-export declare type TSinchTableHeaderSortElement = HTMLElement & {
-    value: boolean;
-    focus(): void;
-    blur(): void;
-};
-export declare type TSinchTableHeaderSortReact = TSinchElementReact<TSinchTableHeaderSortElement> & {
-    value: boolean;
-    'aria-label': string;
-    onChange: (e: SyntheticEvent<TSinchTableHeaderSortElement, CustomEvent<boolean>>) => void;
-    onFocus?: (e: FocusEvent<TSinchTableHeaderSortElement>) => void;
-    onBlur?: (e: FocusEvent<TSinchTableHeaderSortElement>) => void;
-};
-declare global {
-    namespace JSX {
-        interface IntrinsicElements {
-            'sinch-table-head-sort': TSinchTableHeaderSortReact;
-        }
-    }
-    interface HTMLElementTagNameMap {
-        'sinch-table-head-sort': TSinchTableHeaderSortElement;
-    }
-}

package/table-head-sort/index.js

@@ -1,94 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _classPrivateFieldGet from '@babel/runtime/helpers/classPrivateFieldGet';
-import _classPrivateFieldSet from '@babel/runtime/helpers/classPrivateFieldSet';
-
-var _$input;
-
-function _classPrivateFieldInitSpec(obj, privateMap, value) { _checkPrivateRedeclaration(obj, privateMap); privateMap.set(obj, value); }
-
-function _checkPrivateRedeclaration(obj, privateCollection) { if (privateCollection.has(obj)) { throw new TypeError("Cannot initialize the same private elements twice on an object"); } }
-
-import '../icon/north';
-import '../icon/south';
-import { defineCustomElement, getBooleanAttribute, isAttrTrue, updateBooleanAttribute } from '../utils';
-const templateHTML = '<style>:host{display:contents;--sinch-size-icon:16px}input{all:initial;position:absolute;width:100%;height:100%;box-sizing:border-box;cursor:pointer}#up{display:none}#down{display:block}:host([value]:not([value=false])) #up{display:block}:host([value]:not([value=false])) #down{display:none}</style><sinch-icon-north id="up"></sinch-icon-north><sinch-icon-south id="down"></sinch-icon-south><input type="checkbox"/>';
-const template = document.createElement('template');
-template.innerHTML = templateHTML;
-defineCustomElement('sinch-table-head-sort', (_$input = new WeakMap(), class extends HTMLElement {
-  constructor() {
-    super();
-
-    _classPrivateFieldInitSpec(this, _$input, {
-      writable: true,
-      value: void 0
-    });
-
-    _defineProperty(this, 'onCheckboxInput', e => {
-      e.stopPropagation();
-
-      const isChecked = _classPrivateFieldGet(this, _$input).checked;
-
-      _classPrivateFieldGet(this, _$input).checked = this.value;
-      this.dispatchEvent(new CustomEvent('change', {
-        detail: isChecked,
-        bubbles: true
-      }));
-    });
-
-    const shadowRoot = this.attachShadow({
-      mode: 'closed'
-    });
-    shadowRoot.appendChild(template.content.cloneNode(true));
-
-    _classPrivateFieldSet(this, _$input, shadowRoot.querySelector('input'));
-  }
-
-  connectedCallback() {
-    this.setAttribute('role', 'checkbox');
-
-    _classPrivateFieldGet(this, _$input).addEventListener('input', this.onCheckboxInput);
-  }
-
-  disconnectedCallback() {
-    _classPrivateFieldGet(this, _$input).removeEventListener('input', this.onCheckboxInput);
-  }
-
-  get type() {
-    return 'text';
-  }
-
-  get nodeName() {
-    return 'input';
-  }
-
-  static get observedAttributes() {
-    return ['value'];
-  }
-
-  attributeChangedCallback(name, _, newVal) {
-    switch (name) {
-      case 'value':
-        {
-          _classPrivateFieldGet(this, _$input).checked = isAttrTrue(newVal);
-          break;
-        }
-    }
-  }
-
-  set value(isChecked) {
-    updateBooleanAttribute(this, 'value', isChecked);
-  }
-
-  get value() {
-    return getBooleanAttribute(this, 'value');
-  }
-
-  focus() {
-    _classPrivateFieldGet(this, _$input).focus();
-  }
-
-  blur() {
-    _classPrivateFieldGet(this, _$input).blur();
-  }
-
-}));