@nectary/components 0.39.0 → 0.41.0

package/dropdown-text-option/index.js

@@ -1,104 +0,0 @@
-import _classPrivateFieldGet from '@babel/runtime/helpers/classPrivateFieldGet';
-import _classPrivateFieldSet from '@babel/runtime/helpers/classPrivateFieldSet';
-
-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 '../icons/check';
-import { defineCustomElement, getAttribute, getBooleanAttribute, isAttrTrue, NectaryElement, updateAttribute, updateBooleanAttribute, updateExplicitBooleanAttribute } from '../utils';
-const templateHTML = '<style>:host{display:block}#wrapper{display:flex;position:relative;box-sizing:border-box;height:40px;padding:8px 16px;align-items:center;gap:10px;user-select:none;cursor:pointer;--sinch-color-icon:var(--sinch-color-stormy-500);--sinch-size-icon:24px}#content{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host(:hover)>#wrapper,:host([data-selected])>#wrapper{background-color:var(--sinch-color-snow-500)}#check{display:none;margin-right:-6px}:host([data-checked]) #check{display:block}:host([disabled]:not([disabled=false]))>#wrapper{color:var(--sinch-color-stormy-100);cursor:initial;--sinch-color-icon:var(--sinch-color-stormy-100)}::slotted(*){margin-left:-6px}</style><div id="wrapper"><slot name="icon"></slot><span id="content"></span><sinch-icon-check id="check"></sinch-icon-check></div>';
-const template = document.createElement('template');
-template.innerHTML = templateHTML;
-
-var _$iconSlot = new WeakMap();
-
-var _$content = new WeakMap();
-
-export class DropdownTextOption extends NectaryElement {
-  constructor() {
-    super();
-
-    _classPrivateFieldInitSpec(this, _$iconSlot, {
-      writable: true,
-      value: void 0
-    });
-
-    _classPrivateFieldInitSpec(this, _$content, {
-      writable: true,
-      value: void 0
-    });
-
-    const shadowRoot = this.attachShadow();
-    shadowRoot.appendChild(template.content.cloneNode(true));
-
-    _classPrivateFieldSet(this, _$iconSlot, shadowRoot.querySelector('slot'));
-
-    _classPrivateFieldSet(this, _$content, shadowRoot.querySelector('#content'));
-  }
-
-  connectedCallback() {
-    this.setAttribute('role', 'option');
-  }
-
-  static get observedAttributes() {
-    return ['text', 'checked'];
-  }
-
-  attributeChangedCallback(name, oldVal, newVal) {
-    if (oldVal === newVal) {
-      return;
-    }
-
-    switch (name) {
-      case 'text':
-        {
-          _classPrivateFieldGet(this, _$content).textContent = newVal;
-          break;
-        }
-
-      case 'checked':
-        {
-          updateExplicitBooleanAttribute(this, 'aria-selected', isAttrTrue(newVal));
-        }
-    }
-  }
-
-  set value(value) {
-    updateAttribute(this, 'value', value);
-  }
-
-  get value() {
-    return getAttribute(this, 'value', '');
-  }
-
-  set text(value) {
-    updateAttribute(this, 'text', value);
-  }
-
-  get text() {
-    return getAttribute(this, 'text', '');
-  }
-
-  set disabled(isDisabled) {
-    updateBooleanAttribute(this, 'disabled', isDisabled);
-  }
-
-  get disabled() {
-    return getBooleanAttribute(this, 'disabled');
-  }
-
-  set checked(isChecked) {
-    updateBooleanAttribute(this, 'checked', isChecked);
-  }
-
-  get checked() {
-    return getBooleanAttribute(this, 'checked');
-  }
-
-  get icon() {
-    return _classPrivateFieldGet(this, _$iconSlot).assignedElements()[0] ?? null;
-  }
-
-}
-defineCustomElement('sinch-dropdown-text-option', DropdownTextOption);

package/dropdown-text-option/types.d.ts

