@nectary/components 3.3.1 → 3.3.3

package/lib/esm/emoji-picker/index.d.ts

@@ -1,21 +0,0 @@
-import '../input';
-import '../color-swatch';
-import '../color-menu';
-import '../color-menu-option';
-import '../popover';
-import '../tabs';
-import '../tabs-icon-option';
-import '../emoji';
-import '../text';
-import '../icon';
-import type { TSinchEmojiPickerElement, TSinchEmojiPickerReact } from './types';
-declare global {
-    namespace JSX {
-        interface IntrinsicElements {
-            'sinch-emoji-picker': TSinchEmojiPickerReact;
-        }
-    }
-    interface HTMLElementTagNameMap {
-        'sinch-emoji-picker': TSinchEmojiPickerElement;
-    }
-}

package/lib/esm/emoji-picker/types.d.ts

@@ -1,26 +0,0 @@
-import type { TRect, TSinchElementReact } from '../types';
-export type TEmoji = {
-    emoji: string;
-    code: string;
-    label: string;
-    skins?: TEmoji[];
-    tone: number | number[];
-};
-export type TEmojiGroup = {
-    name: string;
-    emojis: TEmoji[];
-};
-export type TSinchEmojiPickerElement = HTMLElement & {
-    readonly skinToneButtonRect: TRect;
-    readonly searchInputRect: TRect;
-    readonly searchClearButtonRect: TRect;
-    nthSkinToneRect(index: number): TRect | null;
-    nthTabRect(index: number): TRect | null;
-    nthEmojiRect(index: number): TRect | null;
-    /** Change value event */
-    addEventListener(type: '-change', listener: (e: CustomEvent<string>) => void): void;
-};
-export type TSinchEmojiPickerReact = TSinchElementReact<TSinchEmojiPickerElement> & {
-    /** Change value handler */
-    'on-change': (e: CustomEvent<string>) => void;
-};

package/lib/esm/field/index.d.ts

@@ -1,11 +0,0 @@
-import type { TSinchFieldElement, TSinchFieldReact } from './types';
-declare global {
-    namespace JSX {
-        interface IntrinsicElements {
-            'sinch-field': TSinchFieldReact;
-        }
-    }
-    interface HTMLElementTagNameMap {
-        'sinch-field': TSinchFieldElement;
-    }
-}

package/lib/esm/field/types.d.ts

@@ -1,35 +0,0 @@
-import type { TSinchElementReact } from '../types';
-export type TSinchFieldElement = HTMLElement & {
-    /** Label */
-    label: string | null;
-    /** Optional text */
-    optionalText: string | null;
-    /** Additional text */
-    additionalText: string | null;
-    /** Invalid text, controls the overall invalid state of the text field */
-    invalidText: string | null;
-    /** Disabled */
-    disabled: boolean;
-    /** Label */
-    setAttribute(name: 'label', value: string): void;
-    /** Optional text */
-    setAttribute(name: 'optionaltext', value: string): void;
-    /** Additional text */
-    setAttribute(name: 'additionaltext', value: string): void;
-    /** Invalid text, controls the overall invalid state of the text field */
-    setAttribute(name: 'invalidtext', value: string): void;
-    /** Disabled */
-    setAttribute(name: 'disabled', value: ''): void;
-};
-export type TSinchFieldReact = TSinchElementReact<TSinchFieldElement> & {
-    /** Label that shows in UI */
-    label?: string;
-    /** Optional text */
-    optionalText?: string;
-    /** Additional text */
-    additionalText?: string;
-    /** Invalid text, controls the overall invalid state of the text field */
-    invalidText?: string;
-    /** Disabled */
-    disabled?: boolean;
-};

package/lib/esm/file-drop/index.d.ts

