@nectary/components 3.3.1 → 3.3.2

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

@@ -1,28 +0,0 @@
-import type { TRect, TSinchElementReact } from '../types';
-export type TSinchCardElement = HTMLElement & {
-    /** Text */
-    text: string;
-    /** Caption */
-    caption: string;
-    /** Label */
-    label: string | null;
-    readonly dragRect: TRect | null;
-    /** Text */
-    setAttribute(name: 'text', value: string): void;
-    /** Caption */
-    setAttribute(name: 'caption', value: string): void;
-    /** Label */
-    setAttribute(name: 'label', value: string): void;
-    /** Draggable */
-    setAttribute(name: 'draggable', value: ''): void;
-};
-export type TSinchCardReact = TSinchElementReact<TSinchCardElement> & {
-    /** Text */
-    text: string;
-    /** Caption */
-    caption: string;
-    /** Label */
-    label?: string;
-    /** Draggable */
-    draggable?: boolean;
-};

package/lib/esm/card-container/index.d.ts

@@ -1,11 +0,0 @@
-import type { TSinchCardContainerElement, TSinchCardContainerReact } from './types';
-declare global {
-    namespace JSX {
-        interface IntrinsicElements {
-            'sinch-card-container': TSinchCardContainerReact;
-        }
-    }
-    interface HTMLElementTagNameMap {
-        'sinch-card-container': TSinchCardContainerElement;
-    }
-}

package/lib/esm/card-container/types.d.ts

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

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

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

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

@@ -1,49 +0,0 @@
-import type { TSinchElementReact } from '../types';
-export type TSinchCheckboxElement = HTMLElement & {
-    /** Value */
-    checked: boolean;
-    /** Indeterminate */
-    indeterminate: boolean;
-    /** Disabled */
-    disabled: boolean;
-    /** Invalid */
-    invalid: boolean;
-    /** Text */
-    text: string | null;
-    /** Change value event */
-    addEventListener(type: '-change', listener: (e: CustomEvent<boolean>) => void): void;
-    /** Focus event */
-    addEventListener(type: '-focus', listener: (e: CustomEvent<void>) => void): void;
-    /** Blur event */
-    addEventListener(type: '-blur', listener: (e: CustomEvent<void>) => void): void;
-    /** Checked */
-    setAttribute(name: 'checked', value: ''): void;
-    /** Indeterminate */
-    setAttribute(name: 'indeterminate', value: ''): void;
-    /** Disabled */
-    setAttribute(name: 'disabled', value: ''): void;
-    /** Invalid */
-    setAttribute(name: 'invalid', value: ''): void;
-    /** Text */
-    setAttribute(name: 'text', value: string): void;
-};
-export type TSinchCheckboxReact = TSinchElementReact<TSinchCheckboxElement> & {
-    /** Checked */
-    checked?: boolean;
-    /** Indeterminate */
-    indeterminate?: boolean;
-    /** Disabled */
-    disabled?: boolean;
-    /** Invalid */
-    invalid?: boolean;
-    /** Text */
-    text?: string;
-    /** Label that is used for a11y – might be different from `label` */
-    'aria-label': string;
-    /** Change value handler */
-    'on-change'?: (e: CustomEvent<boolean>) => void;
-    /** Focus handler */
-    'on-focus'?: (e: CustomEvent<void>) => void;
-    /** Blur handler */
-    'on-blur'?: (e: CustomEvent<void>) => void;
-};

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

@@ -1,13 +0,0 @@
-import '../text';
-import '../icon';
-import type { TSinchChipElement, TSinchChipReact } from './types';
-declare global {
-    namespace JSX {
-        interface IntrinsicElements {
-            'sinch-chip': TSinchChipReact;
-        }
-    }
-    interface HTMLElementTagNameMap {
-        'sinch-chip': TSinchChipElement;
-    }
-}

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