@@ -1,16 +0,0 @@
-import type { TSinchElementReact } from '../types';
-export declare type TSinchDropdownTextOptionElement = HTMLElement & {
-    value: string;
-    text: string;
-    disabled: boolean;
-    readonly icon: Element | null;
-    setAttribute(name: 'value', value: string): void;
-    setAttribute(name: 'text', value: string): void;
-    setAttribute(name: 'disabled', value: ''): void;
-};
-export declare type TSinchDropdownTextOptionReact = TSinchElementReact<TSinchDropdownTextOptionElement> & {
-    value: string;
-    text: string;
-    disabled?: boolean;
-    'aria-label': string;
-};

package/select/index.d.ts

@@ -1,13 +0,0 @@
-import '../dropdown';
-import '../icons/keyboard-arrow-down';
-import type { TSinchSelectElement, TSinchSelectReact } from './types';
-declare global {
-    namespace JSX {
-        interface IntrinsicElements {
-            'sinch-select': TSinchSelectReact;
-        }
-    }
-    interface HTMLElementTagNameMap {
-        'sinch-select': TSinchSelectElement;
-    }
-}

package/select/index.js

@@ -1,316 +0,0 @@
-import _classPrivateFieldGet from '@babel/runtime/helpers/classPrivateFieldGet';
-import _classPrivateFieldSet from '@babel/runtime/helpers/classPrivateFieldSet';
-
-var _$button, _$buttonContent, _$dropdown, _$optionSlot, _$sh, _createElement, _updateButtonContent, _onValueChange, _getOptionWithValue, _onDropdownClick, _onDropdownClose, _onButtonFocus, _onButtonBlur, _onChangeReactHandler, _onFocusReactHandler, _onBlurReactHandler;
-
-function _classPrivateMethodInitSpec(obj, privateSet) { _checkPrivateRedeclaration(obj, privateSet); privateSet.add(obj); }
-
-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"); } }
-
-function _classPrivateMethodGet(receiver, privateSet, fn) { if (!privateSet.has(receiver)) { throw new TypeError("attempted to get private field on non-instance"); } return fn; }
-
-import '../dropdown';
-import '../icons/keyboard-arrow-down';
-import { defineCustomElement, getAttribute, getBooleanAttribute, getIntegerAttribute, getReactEventHandler, isAttrTrue, NectaryElement, updateAttribute, updateBooleanAttribute, updateExplicitBooleanAttribute, updateIntegerAttribute } from '../utils';
-const templateHTML = '<style>:host{display:inline-block;vertical-align:middle}#dropdown{display:block;width:100%}#button{all:initial;display:flex;align-items:center;gap:8px;border:1px solid var(--sinch-color-stormy-200);border-radius:var(--sinch-shape-radius-s);box-sizing:border-box;width:100%;height:48px;padding:0 12px;font:var(--sinch-font-body);color:var(--sinch-color-text-default);background-color:var(--sinch-color-snow-100);cursor:pointer;--sinch-color-icon:var(--sinch-color-stormy-500);--sinch-size-icon:24px}#button:focus{border-color:var(--sinch-color-stormy-600)}#dropdown-icon{fill:var(--sinch-color-stormy-500)}#button>*{pointer-events:none}#button[data-unselected]{color:var(--sinch-color-text-muted)}#button:disabled{border-color:var(--sinch-color-snow-500);color:var(--sinch-color-stormy-100);cursor:initial}#button:disabled #dropdown-icon{fill:var(--sinch-color-stormy-100)}:host([invalid]:not([invalid=false])) #button:enabled{border-color:var(--sinch-color-text-invalid)}#content{flex:1;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}:host([disabled]:not([disabled=false])) #button{--sinch-color-icon:var(--sinch-color-stormy-100)}</style><sinch-dropdown id="dropdown" orientation="bottom"><button slot="target" id="button"><span id="content"></span><sinch-icon-keyboard-arrow-down id="dropdown-icon"></sinch-icon-keyboard-arrow-down></button><slot name="option" slot="option"></slot></sinch-dropdown>';
-const template = document.createElement('template');
-template.innerHTML = templateHTML;
-defineCustomElement('sinch-select', (_$button = new WeakMap(), _$buttonContent = new WeakMap(), _$dropdown = new WeakMap(), _$optionSlot = new WeakMap(), _$sh = new WeakMap(), _createElement = new WeakSet(), _updateButtonContent = new WeakSet(), _onValueChange = new WeakMap(), _getOptionWithValue = new WeakSet(), _onDropdownClick = new WeakMap(), _onDropdownClose = new WeakMap(), _onButtonFocus = new WeakMap(), _onButtonBlur = new WeakMap(), _onChangeReactHandler = new WeakMap(), _onFocusReactHandler = new WeakMap(), _onBlurReactHandler = new WeakMap(), class extends NectaryElement {
-  constructor() {
-    super();
-
-    _classPrivateMethodInitSpec(this, _getOptionWithValue);
-
-    _classPrivateMethodInitSpec(this, _updateButtonContent);
-
-    _classPrivateMethodInitSpec(this, _createElement);
-
-    _classPrivateFieldInitSpec(this, _$button, {
-      writable: true,
-      value: void 0
-    });
-
-    _classPrivateFieldInitSpec(this, _$buttonContent, {
-      writable: true,
-      value: void 0
-    });
-
-    _classPrivateFieldInitSpec(this, _$dropdown, {
-      writable: true,
-      value: void 0
-    });
-
-    _classPrivateFieldInitSpec(this, _$optionSlot, {
-      writable: true,
-      value: void 0
-    });
-
-    _classPrivateFieldInitSpec(this, _$sh, {
-      writable: true,
-      value: void 0
-    });
-
-    _classPrivateFieldInitSpec(this, _onValueChange, {
-      writable: true,
-      value: e => {
-        const detail = e.detail;
-        _classPrivateFieldGet(this, _$dropdown).open = false;
-        this.dispatchEvent(new CustomEvent('change', {
-          detail,
-          bubbles: true
-        }));
-        this.dispatchEvent(new CustomEvent('-change', {
-          detail
-        }));
-      }
-    });
-
-    _classPrivateFieldInitSpec(this, _onDropdownClick, {
-      writable: true,
-      value: () => {
-        _classPrivateFieldGet(this, _$dropdown).open = true;
-      }
-    });
-
-    _classPrivateFieldInitSpec(this, _onDropdownClose, {
-      writable: true,
-      value: () => {
-        _classPrivateFieldGet(this, _$dropdown).open = false;
-      }
-    });
-
-    _classPrivateFieldInitSpec(this, _onButtonFocus, {
-      writable: true,
-      value: () => {
-        this.dispatchEvent(new CustomEvent('-focus'));
-      }
-    });
-
-    _classPrivateFieldInitSpec(this, _onButtonBlur, {
-      writable: true,
-      value: () => {
-        this.dispatchEvent(new CustomEvent('-blur'));
-      }
-    });
-
-    _classPrivateFieldInitSpec(this, _onChangeReactHandler, {
-      writable: true,
-      value: e => {
-        getReactEventHandler(this, 'on-change')?.(e);
-      }
-    });
-
-    _classPrivateFieldInitSpec(this, _onFocusReactHandler, {
-      writable: true,
-      value: () => {
-        getReactEventHandler(this, 'on-focus')?.();
-      }
-    });
-
-    _classPrivateFieldInitSpec(this, _onBlurReactHandler, {
-      writable: true,
-      value: () => {
-        getReactEventHandler(this, 'on-blur')?.();
-      }
-    });
-
-    const shadowRoot = this.attachShadow();
-    shadowRoot.appendChild(template.content.cloneNode(true));
-
-    _classPrivateFieldSet(this, _$sh, shadowRoot);
-
-    _classPrivateFieldSet(this, _$button, shadowRoot.querySelector('#button'));
-
-    _classPrivateFieldSet(this, _$buttonContent, shadowRoot.querySelector('#content'));
-
-    _classPrivateFieldSet(this, _$dropdown, shadowRoot.querySelector('#dropdown'));
-
-    _classPrivateFieldSet(this, _$optionSlot, shadowRoot.querySelector('slot[name="option"]'));
-  }
-
-  connectedCallback() {
-    this.setAttribute('role', 'listbox');
-    this.setAttribute('aria-haspopup', 'listbox');
-
-    _classPrivateFieldGet(this, _$dropdown).addEventListener('-change', _classPrivateFieldGet(this, _onValueChange));
-
-    _classPrivateFieldGet(this, _$dropdown).addEventListener('-close', _classPrivateFieldGet(this, _onDropdownClose));
-
-    _classPrivateFieldGet(this, _$button).addEventListener('click', _classPrivateFieldGet(this, _onDropdownClick));
-
-    _classPrivateFieldGet(this, _$button).addEventListener('focus', _classPrivateFieldGet(this, _onButtonFocus));
-
-    _classPrivateFieldGet(this, _$button).addEventListener('blur', _classPrivateFieldGet(this, _onButtonBlur));
-
-    this.addEventListener('-change', _classPrivateFieldGet(this, _onChangeReactHandler));
-    this.addEventListener('-focus', _classPrivateFieldGet(this, _onFocusReactHandler));
-    this.addEventListener('-blur', _classPrivateFieldGet(this, _onBlurReactHandler));
-  }
-
-  disconnectedCallback() {
-    _classPrivateFieldGet(this, _$dropdown).removeEventListener('-change', _classPrivateFieldGet(this, _onValueChange));
-
-    _classPrivateFieldGet(this, _$dropdown).removeEventListener('-close', _classPrivateFieldGet(this, _onDropdownClose));
-
-    _classPrivateFieldGet(this, _$button).removeEventListener('click', _classPrivateFieldGet(this, _onDropdownClick));
-
-    _classPrivateFieldGet(this, _$button).removeEventListener('focus', _classPrivateFieldGet(this, _onButtonFocus));
-
-    _classPrivateFieldGet(this, _$button).removeEventListener('blur', _classPrivateFieldGet(this, _onButtonBlur));
-
-    this.removeEventListener('-change', _classPrivateFieldGet(this, _onChangeReactHandler));
-    this.removeEventListener('-focus', _classPrivateFieldGet(this, _onFocusReactHandler));
-    this.removeEventListener('-blur', _classPrivateFieldGet(this, _onBlurReactHandler));
-  }
-
-  static get observedAttributes() {
-    return ['value', 'placeholder', 'invalid', 'disabled', 'maxvisibleitems'];
-  }
-
-  get nodeName() {
-    return 'select';
-  }
-
-  set value(value) {
-    updateAttribute(this, 'value', value);
-  }
-
-  get value() {
-    return getAttribute(this, 'value', '');
-  }
-
-  set placeholder(value) {
-    updateAttribute(this, 'placeholder', value);
-  }
-
-  get placeholder() {
-    return getAttribute(this, 'placeholder', null);
-  }
-
-  set invalid(value) {
-    updateBooleanAttribute(this, 'invalid', value);
-  }
-
-  get invalid() {
-    return getBooleanAttribute(this, 'invalid');
-  }
-
-  set disabled(isDisabled) {
-    updateBooleanAttribute(this, 'disabled', isDisabled);
-  }
-
-  get disabled() {
-    return getBooleanAttribute(this, 'disabled');
-  }
-
-  set maxVisibleItems(value) {
-    updateIntegerAttribute(this, 'maxvisibleitems', value);
-  }
-
-  get maxVisibleItems() {
-    return getIntegerAttribute(this, 'maxvisibleitems', null);
-  }
-
-  get dropdownRect() {
-    return _classPrivateFieldGet(this, _$dropdown).dropdownRect;
-  }
-
-  attributeChangedCallback(name, oldVal, newVal) {
-    if (newVal === oldVal) {
-      return;
-    }
-
-    switch (name) {
-      case 'value':
-        {
-          updateAttribute(_classPrivateFieldGet(this, _$dropdown), 'value', newVal);
-
-          _classPrivateMethodGet(this, _updateButtonContent, _updateButtonContent2).call(this);
-
-          break;
-        }
-
-      case 'placeholder':
-        {
-          updateAttribute(this, 'role-description', newVal);
-
-          _classPrivateMethodGet(this, _updateButtonContent, _updateButtonContent2).call(this);
-
-          break;
-        }
-
-      case 'invalid':
-        {
-          updateExplicitBooleanAttribute(this, 'aria-invalid', isAttrTrue(newVal));
-          break;
-        }
-
-      case 'disabled':
-        {
-          const isDisabled = isAttrTrue(newVal);
-          updateBooleanAttribute(_classPrivateFieldGet(this, _$dropdown), 'disabled', isDisabled);
-          updateBooleanAttribute(this, 'disabled', isDisabled);
-          _classPrivateFieldGet(this, _$button).disabled = isDisabled;
-          break;
-        }
-
-      case 'maxvisibleitems':
-        {
-          updateAttribute(_classPrivateFieldGet(this, _$dropdown), 'maxvisibleitems', newVal);
-          break;
-        }
-    }
-  }
-
-  focus() {
-    _classPrivateFieldGet(this, _$dropdown).focus();
-  }
-
-  blur() {
-    _classPrivateFieldGet(this, _$dropdown).blur();
-  }
-
-}));
-
-function _createElement2(name) {
-  if (Reflect.has(_classPrivateFieldGet(this, _$sh), 'createElement')) {
-    return _classPrivateFieldGet(this, _$sh).createElement(name);
-  }
-
-  return document.createElement(name);
-}
-
-function _updateButtonContent2() {
-  if (_classPrivateFieldGet(this, _$button).firstElementChild !== _classPrivateFieldGet(this, _$buttonContent)) {
-    _classPrivateFieldGet(this, _$button).removeChild(_classPrivateFieldGet(this, _$button).firstElementChild);
-  }
-
-  const $option = _classPrivateMethodGet(this, _getOptionWithValue, _getOptionWithValue2).call(this, this.value);
-
-  if ($option == null) {
-    _classPrivateFieldGet(this, _$button).setAttribute('data-unselected', '');
-
-    _classPrivateFieldGet(this, _$buttonContent).textContent = this.placeholder ?? '';
-  } else {
-    _classPrivateFieldGet(this, _$button).removeAttribute('data-unselected');
-
-    _classPrivateFieldGet(this, _$buttonContent).textContent = getAttribute($option, 'text', null);
-    const $icon = $option.icon;
-
-    if ($icon != null) {
-      _classPrivateFieldGet(this, _$button).prepend(_classPrivateMethodGet(this, _createElement, _createElement2).call(this, $icon.tagName.toLowerCase()));
-    }
-  }
-}
-
-function _getOptionWithValue2(value) {
-  for (const $option of _classPrivateFieldGet(this, _$optionSlot).assignedElements()) {
-    if ($option.disabled !== true && $option.value === value) {
-      return $option;
-    }
-  }
-
-  return null;
-}