@@ -1,13 +0,0 @@
-import '../text';
-import '../file-picker';
-import type { TSinchFileDropElement, TSinchFileDropReact } from './types';
-declare global {
-    namespace JSX {
-        interface IntrinsicElements {
-            'sinch-file-drop': TSinchFileDropReact;
-        }
-    }
-    interface HTMLElementTagNameMap {
-        'sinch-file-drop': TSinchFileDropElement;
-    }
-}

package/lib/esm/file-drop/types.d.ts

@@ -1,50 +0,0 @@
-import type { TSinchElementReact } from '../types';
-export type TSinchFileDropInvalidType = 'accept' | 'multiple' | 'size';
-export type TSinchFileDropElement = HTMLElement & {
-    /** Allows to choose multiple files */
-    multiple: boolean;
-    /** [A unique file type specifier](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file#unique_file_type_specifiers) */
-    accept: string | null;
-    /** Max file size in bytes */
-    size: number | null;
-    /** Disabled state */
-    disabled: boolean;
-    /** Invalid state */
-    invalid: boolean;
-    /** Placeholder */
-    placeholder: string;
-    /** Change value event */
-    addEventListener(type: '-change', listener: (e: CustomEvent<File[]>) => void): void;
-    /** Invalid event */
-    addEventListener(type: '-invalid', listener: (e: CustomEvent<TSinchFileDropInvalidType>) => void): void;
-    /** Allows to choose multiple files */
-    setAttribute(name: 'multiple', value: ''): void;
-    /** [A unique file type specifier](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file#unique_file_type_specifiers) */
-    setAttribute(name: 'accept', value: string): void;
-    /** Max file size in bytes */
-    setAttribute(name: 'size', value: string): void;
-    /** Placeholder */
-    setAttribute(name: 'placeholder', value: string): void;
-    /** Invalid state */
-    setAttribute(name: 'invalid', value: ''): void;
-    /** Disabled state */
-    setAttribute(name: 'disabled', value: ''): void;
-};
-export type TSinchFileDropReact = TSinchElementReact<TSinchFileDropElement> & {
-    /** Allows to choose multiple files */
-    multiple?: boolean;
-    /** [A unique file type specifier](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file#unique_file_type_specifiers) */
-    accept?: string;
-    /** Max file size in bytes */
-    size?: number;
-    /** Disabled state */
-    disabled?: boolean;
-    /** Invalid state */
-    invalid?: boolean;
-    /** Placeholder */
-    placeholder: string;
-    /** Change value handler */
-    'on-change': (e: CustomEvent<File[]>) => void;
-    /** Invalid handler */
-    'on-invalid': (e: CustomEvent<TSinchFileDropInvalidType>) => void;
-};

package/lib/esm/file-drop/utils.d.ts

@@ -1,2 +0,0 @@
-export declare const areFilesAccepted: (files: File[], accept: string | null) => boolean;
-export declare const doFilesSatisfySize: (files: File[], size: number | null) => boolean;

package/lib/esm/file-picker/index.d.ts

@@ -1,11 +0,0 @@
-import type { TSinchFilePickerElement, TSinchFilePickerReact } from './types';
-declare global {
-    namespace JSX {
-        interface IntrinsicElements {
-            'sinch-file-picker': TSinchFilePickerReact;
-        }
-    }
-    interface HTMLElementTagNameMap {
-        'sinch-file-picker': TSinchFilePickerElement;
-    }
-}

package/lib/esm/file-picker/types.d.ts