@@ -1,37 +0,0 @@
-import type { TSinchElementReact } from '../types';
-export type TSinchChipElement = HTMLElement & {
-    /** Text */
-    text: string;
-    /** Color, gray by default */
-    color: string | null;
-    /** Small */
-    small: boolean;
-    /** Click event */
-    addEventListener(type: '-click', listener: (e: CustomEvent<void>) => 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 */
-    setAttribute(name: 'text', value: string): void;
-    /** Color, gray by default */
-    setAttribute(name: 'color', value: string): void;
-    /** Small */
-    setAttribute(name: 'small', value: ''): void;
-};
-export type TSinchChipReact = TSinchElementReact<TSinchChipElement> & {
-    /** Text */
-    text: string;
-    /** Color, gray by default */
-    color?: string;
-    /** Small */
-    small?: boolean;
-    /** Click event handler */
-    'on-click'?: (e: CustomEvent<void>) => void;
-    /** Focus event handler */
-    'on-focus'?: (e: CustomEvent<void>) => void;
-    /** Blur event handler */
-    'on-blur'?: (e: CustomEvent<void>) => void;
-    /** Label that is used for a11y` */
-    'aria-label': string;
-};

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

@@ -1,2 +0,0 @@
-export declare const getChipColorBg: (id: string) => string;
-export declare const getChipColorFg: (id: string) => string;

package/lib/esm/code-tag/index.d.ts

@@ -1,11 +0,0 @@
-import type { TSinchCodeTagElement, TSinchCodeTagReact } from './types';
-declare global {
-    namespace JSX {
-        interface IntrinsicElements {
-            'sinch-code-tag': TSinchCodeTagReact;
-        }
-    }
-    interface HTMLElementTagNameMap {
-        'sinch-code-tag': TSinchCodeTagElement;
-    }
-}

package/lib/esm/code-tag/types.d.ts

@@ -1,11 +0,0 @@
-import type { TSinchElementReact } from '../types';
-export type TSinchCodeTagElement = HTMLElement & {
-    /** Text content of hyperlink */
-    text: string;
-    /** Text content of hyperlink */
-    setAttribute(name: 'text', value: string): void;
-};
-export type TSinchCodeTagReact = TSinchElementReact<TSinchCodeTagElement> & {
-    /** Text content of hyperlink */
-    text: string;
-};

package/lib/esm/color-menu/index.d.ts

@@ -1,11 +0,0 @@
-import type { TSinchColorMenuElement, TSinchColorMenuReact } from './types';
-declare global {
-    namespace JSX {
-        interface IntrinsicElements {
-            'sinch-color-menu': TSinchColorMenuReact;
-        }
-    }
-    interface HTMLElementTagNameMap {
-        'sinch-color-menu': TSinchColorMenuElement;
-    }
-}

package/lib/esm/color-menu/types.d.ts

@@ -1,32 +0,0 @@
-import type { TRect, TSinchElementReact } from '../types';
-export type TSinchColorMenuElement = HTMLElement & {
-    /** Value */
-    value: string;
-    /** How many rows to show and scroll the rest */
-    rows: number | null;
-    /** How many cols to show and scroll the rest */
-    cols: number | null;
-    nthItemRect(index: number): TRect | null;
-    /** Change event */
-    addEventListener(type: '-change', listener: (e: CustomEvent<string>) => void): void;
-    /** Comma-separated color names, all colors by default */
-    setAttribute(name: 'colors', value: string): void;
-    /** Value */
-    setAttribute(name: 'value', value: string): void;
-    /** How many rows to show and scroll the rest */
-    setAttribute(name: 'rows', value: string): void;
-    /** How many cols to show and scroll the rest */
-    setAttribute(name: 'cols', value: string): void;
-};
-export type TSinchColorMenuReact = TSinchElementReact<TSinchColorMenuElement> & {
-    /** Value */
-    value: string;
-    /** How many rows to show and scroll the rest */
-    rows?: number;
-    /** How many cols to show and scroll the rest */
-    cols?: number;
-    /** Label that is used for a11y */
-    'aria-label': string;
-    /** Change event handler */
-    'on-change'?: (e: CustomEvent<string>) => void;
-};

package/lib/esm/color-menu/utils.d.ts

@@ -1 +0,0 @@
-export declare const getParentOption: ($element: Element) => Element | null;

package/lib/esm/color-menu-option/index.d.ts

@@ -1,13 +0,0 @@
-import '../color-swatch';
-import '../tooltip';
-import type { TSinchColorMenuOptionElement, TSinchColorMenuOptionReact } from './types';
-declare global {
-    namespace JSX {
-        interface IntrinsicElements {
-            'sinch-color-menu-option': TSinchColorMenuOptionReact;
-        }
-    }
-    interface HTMLElementTagNameMap {
-        'sinch-color-menu-option': TSinchColorMenuOptionElement;
-    }
-}

package/lib/esm/color-menu-option/types.d.ts

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

package/lib/esm/color-menu-option/utils.d.ts

@@ -1 +0,0 @@
-export declare const getParentOption: ($element: Element) => Element | null;

package/lib/esm/color-swatch/index.d.ts

@@ -1,12 +0,0 @@
-import '../text';
-import type { TSinchColorSwatchElement, TSinchColorSwatchReact } from './types';
-declare global {
-    namespace JSX {
-        interface IntrinsicElements {
-            'sinch-color-swatch': TSinchColorSwatchReact;
-        }
-    }
-    interface HTMLElementTagNameMap {
-        'sinch-color-swatch': TSinchColorSwatchElement;
-    }
-}

package/lib/esm/color-swatch/types.d.ts

@@ -1,11 +0,0 @@
-import type { TSinchElementReact } from '../types';
-export type TSinchColorSwatchElement = HTMLElement & {
-    /** Color name */
-    name: string | null;
-    /** Color name */
-    setAttribute(name: 'name', value: string): void;
-};
-export type TSinchColorSwatchReact = TSinchElementReact<TSinchColorSwatchElement> & {
-    /** Color name */
-    name?: string;
-};

package/lib/esm/color-swatch/utils.d.ts

@@ -1,2 +0,0 @@
-export declare const getSwatchColorBg: (id: string) => string;
-export declare const getSwatchColorFg: (id: string) => string;

package/lib/esm/colors.json

@@ -1,88 +0,0 @@
-{
-  "colorHoney700": "#CC8800",
-  "colorHoney600": "#FFAA00",
-  "colorHoney500": "#FFBE3C",
-  "colorHoney400": "#FFCC66",
-  "colorHoney300": "#FFDF9E",
-  "colorHoney200": "#FCECCB",
-  "colorHoney100": "#FFF7E6",
-  "colorTropical700": "#003D3D",
-  "colorTropical600": "#005757",
-  "colorTropical500": "#007171",
-  "colorTropical400": "#059688",
-  "colorTropical300": "#66AAAA",
-  "colorTropical200": "#A7D5C2",
-  "colorTropical100": "#DCEDE1",
-  "colorTropical50": "#E5F1F1",
-  "colorStormy700": "#000000",
-  "colorStormy600": "#171717",
-  "colorStormy500": "#242424",
-  "colorStormy400": "#595959",
-  "colorStormy300": "#767676",
-  "colorStormy200": "#8C8C8C",
-  "colorStormy100": "#A6A6A6",
-  "colorOcean700": "#1B3E65",
-  "colorOcean600": "#1686CB",
-  "colorOcean500": "#3AA7EA",
-  "colorOcean400": "#6EBBEE",
-  "colorOcean300": "#A1D5F5",
-  "colorOcean200": "#C8E6F9",
-  "colorOcean100": "#DEF2FF",
-  "colorOcean50": "#F3FAFE",
-  "colorSnow700": "#CCCCCC",
-  "colorSnow600": "#D9D9D9",
-  "colorSnow500": "#E0E0E0",
-  "colorSnow400": "#F2F2F2",
-  "colorSnow200": "#F8F8F8",
-  "colorSnow100": "#FFFFFF",
-  "colorRaspberry700": "#882024",
-  "colorRaspberry600": "#D13D42",
-  "colorRaspberry500": "#EF5858",
-  "colorRaspberry400": "#F38686",
-  "colorRaspberry300": "#FFB8B8",
-  "colorRaspberry200": "#FBD5D5",
-  "colorRaspberry100": "#FFE8E4",
-  "colorRaspberry50": "#FFF6F5",
-  "colorNight700": "#1223a1",
-  "colorNight400": "#3247E9",
-  "colorNight200": "#D1D6FA",
-  "colorGrass700": "#006602",
-  "colorGrass400": "#39B93D",
-  "colorGrass200": "#B4E4B5",
-  "colorDirt700": "#363230",
-  "colorDirt400": "#828282",
-  "colorDirt200": "#E0DDDC",
-  "colorCandy700": "#981b77",
-  "colorCandy400": "#E467C3",
-  "colorCandy200": "#F6CBEA",
-  "colorMud700": "#6d4e46",
-  "colorMud400": "#8B6559",
-  "colorMud200": "#D7C6C1",
-  "colorOrange700": "#974302",
-  "colorOrange400": "#FF8C34",
-  "colorOrange200": "#FFD4B3",
-  "colorBolt700": "#805500",
-  "colorBolt400": "#FFBE3C",
-  "colorBolt200": "#FFE6B3",
-  "colorViolet700": "#4F1B98",
-  "colorViolet400": "#9E67E4",
-  "colorViolet200": "#DECBF6",
-  "colorOlive700": "#275D33",
-  "colorOlive400": "#46A65A",
-  "colorOlive200": "#D7F1D8",
-  "colorCeltic700": "#003B7E",
-  "colorCeltic400": "#2071CE",
-  "colorCeltic200": "#D5E5F8",
-  "colorJasper700": "#B71C1C",
-  "colorJasper400": "#F44336",
-  "colorJasper200": "#FFCDD2",
-  "colorPumpkin700": "#9C2E00",
-  "colorPumpkin400": "#F35B1C",
-  "colorPumpkin200": "#FFE8D6",
-  "colorColorSkinTone0": "#FFCC4D",
-  "colorColorSkinTone10": "#F7DECE",
-  "colorColorSkinTone20": "#F3D2A2",
-  "colorColorSkinTone30": "#D4AB88",
-  "colorColorSkinTone40": "#AF7E57",
-  "colorColorSkinTone50": "#7C533E"
-}

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

@@ -1,13 +0,0 @@
-import '../icon';
-import '../text';
-import type { TSinchDatePickerElement, TSinchDatePickerReact } from './types';
-declare global {
-    namespace JSX {
-        interface IntrinsicElements {
-            'sinch-date-picker': TSinchDatePickerReact;
-        }
-    }
-    interface HTMLElementTagNameMap {
-        'sinch-date-picker': TSinchDatePickerElement;
-    }
-}

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

@@ -1,70 +0,0 @@
-import type { TRect, TSinchElementReact } from '../types';
-export type TSinchDatePickerElement = HTMLElement & {
-    /** Date value in ISO 8601 format */
-    value: string;
-    /** Date min limit in ISO 8601 format */
-    min: string;
-    /** Date max limit in ISO 8601 format */
-    max: string;
-    /** BCP 47 language tag (e.g. en-US), which changes day and month display names in the calendar */
-    locale: string;
-    /** Date range mode */
-    range: boolean;
-    /** Label that is used for a11y */
-    prevYearAriaLabel: string;
-    /** Label that is used for a11y */
-    nextYearAriaLabel: string;
-    /** Label that is used for a11y */
-    prevMonthAriaLabel: string;
-    /** Label that is used for a11y */
-    nextMonthAriaLabel: string;
-    readonly prevYearButtonRect: TRect;
-    readonly nextYearButtonRect: TRect;
-    readonly prevMonthButtonRect: TRect;
-    readonly nextMonthButtonRect: TRect;
-    nthButtonRect(index: number): TRect | null;
-    /** Change value handler, return date in ISO 8601 format */
-    addEventListener(type: '-change', listener: (e: CustomEvent<string>) => void): void;
-    /** Date value in ISO 8601 format */
-    setAttribute(name: 'value', value: string): void;
-    /** Date min limit in ISO 8601 format */
-    setAttribute(name: 'min', value: string): void;
-    /** Date max limit in ISO 8601 format */
-    setAttribute(name: 'max', value: string): void;
-    /** BCP 47 language tag (e.g. en-US), which changes day and month display names in the calendar */
-    setAttribute(name: 'locale', value: string): void;
-    /** Date range mode */
-    setAttribute(name: 'range', value: ''): void;
-    /** Label that is used for a11y */
-    setAttribute(name: 'prev-year-aria-label', value: string): void;
-    /** Label that is used for a11y */
-    setAttribute(name: 'next-year-aria-label', value: string): void;
-    /** Label that is used for a11y */
-    setAttribute(name: 'prev-month-aria-label', value: string): void;
-    /** Label that is used for a11y */
-    setAttribute(name: 'next-month-aria-label', value: string): void;
-};
-export type TSinchDatePickerReact = TSinchElementReact<TSinchDatePickerElement> & {
-    /** Date value in ISO 8601 format */
-    value: string;
-    /** Date min limit in ISO 8601 format */
-    min: string;
-    /** Date max limit in ISO 8601 format */
-    max: string;
-    /** BCP 47 language tag (e.g. en-US), which changes day and month display names in the calendar */
-    locale: string;
-    /** Date range mode */
-    range?: boolean;
-    /** Label that is used for a11y */
-    'aria-label': string;
-    /** Label that is used for a11y */
-    'prev-year-aria-label': string;
-    /** Label that is used for a11y */
-    'next-year-aria-label': string;
-    /** Label that is used for a11y */
-    'prev-month-aria-label': string;
-    /** Label that is used for a11y */
-    'next-month-aria-label': string;
-    /** Change value handler, return date in ISO 8601 format */
-    'on-change'?: (e: CustomEvent<string>) => void;
-};

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

@@ -1,28 +0,0 @@
-type TCalendarOptions = {
-    firstDayOfWeek: 0 | 1 | 2 | 3 | 4 | 5 | 6;
-};
-type TMaybeDate = Date | null;
-export declare const getCalendarMonth: (date: Date, options?: TCalendarOptions) => TMaybeDate[][];
-export declare const dateToIso: (date: Date) => string;
-export declare const isoToDate: (value: string) => Date;
-export declare const today: () => Date;
-export declare const getDayNames: (locale: string) => string[];
-export declare const getMonthNames: (locale: string) => string[];
-export declare const isValidDate: (value: any) => value is Date;
-export declare const compareDates: (a: Date, b: Date) => number;
-export declare const clampMinDate: (date: Date, min: Date) => void;
-export declare const clampMaxDate: (date: Date, max: Date) => void;
-export declare const incMonth: (date: Date, max: Date) => void;
-export declare const decMonth: (date: Date, min: Date) => void;
-export declare const incYear: (date: Date, max: Date) => void;
-export declare const decYear: (date: Date, min: Date) => void;
-export declare const canGoPrevMonth: (date: Date, min: Date) => boolean;
-export declare const canGoNextMonth: (date: Date, max: Date) => boolean;
-export declare const canGoNextYear: (date: Date, max: Date) => boolean;
-export declare const canGoPrevYear: (date: Date, min: Date) => boolean;
-export declare const isDateBetween: (date: Date, min: Date | null, max: Date | null) => boolean;
-export declare const areDatesEqual: (a: Date, b: Date | null) => boolean;
-export declare const cloneDate: (date: Date) => Date;
-export declare const sortDates: (dateTuple: [Date, Date]) => [Date, Date];
-export declare const isDateOnScreen: (uiDate: Date | null, date: Date | null) => boolean;
-export {};

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

@@ -1,14 +0,0 @@
-import '../icon';
-import '../stop-events';
-import '../title';
-import type { TSinchDialogElement, TSinchDialogReact } from './types';
-declare global {
-    namespace JSX {
-        interface IntrinsicElements {
-            'sinch-dialog': TSinchDialogReact;
-        }
-    }
-    interface HTMLElementTagNameMap {
-        'sinch-dialog': TSinchDialogElement;
-    }
-}

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

@@ -1,28 +0,0 @@
-import type { TRect, TSinchElementReact } from '../types';
-export type TSinchDialogCloseDetail = 'close' | 'escape' | 'backdrop';
-export type TSinchDialogElement = HTMLElement & {
-    /** Open/close state */
-    open: boolean;
-    /** Dialog caption */
-    caption: string;
-    readonly dialogRect: TRect;
-    readonly closeButtonRect: TRect;
-    /** close event handler */
-    addEventListener(type: '-close', listener: (e: CustomEvent<TSinchDialogCloseDetail>) => void): void;
-    /** Dialog caption */
-    setAttribute(name: 'caption', value: string): void;
-    /** Close button label that is used for a11y */
-    setAttribute(name: 'close-aria-label', value: string): void;
-};
-export type TSinchDialogReact = TSinchElementReact<TSinchDialogElement> & {
-    /** Controls whether the dialog should be open */
-    open: boolean;
-    /** Dialog caption */
-    caption: string;
-    /** Label that is used for a11y */
-    'aria-label': string;
-    /** Close button label that is used for a11y */
-    'close-aria-label': string;
-    /** close event handler */
-    'on-close'?: (e: CustomEvent<TSinchDialogCloseDetail>) => void;
-};

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

@@ -1,2 +0,0 @@
-export declare const disableScroll: () => void;
-export declare const enableScroll: () => void;

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

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

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

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

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

@@ -1,3 +0,0 @@
-export declare const setEmojiBaseUrl: (emojiEl: Element, baseUrl: string | null) => void;
-export declare const getEmojiBaseUrl: (root: Element) => string | null;
-export declare const getEmojiUrl: (baseUrl: string | null, char: string | null) => string;