package/select/types.d.ts

@@ -1,53 +0,0 @@
-import type { TRect, TSinchElementReact } from '../types';
-import type { SyntheticEvent } from 'react';
-export declare type TSinchSelectElement = HTMLElement & {
-    /** Value that matches one of the options `value` */
-    value: string;
-    /** Text that appears when it has no value set */
-    placeholder: string | null;
-    /** Invalid state */
-    invalid: boolean;
-    /** Disabled */
-    disabled: boolean;
-    /** Number of visible at the same time options in the list */
-    maxVisibleItems: number | null;
-    readonly dropdownRect: TRect;
-    /** Change value event */
-    addEventListener(type: '-change', listener: (e: CustomEvent<string>) => void): void;
-    /** Focus event */
-    addEventListener(type: '-focus', listener: (e: CustomEvent<void>) => void): void;
-    /** Blur event */
-    addEventListener(type: '-blur', listener: (e: CustomEvent<void>) => void): void;
-    /** Value that matches one of the options `value` */
-    setAttribute(name: 'value', value: string): void;
-    /** Text that appears when it has no value set */
-    setAttribute(name: 'placeholder', value: string): void;
-    /** Invalid state */
-    setAttribute(name: 'invalid', value: ''): void;
-    /** Disabled */
-    setAttribute(name: 'disabled', value: ''): void;
-    /** Number of visible at the same time options in the list */
-    setAttribute(name: 'maxvisibleitems', value: string): void;
-};
-export declare type TSinchSelectReact = TSinchElementReact<TSinchSelectElement> & {
-    /** Value that matches one of the options `value` */
-    value: string;
-    /** Label that is used for a11y – might be different from `label` */
-    'aria-label': string;
-    /** Text that appears when it has no value set */
-    placeholder?: string;
-    /** Invalid state */
-    invalid?: boolean;
-    /** Disabled */
-    disabled?: boolean;
-    /** Number of visible at the same time options in the list */
-    maxVisibleItems?: number;
-    /** @deprecated Change value handler */
-    onChange?: (e: SyntheticEvent<TSinchSelectElement, CustomEvent<string>>) => void;
-    /** Change value handler */
-    'on-change'?: (e: CustomEvent<string>) => void;
-    /** Focus handler */
-    'on-focus'?: (e: CustomEvent<void>) => void;
-    /** Blur handler */
-    'on-blur'?: (e: CustomEvent<void>) => void;
-};