@@ -1,32 +0,0 @@
-import type { TSinchElementReact } from '../types';
-export type TSinchFilePickerInvalidType = 'size';
-export type TSinchFilePickerElement = HTMLElement & {
-    /** Allows to choose multiple files */
-    multiple: boolean;
-    /** [A unique file type specifier](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file#unique_file_type_specifiers) */
-    accept: string | null;
-    /** Max file size in bytes */
-    size: number | null;
-    /** Change value event */
-    addEventListener(type: '-change', listener: (e: CustomEvent<File[]>) => void): void;
-    /** Invalid event */
-    addEventListener(type: '-invalid', listener: (e: CustomEvent<TSinchFilePickerInvalidType>) => void): void;
-    /** Allows to choose multiple files */
-    setAttribute(name: 'multiple', value: ''): void;
-    /** [A unique file type specifier](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file#unique_file_type_specifiers) */
-    setAttribute(name: 'accept', value: string): void;
-    /** Max file size in bytes */
-    setAttribute(name: 'size', value: string): void;
-};
-export type TSinchFilePickerReact = TSinchElementReact<TSinchFilePickerElement> & {
-    /** Allows to choose multiple files */
-    multiple?: boolean;
-    /** [A unique file type specifier](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file#unique_file_type_specifiers) */
-    accept?: string;
-    /** Max file size in bytes */
-    size?: number;
-    /** Change value handler */
-    'on-change': (e: CustomEvent<File[]>) => void;
-    /** Invalid handler */
-    'on-invalid': (e: CustomEvent<TSinchFilePickerInvalidType>) => void;
-};

package/lib/esm/file-picker/utils.d.ts

@@ -1 +0,0 @@
-export declare const doFilesSatisfySize: (files: File[], size: number | null) => boolean;

package/lib/esm/file-status/index.d.ts

@@ -1,14 +0,0 @@
-import '../spinner';
-import '../icon';
-import '../text';
-import type { TSinchFileStatusElement, TSinchFileStatusReact } from './types';
-declare global {
-    namespace JSX {
-        interface IntrinsicElements {
-            'sinch-file-status': TSinchFileStatusReact;
-        }
-    }
-    interface HTMLElementTagNameMap {
-        'sinch-file-status': TSinchFileStatusElement;
-    }
-}

package/lib/esm/file-status/types.d.ts

@@ -1,18 +0,0 @@
-import type { TSinchElementReact } from '../types';
-export type TSinchFileStatusType = 'pending' | 'loading' | 'progress' | 'success' | 'error';
-export type TSinchFileStatusElement = HTMLElement & {
-    /** File status type */
-    type: TSinchFileStatusType;
-    /** File name */
-    filename: string;
-    /** File status type */
-    setAttribute(name: 'type', value: TSinchFileStatusType): void;
-    /** File name */
-    setAttribute(name: 'filename', value: string): void;
-};
-export type TSinchFileStatusReact = TSinchElementReact<TSinchFileStatusElement> & {
-    /** File status type */
-    type: TSinchFileStatusType;
-    /** File name */
-    filename: string;
-};

package/lib/esm/file-status/utils.d.ts

@@ -1,2 +0,0 @@
-import type { TSinchFileStatusType } from './types';
-export declare const typeValues: readonly TSinchFileStatusType[];

package/lib/esm/flag/index.d.ts

@@ -1,11 +0,0 @@
-import type { TSinchFlagElement, TSinchFlagReact } from './types';
-declare global {
-    namespace JSX {
-        interface IntrinsicElements {
-            'sinch-flag': TSinchFlagReact;
-        }
-    }
-    interface HTMLElementTagNameMap {
-        'sinch-flag': TSinchFlagElement;
-    }
-}

package/lib/esm/flag/types.d.ts

@@ -1,11 +0,0 @@
-import type { TSinchElementReact } from '../types';
-export type TSinchFlagElement = HTMLElement & {
-    /** Flag country code */
-    code: string;
-    /** Flag country code */
-    setAttribute(code: 'name', value: string): void;
-};
-export type TSinchFlagReact = TSinchElementReact<TSinchFlagElement> & {
-    /** Flag country code */
-    code: string;
-};

package/lib/esm/flag/utils.d.ts

@@ -1 +0,0 @@
-export declare const getFlagUrl: (root: Element, code: string | null) => string;

package/lib/esm/grid/index.d.ts

@@ -1,11 +0,0 @@
-import type { TSinchGridElement, TSinchGridReact } from './types';
-declare global {
-    namespace JSX {
-        interface IntrinsicElements {
-            'sinch-grid': TSinchGridReact;
-        }
-    }
-    interface HTMLElementTagNameMap {
-        'sinch-grid': TSinchGridElement;
-    }
-}

package/lib/esm/grid/types.d.ts

@@ -1,3 +0,0 @@
-import type { TSinchElementReact } from '../types';
-export type TSinchGridElement = HTMLElement;
-export type TSinchGridReact = TSinchElementReact<TSinchGridElement>;

package/lib/esm/grid-item/index.d.ts

@@ -1,11 +0,0 @@
-import type { TSinchGridItemElement, TSinchGridItemReact } from './types';
-declare global {
-    namespace JSX {
-        interface IntrinsicElements {
-            'sinch-grid-item': TSinchGridItemReact;
-        }
-    }
-    interface HTMLElementTagNameMap {
-        'sinch-grid-item': TSinchGridItemElement;
-    }
-}

package/lib/esm/grid-item/types.d.ts

@@ -1,17 +0,0 @@
-import type { TSinchElementReact } from '../types';
-export type TSinchGridItemElement = HTMLElement & {
-    xl: number | null;
-    l: number | null;
-    m: number | null;
-    s: number | null;
-    setAttribute(name: 'xl', value: string): void;
-    setAttribute(name: 'l', value: string): void;
-    setAttribute(name: 'm', value: string): void;
-    setAttribute(name: 's', value: string): void;
-};
-export type TSinchGridItemReact = TSinchElementReact<TSinchGridItemElement> & {
-    xl?: number;
-    l?: number;
-    m?: number;
-    s?: number;
-};

package/lib/esm/help-tooltip/index.d.ts

@@ -1,13 +0,0 @@
-import '../tooltip';
-import '../icon';
-import type { TSinchHelpTooltipElement, TSinchHelpTooltipReact } from './types';
-declare global {
-    namespace JSX {
-        interface IntrinsicElements {
-            'sinch-help-tooltip': TSinchHelpTooltipReact;
-        }
-    }
-    interface HTMLElementTagNameMap {
-        'sinch-help-tooltip': TSinchHelpTooltipElement;
-    }
-}

package/lib/esm/help-tooltip/types.d.ts

@@ -1,3 +0,0 @@
-import type { TSinchTooltipElement, TSinchTooltipReact } from '../tooltip/types';
-export type TSinchHelpTooltipElement = TSinchTooltipElement;
-export type TSinchHelpTooltipReact = TSinchTooltipReact;

package/lib/esm/horizontal-stepper/index.d.ts

@@ -1,11 +0,0 @@
-import type { TSinchHorizontalStepperElement, TSinchHorizontalStepperReact } from './types';
-declare global {
-    namespace JSX {
-        interface IntrinsicElements {
-            'sinch-horizontal-stepper': TSinchHorizontalStepperReact;
-        }
-    }
-    interface HTMLElementTagNameMap {
-        'sinch-horizontal-stepper': TSinchHorizontalStepperElement;
-    }
-}

package/lib/esm/horizontal-stepper/types.d.ts

@@ -1,13 +0,0 @@
-import type { TSinchElementReact } from '../types';
-export type TSinchHorizontalStepperElement = HTMLElement & {
-    /** Current item index, starting from 1 */
-    index: string;
-    /** Current item index, starting from 1 */
-    setAttribute(name: 'index', value: string): void;
-};
-export type TSinchHorizontalStepperReact = TSinchElementReact<TSinchHorizontalStepperElement> & {
-    /** Current item index, starting from 1 */
-    index: string;
-    /** Label that is used for a11y */
-    'aria-label': string;
-};

package/lib/esm/horizontal-stepper-item/index.d.ts