package/select-option/index.d.ts

@@ -1,11 +0,0 @@
-import type { TSinchSelectOptionElement, TSinchSelectOptionReact } from './types';
-declare global {
-    namespace JSX {
-        interface IntrinsicElements {
-            'sinch-select-option': TSinchSelectOptionReact;
-        }
-    }
-    interface HTMLElementTagNameMap {
-        'sinch-select-option': TSinchSelectOptionElement;
-    }
-}

package/select-option/index.js

@@ -1,8 +0,0 @@
-import { DropdownTextOption } from '../dropdown-text-option';
-import { defineCustomElement } from '../utils';
-defineCustomElement('sinch-select-option', class extends DropdownTextOption {
-  constructor() {
-    super();
-  }
-
-});

package/tag/utils.d.ts

@@ -1,5 +0,0 @@
-import type { TSinchTagCategory } from './types';
-export declare const categoryValues: readonly TSinchTagCategory[];
-declare type TAssertCategory = (value: string | null) => asserts value is TSinchTagCategory;
-export declare const assertCategoryValue: TAssertCategory;
-export {};

package/tag/utils.js

@@ -1,6 +0,0 @@
-export const categoryValues = ['candy', 'bolt', 'aqua', 'grass', 'berry', 'orange', 'night', 'mud', 'dirt'];
-export const assertCategoryValue = value => {
-  if (value === null || !categoryValues.includes(value)) {
-    throw new Error(`sinch-tag: invalid category attribute: ${value}`);
-  }
-};