@@ -1,14 +0,0 @@
-import '../icon';
-import '../title';
-import '../text';
-import type { TSinchHorizontalStepperItemElement, TSinchHorizontalStepperItemReact } from './types';
-declare global {
-    namespace JSX {
-        interface IntrinsicElements {
-            'sinch-horizontal-stepper-item': TSinchHorizontalStepperItemReact;
-        }
-    }
-    interface HTMLElementTagNameMap {
-        'sinch-horizontal-stepper-item': TSinchHorizontalStepperItemElement;
-    }
-}

package/lib/esm/horizontal-stepper-item/types.d.ts

@@ -1,24 +0,0 @@
-import type { TSinchElementReact } from '../types';
-export type TSinchHorizontalStepperStatusType = 'error' | 'skip';
-export type TSinchHorizontalStepperItemElement = HTMLElement & {
-    /** Label */
-    label: string;
-    /** Description */
-    description: string | null;
-    /** Status */
-    status: TSinchHorizontalStepperStatusType | null;
-    /** Label */
-    setAttribute(name: 'label', value: string): void;
-    /** Description */
-    setAttribute(name: 'description', value: string): void;
-    /** Status */
-    setAttribute(name: 'status', value: TSinchHorizontalStepperStatusType): void;
-};
-export type TSinchHorizontalStepperItemReact = TSinchElementReact<TSinchHorizontalStepperItemElement> & {
-    /** Label */
-    label: string;
-    /** Description */
-    description?: string;
-    /** Status */
-    status?: TSinchHorizontalStepperStatusType;
-};

package/lib/esm/horizontal-stepper-item/utils.d.ts

@@ -1,2 +0,0 @@
-import type { TSinchHorizontalStepperStatusType } from './types';
-export declare const statusValues: TSinchHorizontalStepperStatusType[];

package/lib/esm/icon/index.d.ts

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

package/lib/esm/icon/types.d.ts

@@ -1,11 +0,0 @@
-import type { TSinchElementReact } from '../types';
-export type TSinchIconElement = HTMLElement & {
-    /** Icon name */
-    name: string;
-    /** Icon name */
-    setAttribute(name: 'name', value: string): void;
-};
-export type TSinchIconReact = TSinchElementReact<TSinchIconElement> & {
-    /** Icon name */
-    name: string;
-};

package/lib/esm/imports.d.ts

@@ -1,9 +0,0 @@
-declare module '*.html' {
-  const value: string
-  export default value
-}
-
-declare module '*.svg' {
-  const value: string
-  export default value
-}

package/lib/esm/inline-alert/index.d.ts

@@ -1,15 +0,0 @@
-import '../icon';
-import '../rich-text';
-import '../text';
-import '../title';
-import type { TSinchInlineAlertElement, TSinchInlineAlertReact } from './types';
-declare global {
-    namespace JSX {
-        interface IntrinsicElements {
-            'sinch-inline-alert': TSinchInlineAlertReact;
-        }
-    }
-    interface HTMLElementTagNameMap {
-        'sinch-inline-alert': TSinchInlineAlertElement;
-    }
-}

package/lib/esm/inline-alert/types.d.ts

@@ -1,15 +0,0 @@
-import type { TSinchElementReact } from '../types';
-export type TSinchInlineAlertType = 'info' | 'success' | 'warn' | 'error';
-export type TSinchInlineAlertElement = HTMLElement & {
-    type: TSinchInlineAlertType;
-    text: string | null;
-    caption: string;
-    setAttribute(name: 'type', value: TSinchInlineAlertType): void;
-    setAttribute(name: 'text', value: string): void;
-    setAttribute(name: 'caption', value: string): void;
-};
-export type TSinchInlineAlertReact = TSinchElementReact<TSinchInlineAlertElement> & {
-    type: TSinchInlineAlertType;
-    text?: string;
-    caption: string;
-};

package/lib/esm/inline-alert/utils.d.ts

@@ -1,2 +0,0 @@
-import type { TSinchInlineAlertType } from './types';
-export declare const typeValues: readonly TSinchInlineAlertType[];

package/lib/esm/input/index.d.ts

@@ -1,11 +0,0 @@
-import type { TSinchInputElement, TSinchInputReact } from './types';
-declare global {
-    namespace JSX {
-        interface IntrinsicElements {
-            'sinch-input': TSinchInputReact;
-        }
-    }
-    interface HTMLElementTagNameMap {
-        'sinch-input': TSinchInputElement;
-    }
-}

package/lib/esm/input/types.d.ts

@@ -1,86 +0,0 @@
-import type { TSinchElementReact } from '../types';
-import type { TSinchSize } from '../utils/size';
-export type TSinchInputType = 'text' | 'password' | 'number';
-export type TSinchInputClipboardEvent = CustomEvent<{
-    value: string;
-    replaceWith: (value: string) => void;
-}>;
-export type TSinchInputElement = HTMLElement & {
-    /** Text field type, `text` by default */
-    type: TSinchInputType;
-    /** Value */
-    value: string;
-    /** Mask */
-    mask: string | null;
-    /** Text that appears in the text field when it has no value set */
-    placeholder: string | null;
-    /** The HTML autocomplete attribute */
-    autocomplete: string;
-    /** Invalid state */
-    invalid: boolean;
-    /** Disabled */
-    disabled: boolean;
-    /** Whether the input should be autocofused */
-    autofocus: boolean;
-    /** Size, `m` by default */
-    size: TSinchSize;
-    selectionStart: number | null;
-    selectionEnd: number | null;
-    selectionDirection: 'forward' | 'backward' | 'none' | null;
-    setSelectionRange(selectionStart: number, selectionEnd: number): void;
-    /** 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;
-    /** Text field type, `text` by default */
-    setAttribute(name: 'type', value: TSinchInputType): void;
-    /** Value */
-    setAttribute(name: 'value', value: string): void;
-    /** Mask */
-    setAttribute(name: 'mask', value: string): void;
-    /** Text that appears in the text field when it has no value set */
-    setAttribute(name: 'placeholder', value: string): void;
-    /** The HTML autocomplete attribute */
-    setAttribute(name: 'autocomplete', value: string): void;
-    /** Invalid state */
-    setAttribute(name: 'invalid', value: ''): void;
-    /** Disabled */
-    setAttribute(name: 'disabled', value: ''): void;
-    /** Autofocus */
-    setAttribute(name: 'autofocus', value: ''): void;
-    /** Size, `m` by default */
-    setAttribute(name: 'size', value: TSinchSize): void;
-};
-export type TSinchInputReact = TSinchElementReact<TSinchInputElement> & {
-    /** Controlled value, doesn't change on its own and requres an onChange-value state loop */
-    value: string;
-    /** Mask */
-    mask?: string;
-    /** Label that is used for a11y – might be different from `label` */
-    'aria-label': string;
-    /** Text field type, `text` by default */
-    type?: TSinchInputType;
-    /** The HTML autocomplete attribute */
-    autocomplete?: string;
-    /** Text that appears in the text field when it has no value set */
-    placeholder?: string;
-    /** Invalid state */
-    invalid?: boolean;
-    /** Disabled */
-    disabled?: boolean;
-    /** Autofocus */
-    autofocus?: boolean;
-    /** Size, `m` by default */
-    size?: TSinchSize;
-    /** 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;
-    'on-cut'?: (e: TSinchInputClipboardEvent) => void;
-    'on-copy'?: (e: TSinchInputClipboardEvent) => void;
-    'on-paste'?: (e: TSinchInputClipboardEvent) => void;
-};

package/lib/esm/link/index.d.ts

@@ -1,12 +0,0 @@
-import '../icon';
-import type { TSinchLinkElement, TSinchLinkReact } from './types';
-declare global {
-    namespace JSX {
-        interface IntrinsicElements {
-            'sinch-link': TSinchLinkReact;
-        }
-    }
-    interface HTMLElementTagNameMap {
-        'sinch-link': TSinchLinkElement;
-    }
-}