package/tag-close/index.d.ts

@@ -1,12 +0,0 @@
-import '../icons/cancel';
-import type { TSinchTagCloseElement, TSinchTagCloseReact } from './types';
-declare global {
-    namespace JSX {
-        interface IntrinsicElements {
-            'sinch-tag-close': TSinchTagCloseReact;
-        }
-    }
-    interface HTMLElementTagNameMap {
-        'sinch-tag-close': TSinchTagCloseElement;
-    }
-}

package/tag-close/index.js

@@ -1,42 +0,0 @@
-import _classPrivateFieldGet from '@babel/runtime/helpers/classPrivateFieldGet';
-import _classPrivateFieldSet from '@babel/runtime/helpers/classPrivateFieldSet';
-
-var _$button;
-
-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 '../icons/cancel';
-import { defineCustomElement, NectaryElement } 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><sinch-icon-cancel></sinch-icon-cancel></button></div>';
-const template = document.createElement('template');
-template.innerHTML = templateHTML;
-defineCustomElement('sinch-tag-close', (_$button = new WeakMap(), class extends NectaryElement {
-  constructor() {
-    super();
-
-    _classPrivateFieldInitSpec(this, _$button, {
-      writable: true,
-      value: void 0
-    });
-
-    const shadowRoot = this.attachShadow();
-    shadowRoot.appendChild(template.content.cloneNode(true));
-
-    _classPrivateFieldSet(this, _$button, shadowRoot.querySelector('button'));
-  }
-
-  connectedCallback() {
-    this.setAttribute('role', 'button');
-  }
-
-  focus() {
-    _classPrivateFieldGet(this, _$button).focus();
-  }
-
-  blur() {
-    _classPrivateFieldGet(this, _$button).blur();
-  }
-
-}));

package/tag-close/types.d.ts

@@ -1,5 +0,0 @@
-import type { TSinchElementReact } from '../types';
-export declare type TSinchTagCloseElement = HTMLElement;
-export declare type TSinchTagCloseReact = TSinchElementReact<TSinchTagCloseElement> & {
-    'aria-label': string;
-};