@nectary/components 1.4.0 → 2.0.0

package/logo/sinch-icon/index.d.ts

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

package/logo/sinch-icon/index.js

@@ -1,4 +0,0 @@
-import { defineCustomElement } from '../../utils';
-import { createLogoClass } from '../create-logo-class';
-const templateHTML = '<svg viewBox="0 0 93 48" aria-hidden="true"><path d="M92.298 25.271a17.167 17.167 0 0 1-.814 5.312c-1.51 4.734-5.27 8.678-10.06 10.549-5.64 2.202-12.252 1.416-18.624-2.21l-4.649-2.67a16.424 16.424 0 0 1-3.563 3.064l-14.817 8.679-.027.015v-7.501l.027-.014 22.29-13.057a16.017 16.017 0 0 1-.713 3.206l4.656 2.65c5.95 3.386 10.388 2.85 13.065 1.806 2.991-1.167 5.323-3.59 6.245-6.483.692-2.15.679-4.467-.04-6.609-.955-2.88-3.319-5.275-6.324-6.41-2.688-1.014-7.132-1.494-13.04 1.962L29.7 38.747l-.043.028c-4.017 2.35-8.14 3.556-12.065 3.58a18.162 18.162 0 0 1-6.53-1.145C6.247 39.396 2.44 35.498.874 30.783A17.116 17.116 0 0 1 .81 20.166c1.51-4.733 5.272-8.676 10.063-10.548 5.64-2.202 12.252-1.416 18.623 2.212l4.649 2.67a16.377 16.377 0 0 1 3.563-3.067l.281-.163 1.726-1.011-7.37-4.197A3.238 3.238 0 0 1 35.551.437l10.591 6.06L56.52.457a3.238 3.238 0 0 1 3.27 5.588l-29.528 17.05c.132-1.017.36-2.019.683-2.992l-4.656-2.65c-5.946-3.383-10.384-2.847-13.061-1.803-2.991 1.167-5.325 3.59-6.247 6.481a10.623 10.623 0 0 0 .039 6.608c.956 2.882 3.321 5.277 6.324 6.41 2.689 1.012 7.136 1.495 13.042-1.966l36.256-21.208c4.017-2.349 8.14-3.555 12.067-3.579a18.112 18.112 0 0 1 6.53 1.145c4.812 1.813 8.62 5.712 10.187 10.426a17.23 17.23 0 0 1 .872 5.304Z"/></svg>';
-defineCustomElement('sinch-logo-sinch-icon', createLogoClass(templateHTML));

package/logo/sinch-icon-wordmark/index.d.ts

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

package/logo/sinch-icon-wordmark/index.js

@@ -1,4 +0,0 @@
-import { defineCustomElement } from '../../utils';
-import { createLogoClass } from '../create-logo-class';
-const templateHTML = '<svg viewBox="0 0 236 48" aria-hidden="true"><path d="m100.82 36.72 6.606-3.801c1.299 2.603 3.5 3.903 6.602 3.9 2.914 0 4.704-1.299 4.704-3.201 0-1.902-2.498-2.498-6.806-3.401-5.903-1.303-9.703-3.7-9.703-8.704 0-5.412 5.503-9.108 11.605-9.108 5.204 0 8.804 1.403 12.006 5.411l-6.303 3.605c-1.199-2.081-3.001-3.101-5.603-3.101-2.701 0-4.2 1.199-4.2 2.802 0 1.998 3.001 2.397 7.002 3.4 5.503 1.4 9.707 3.301 9.707 8.805 0 5.702-5.603 9.603-12.609 9.603-5.802-.008-10.207-1.607-13.008-6.21Zm29.618 5.41V16.739l7.405-4.333v29.717l-7.405.009Zm12.608 0V26.517c0-8.004 5.903-14.111 14.108-14.111 8.325 0 14.107 6.506 14.107 14.111v15.606h-7.493V27.016c0-4.604-2.801-7.306-6.602-7.306-4.104 0-6.606 2.914-6.606 7.306v15.106l-7.514.009Zm32.203-14.515c0-8.904 6.402-15.21 15.402-15.21 5.603 0 10.602 2.914 13.004 7.405l-6.402 3.805a7.36 7.36 0 0 0-6.702-4.005c-4.404 0-7.705 3.302-7.705 8.005 0 4.604 3.101 8.105 7.705 8.105 3.001 0 5.603-1.503 6.802-4.004l6.402 3.704a14.887 14.887 0 0 1-13.104 7.493c-8.883.009-15.402-6.394-15.402-15.298Zm32.519 14.507V4.304L215.186 0v14.607a12.584 12.584 0 0 1 6.902-2.202c8.204 0 13.907 5.603 13.907 13.907v15.819h-7.493V27.016c0-4.604-2.801-7.306-6.602-7.306-4.104 0-6.606 2.914-6.606 7.306v15.106h-7.526ZM82.892 27.578a15.068 15.068 0 0 1-9.766 14.244C68.06 43.8 62.124 43.072 56.4 39.837l-4.162-2.398a14.752 14.752 0 0 1-3.197 2.752l-13.32 7.792h-.026v-6.722h.025l20.02-11.735a14.647 14.647 0 0 1-.641 2.876l4.162 2.381c5.345 3.04 9.333 2.56 11.735 1.624a9.484 9.484 0 0 0 5.607-5.828 9.67 9.67 0 0 0 .458-2.972 9.257 9.257 0 0 0-6.17-8.717c-2.418-.911-6.406-1.344-11.713 1.761L26.675 39.679l-.038.025c-3.605 2.11-7.31 3.197-10.823 3.217-2.001.02-3.99-.328-5.865-1.028a15.185 15.185 0 0 1-9.22-18.898 15.352 15.352 0 0 1 9.037-9.475c5.066-1.977 11.002-1.274 16.725 1.986l4.163 2.398a14.678 14.678 0 0 1 3.201-2.752l.28-.166 1.552-.908-6.619-3.746a2.915 2.915 0 0 1 2.86-5.058l9.512 5.44 9.32-5.41a2.914 2.914 0 0 1 2.939 5.007l-26.52 15.31a14.67 14.67 0 0 1 .616-2.68l-4.163-2.382c-5.341-3.038-9.325-2.56-11.73-1.619a9.317 9.317 0 0 0 .103 17.508c2.415.912 6.407 1.345 11.714-1.76l32.557-19.053c3.604-2.11 7.31-3.193 10.823-3.214 2-.02 3.987.329 5.86 1.029a15.077 15.077 0 0 1 9.937 14.128"/></svg>';
-defineCustomElement('sinch-logo-sinch-icon-wordmark', createLogoClass(templateHTML));

package/logo/types.d.ts

@@ -1,11 +0,0 @@
-import type { TSinchElementReact } from '../types';
-export type TSinchLogoElement = HTMLElement & {
-    size: number;
-    inverted: boolean;
-    setAttribute(name: 'size', value: string): void;
-    setAttribute(name: 'inverted', value: ''): void;
-};
-export type TSinchLogoReact = TSinchElementReact<TSinchLogoElement> & {
-    size?: number;
-    inverted?: boolean;
-};

package/theme/accordion-item.css

@@ -1,4 +0,0 @@
-:root,
-:host {
-  --sinch-accordion-item-icon-dropdown: keyboard_arrow_down;
-}

package/theme/alert.css

@@ -1,6 +0,0 @@
-:root,
-:host {
-  --sinch-alert-icon-info: info;
-  --sinch-alert-icon-warn: report_problem;
-  --sinch-alert-icon-error: report;
-}

package/theme/avatar.css

@@ -1,25 +0,0 @@
-:root,
-:host {
-  --sinch-avatar-color-light-blue-bg: var(--sinch-color-night-200);
-  --sinch-avatar-color-light-blue-fg: var(--sinch-color-night-700);
-  --sinch-avatar-color-light-brown-bg: var(--sinch-color-mud-200);
-  --sinch-avatar-color-light-brown-fg: var(--sinch-color-mud-700);
-  --sinch-avatar-color-light-gray-bg: var(--sinch-color-dirt-200);
-  --sinch-avatar-color-light-gray-fg: var(--sinch-color-dirt-700);
-  --sinch-avatar-color-light-green-bg: var(--sinch-color-grass-200);
-  --sinch-avatar-color-light-green-fg: var(--sinch-color-grass-700);
-  --sinch-avatar-color-light-orange-bg: var(--sinch-color-orange-200);
-  --sinch-avatar-color-light-orange-fg: var(--sinch-color-orange-700);
-  --sinch-avatar-color-light-pink-bg: var(--sinch-color-candy-200);
-  --sinch-avatar-color-light-pink-fg: var(--sinch-color-candy-700);
-  --sinch-avatar-color-light-violet-bg: var(--sinch-color-violet-200);
-  --sinch-avatar-color-light-violet-fg: var(--sinch-color-violet-700);
-  --sinch-avatar-color-light-yellow-bg: var(--sinch-color-bolt-200);
-  --sinch-avatar-color-light-yellow-fg: var(--sinch-color-bolt-700);
-  --sinch-avatar-color-default-bg: var(--sinch-avatar-color-light-gray-bg);
-  --sinch-avatar-color-default-fg: var(--sinch-avatar-color-light-gray-fg);
-  --sinch-avatar-status-color-online: var(--sinch-color-grass-400);
-  --sinch-avatar-status-color-away: var(--sinch-color-honey-500);
-  --sinch-avatar-status-color-busy: var(--sinch-color-raspberry-500);
-  --sinch-avatar-status-color-offline: var(--sinch-color-stormy-200);
-}

package/theme/badge.css

@@ -1,15 +0,0 @@
-:root,
-:host {
-  --sinch-badge-color-yellow-bg: var(--sinch-color-bolt-400);
-  --sinch-badge-color-yellow-fg: var(--sinch-color-stormy-500);
-  --sinch-badge-color-red-bg: var(--sinch-color-raspberry-500);
-  --sinch-badge-color-red-fg: var(--sinch-color-snow-100);
-  --sinch-badge-color-black-bg: var(--sinch-color-stormy-500);
-  --sinch-badge-color-black-fg: var(--sinch-color-snow-100);
-  --sinch-badge-color-gray-bg: var(--sinch-color-snow-500);
-  --sinch-badge-color-gray-fg: var(--sinch-color-stormy-500);
-  --sinch-badge-color-green-bg: var(--sinch-color-grass-400);
-  --sinch-badge-color-green-fg: var(--sinch-color-snow-100);
-  --sinch-badge-color-default-bg: var(--sinch-badge-color-red-bg);
-  --sinch-badge-color-default-fg: var(--sinch-badge-color-red-fg);
-}

package/theme/button.css

@@ -1,146 +0,0 @@
-:root,
-:host {
-  /* Primary */
-  --sinch-button-primary-color-background: var(--sinch-color-tropical-500);
-  --sinch-button-primary-color-background-hover: var(--sinch-color-tropical-400);
-  --sinch-button-primary-color-background-active: var(--sinch-color-tropical-600);
-  --sinch-button-primary-color-background-disabled: var(--sinch-color-tropical-200);
-  --sinch-button-primary-color-border: transparent;
-  --sinch-button-primary-color-border-hover: transparent;
-  --sinch-button-primary-color-border-active: transparent;
-  --sinch-button-primary-color-border-disabled: transparent;
-  --sinch-button-primary-color-text: var(--sinch-color-snow-100);
-  --sinch-button-primary-color-text-hover: var(--sinch-color-snow-100);
-  --sinch-button-primary-color-text-active: var(--sinch-color-snow-100);
-  --sinch-button-primary-color-text-disabled: var(--sinch-color-snow-100);
-  --sinch-button-primary-color-icon: var(--sinch-color-snow-100);
-  --sinch-button-primary-color-icon-hover: var(--sinch-color-snow-100);
-  --sinch-button-primary-color-icon-active: var(--sinch-color-snow-100);
-  --sinch-button-primary-color-icon-disabled: var(--sinch-color-snow-100);
-  --sinch-button-primary-mix-blend-mode: initial;
-
-  /* Secondary */
-  --sinch-button-secondary-color-background: var(--sinch-color-snow-100);
-  --sinch-button-secondary-color-background-hover: var(--sinch-color-tropical-100);
-  --sinch-button-secondary-color-background-active: var(--sinch-color-tropical-200);
-  --sinch-button-secondary-color-background-disabled: var(--sinch-color-snow-100);
-  --sinch-button-secondary-color-border: var(--sinch-color-tropical-500);
-  --sinch-button-secondary-color-border-hover: var(--sinch-color-tropical-500);
-  --sinch-button-secondary-color-border-active: var(--sinch-color-tropical-500);
-  --sinch-button-secondary-color-border-disabled: var(--sinch-color-tropical-200);
-  --sinch-button-secondary-color-text: var(--sinch-color-tropical-500);
-  --sinch-button-secondary-color-text-hover: var(--sinch-color-tropical-500);
-  --sinch-button-secondary-color-text-active: var(--sinch-color-tropical-500);
-  --sinch-button-secondary-color-text-disabled: var(--sinch-color-tropical-200);
-  --sinch-button-secondary-color-icon: var(--sinch-color-tropical-500);
-  --sinch-button-secondary-color-icon-hover: var(--sinch-color-tropical-500);
-  --sinch-button-secondary-color-icon-active: var(--sinch-color-tropical-500);
-  --sinch-button-secondary-color-icon-disabled: var(--sinch-color-tropical-200);
-  --sinch-button-secondary-mix-blend-mode: initial;
-
-  /* Tertiary */
-  --sinch-button-tertiary-color-background: transparent;
-  --sinch-button-tertiary-color-background-hover: var(--sinch-color-bg-hover);
-  --sinch-button-tertiary-color-background-active: var(--sinch-color-bg-active);
-  --sinch-button-tertiary-color-background-disabled: transparent;
-  --sinch-button-tertiary-color-border: transparent;
-  --sinch-button-tertiary-color-border-hover: transparent;
-  --sinch-button-tertiary-color-border-active: transparent;
-  --sinch-button-tertiary-color-border-disabled: transparent;
-  --sinch-button-tertiary-color-text: var(--sinch-color-tropical-500);
-  --sinch-button-tertiary-color-text-hover: var(--sinch-color-tropical-500);
-  --sinch-button-tertiary-color-text-active: var(--sinch-color-tropical-500);
-  --sinch-button-tertiary-color-text-disabled: var(--sinch-color-tropical-200);
-  --sinch-button-tertiary-color-icon: var(--sinch-color-tropical-500);
-  --sinch-button-tertiary-color-icon-hover: var(--sinch-color-tropical-500);
-  --sinch-button-tertiary-color-icon-active: var(--sinch-color-tropical-500);
-  --sinch-button-tertiary-color-icon-disabled: var(--sinch-color-tropical-200);
-  --sinch-button-tertiary-mix-blend-mode: multiply;
-
-  /* Cta Primary */
-  --sinch-button-cta-primary-color-background: var(--sinch-color-honey-500);
-  --sinch-button-cta-primary-color-background-hover: var(--sinch-color-honey-400);
-  --sinch-button-cta-primary-color-background-active: var(--sinch-color-honey-600);
-  --sinch-button-cta-primary-color-background-disabled: var(--sinch-color-honey-200);
-  --sinch-button-cta-primary-color-border: transparent;
-  --sinch-button-cta-primary-color-border-hover: transparent;
-  --sinch-button-cta-primary-color-border-active: transparent;
-  --sinch-button-cta-primary-color-border-disabled: transparent;
-  --sinch-button-cta-primary-color-text: var(--sinch-color-stormy-500);
-  --sinch-button-cta-primary-color-text-hover: var(--sinch-color-stormy-500);
-  --sinch-button-cta-primary-color-text-active: var(--sinch-color-stormy-500);
-  --sinch-button-cta-primary-color-text-disabled: var(--sinch-color-stormy-300);
-  --sinch-button-cta-primary-color-icon: var(--sinch-color-stormy-500);
-  --sinch-button-cta-primary-color-icon-hover: var(--sinch-color-stormy-500);
-  --sinch-button-cta-primary-color-icon-active: var(--sinch-color-stormy-500);
-  --sinch-button-cta-primary-color-icon-disabled: var(--sinch-color-stormy-300);
-  --sinch-button-cta-primary-mix-blend-mode: initial;
-
-  /* Cta Secondary */
-  --sinch-button-cta-secondary-color-background: var(--sinch-color-snow-100);
-  --sinch-button-cta-secondary-color-background-hover: var(--sinch-color-snow-200);
-  --sinch-button-cta-secondary-color-background-active: var(--sinch-color-snow-400);
-  --sinch-button-cta-secondary-color-background-disabled: var(--sinch-color-snow-100);
-  --sinch-button-cta-secondary-color-border: var(--sinch-color-stormy-500);
-  --sinch-button-cta-secondary-color-border-hover: var(--sinch-color-stormy-500);
-  --sinch-button-cta-secondary-color-border-active: var(--sinch-color-stormy-500);
-  --sinch-button-cta-secondary-color-border-disabled: var(--sinch-color-stormy-100);
-  --sinch-button-cta-secondary-color-text: var(--sinch-color-stormy-500);
-  --sinch-button-cta-secondary-color-text-hover: var(--sinch-color-stormy-500);
-  --sinch-button-cta-secondary-color-text-active: var(--sinch-color-stormy-500);
-  --sinch-button-cta-secondary-color-text-disabled: var(--sinch-color-stormy-100);
-  --sinch-button-cta-secondary-color-icon: var(--sinch-color-stormy-500);
-  --sinch-button-cta-secondary-color-icon-hover: var(--sinch-color-stormy-500);
-  --sinch-button-cta-secondary-color-icon-active: var(--sinch-color-stormy-500);
-  --sinch-button-cta-secondary-color-icon-disabled: var(--sinch-color-stormy-100);
-  --sinch-button-cta-secondary-mix-blend-mode: initial;
-
-  /* Destructive */
-  --sinch-button-destructive-color-background: var(--sinch-color-snow-100);
-  --sinch-button-destructive-color-background-hover: var(--sinch-color-raspberry-100);
-  --sinch-button-destructive-color-background-active: var(--sinch-color-raspberry-100);
-  --sinch-button-destructive-color-background-disabled: var(--sinch-color-snow-100);
-  --sinch-button-destructive-color-border: var(--sinch-color-raspberry-500);
-  --sinch-button-destructive-color-border-hover: var(--sinch-color-raspberry-500);
-  --sinch-button-destructive-color-border-active: var(--sinch-color-raspberry-500);
-  --sinch-button-destructive-color-border-disabled: var(--sinch-color-raspberry-200);
-  --sinch-button-destructive-color-text: var(--sinch-color-raspberry-500);
-  --sinch-button-destructive-color-text-hover: var(--sinch-color-raspberry-500);
-  --sinch-button-destructive-color-text-active: var(--sinch-color-raspberry-500);
-  --sinch-button-destructive-color-text-disabled: var(--sinch-color-raspberry-200);
-  --sinch-button-destructive-color-icon: var(--sinch-color-raspberry-500);
-  --sinch-button-destructive-color-icon-hover: var(--sinch-color-raspberry-500);
-  --sinch-button-destructive-color-icon-active: var(--sinch-color-raspberry-500);
-  --sinch-button-destructive-color-icon-disabled: var(--sinch-color-raspberry-200);
-  --sinch-button-destructive-mix-blend-mode: initial;
-
-  /* Default */
-  --sinch-button-color-background: var(--sinch-button-primary-color-background);
-  --sinch-button-color-background-hover: var(--sinch-button-primary-color-background-hover);
-  --sinch-button-color-background-active: var(--sinch-button-primary-color-background-active);
-  --sinch-button-color-background-disabled: var(--sinch-button-primary-color-background-disabled);
-  --sinch-button-color-border: var(--sinch-button-primary-color-border);
-  --sinch-button-color-border-hover: var(--sinch-button-primary-color-border-hover);
-  --sinch-button-color-border-active: var(--sinch-button-primary-color-border-active);
-  --sinch-button-color-border-disabled: var(--sinch-button-primary-color-border-disabled);
-  --sinch-button-color-text: var(--sinch-button-primary-color-text);
-  --sinch-button-color-text-hover: var(--sinch-button-primary-color-text-hover);
-  --sinch-button-color-text-active: var(--sinch-button-primary-color-text-active);
-  --sinch-button-color-text-disabled: var(--sinch-button-primary-color-text-disabled);
-  --sinch-button-color-icon: var(--sinch-button-primary-color-icon);
-  --sinch-button-color-icon-hover: var(--sinch-button-primary-color-icon-hover);
-  --sinch-button-color-icon-active: var(--sinch-button-primary-color-icon-active);
-  --sinch-button-color-icon-disabled: var(--sinch-button-primary-color-icon-disabled);
-  --sinch-button-mix-blend-mode: var(--sinch-button-primary-mix-blend-mode);
-
-  /* Font */
-  --sinch-button-font-l: 700 16px/24px var(--sinch-font-family);
-  --sinch-button-font-m: 700 16px/24px var(--sinch-font-family);
-  --sinch-button-font-s: 700 14px/20px var(--sinch-font-family);
-  --sinch-button-font: var(--sinch-button-font-m);
-
-  /* Icon Size */
-  --sinch-button-icon-size-l: 24px;
-  --sinch-button-icon-size-m: 24px;
-  --sinch-button-icon-size-s: 16px;
-}

package/theme/chat.css

@@ -1,9 +0,0 @@
-:root,
-:host {
-  --sinch-chat-icon-font-variation-settings: "FILL" 0;
-  --sinch-chat-icon-sending: query_builder;
-  --sinch-chat-icon-sent: check;
-  --sinch-chat-icon-received: done_all;
-  --sinch-chat-icon-seen: done_all;
-  --sinch-chat-icon-error: error_outline;
-}

package/theme/chip.css

@@ -1,68 +0,0 @@
-:root,
-:host {
-  --sinch-chip-color-default-bg: var(--sinch-color-snow-500);
-  --sinch-chip-color-default-fg: var(--sinch-color-stormy-500);
-  --sinch-chip-color-light-blue-bg: var(--sinch-color-night-200);
-  --sinch-chip-color-light-blue-fg: var(--sinch-color-night-700);
-  --sinch-chip-color-light-brown-bg: var(--sinch-color-mud-200);
-  --sinch-chip-color-light-brown-fg: var(--sinch-color-mud-700);
-  --sinch-chip-color-light-gray-bg: var(--sinch-color-dirt-200);
-  --sinch-chip-color-light-gray-fg: var(--sinch-color-dirt-700);
-  --sinch-chip-color-light-green-bg: var(--sinch-color-grass-200);
-  --sinch-chip-color-light-green-fg: var(--sinch-color-grass-700);
-  --sinch-chip-color-light-orange-bg: var(--sinch-color-orange-200);
-  --sinch-chip-color-light-orange-fg: var(--sinch-color-orange-700);
-  --sinch-chip-color-light-pink-bg: var(--sinch-color-candy-200);
-  --sinch-chip-color-light-pink-fg: var(--sinch-color-candy-700);
-  --sinch-chip-color-light-violet-bg: var(--sinch-color-violet-200);
-  --sinch-chip-color-light-violet-fg: var(--sinch-color-violet-700);
-  --sinch-chip-color-light-yellow-bg: var(--sinch-color-bolt-200);
-  --sinch-chip-color-light-yellow-fg: var(--sinch-color-bolt-700);
-  --sinch-chip-color-light-red-bg: var(--sinch-color-jasper-200);
-  --sinch-chip-color-light-red-fg: var(--sinch-color-jasper-700);
-  --sinch-chip-color-dark-blue-bg: var(--sinch-color-night-700);
-  --sinch-chip-color-dark-blue-fg: var(--sinch-color-night-200);
-  --sinch-chip-color-dark-brown-bg: var(--sinch-color-mud-700);
-  --sinch-chip-color-dark-brown-fg: var(--sinch-color-mud-200);
-  --sinch-chip-color-dark-gray-bg: var(--sinch-color-dirt-700);
-  --sinch-chip-color-dark-gray-fg: var(--sinch-color-dirt-200);
-  --sinch-chip-color-dark-green-bg: var(--sinch-color-grass-700);
-  --sinch-chip-color-dark-green-fg: var(--sinch-color-grass-200);
-  --sinch-chip-color-dark-orange-bg: var(--sinch-color-orange-700);
-  --sinch-chip-color-dark-orange-fg: var(--sinch-color-orange-200);
-  --sinch-chip-color-dark-pink-bg: var(--sinch-color-candy-700);
-  --sinch-chip-color-dark-pink-fg: var(--sinch-color-candy-200);
-  --sinch-chip-color-dark-violet-bg: var(--sinch-color-violet-700);
-  --sinch-chip-color-dark-violet-fg: var(--sinch-color-violet-200);
-  --sinch-chip-color-dark-yellow-bg: var(--sinch-color-bolt-700);
-  --sinch-chip-color-dark-yellow-fg: var(--sinch-color-bolt-200);
-  --sinch-chip-color-dark-red-bg: var(--sinch-color-jasper-700);
-  --sinch-chip-color-dark-red-fg: var(--sinch-color-jasper-200);
-  --sinch-chip-color-blue-bg: var(--sinch-color-night-400);
-  --sinch-chip-color-blue-fg: var(--sinch-color-snow-100);
-  --sinch-chip-color-brown-bg: var(--sinch-color-mud-400);
-  --sinch-chip-color-brown-fg: var(--sinch-color-snow-100);
-  --sinch-chip-color-gray-bg: var(--sinch-color-dirt-400);
-  --sinch-chip-color-gray-fg: var(--sinch-color-snow-100);
-  --sinch-chip-color-green-bg: var(--sinch-color-grass-400);
-  --sinch-chip-color-green-fg: var(--sinch-color-stormy-500);
-  --sinch-chip-color-orange-bg: var(--sinch-color-orange-400);
-  --sinch-chip-color-orange-fg: var(--sinch-color-stormy-500);
-  --sinch-chip-color-pink-bg: var(--sinch-color-candy-400);
-  --sinch-chip-color-pink-fg: var(--sinch-color-stormy-500);
-  --sinch-chip-color-violet-bg: var(--sinch-color-violet-400);
-  --sinch-chip-color-violet-fg: var(--sinch-color-stormy-500);
-  --sinch-chip-color-yellow-bg: var(--sinch-color-bolt-400);
-  --sinch-chip-color-yellow-fg: var(--sinch-color-stormy-500);
-  --sinch-chip-color-red-bg: var(--sinch-color-jasper-400);
-  --sinch-chip-color-red-fg: var(--sinch-color-stormy-500);
-  --sinch-chip-color-celtic-bg: var(--sinch-color-feedback-info-bg);
-  --sinch-chip-color-celtic-fg: var(--sinch-color-feedback-info-contrast);
-  --sinch-chip-color-olive-bg: var(--sinch-color-feedback-success-bg);
-  --sinch-chip-color-olive-fg: var(--sinch-color-feedback-success-contrast);
-  --sinch-chip-color-pumpkin-bg: var(--sinch-color-feedback-warning-bg);
-  --sinch-chip-color-pumpkin-fg: var(--sinch-color-feedback-warning-contrast);
-  --sinch-chip-color-jasper-bg: var(--sinch-color-feedback-invalid-bg);
-  --sinch-chip-color-jasper-fg: var(--sinch-color-feedback-invalid-contrast);
-  --sinch-chip-icon-close: cancel;
-}

package/theme/color-menu.css

@@ -1,4 +0,0 @@
-:root,
-:host {
-  --sinch-color-menu-icon-check: check;
-}

package/theme/color-swatch.css

@@ -1,71 +0,0 @@
-:root,
-:host {
-  --sinch-color-swatch-color-default-bg: var(--sinch-color-snow-500);
-  --sinch-color-swatch-color-default-fg: var(--sinch-color-stormy-500);
-  --sinch-color-swatch-color-light-blue-bg: var(--sinch-color-night-200);
-  --sinch-color-swatch-color-light-blue-fg: var(--sinch-color-night-700);
-  --sinch-color-swatch-color-light-brown-bg: var(--sinch-color-mud-200);
-  --sinch-color-swatch-color-light-brown-fg: var(--sinch-color-mud-700);
-  --sinch-color-swatch-color-light-gray-bg: var(--sinch-color-dirt-200);
-  --sinch-color-swatch-color-light-gray-fg: var(--sinch-color-dirt-700);
-  --sinch-color-swatch-color-light-green-bg: var(--sinch-color-grass-200);
-  --sinch-color-swatch-color-light-green-fg: var(--sinch-color-grass-700);
-  --sinch-color-swatch-color-light-orange-bg: var(--sinch-color-orange-200);
-  --sinch-color-swatch-color-light-orange-fg: var(--sinch-color-orange-700);
-  --sinch-color-swatch-color-light-pink-bg: var(--sinch-color-candy-200);
-  --sinch-color-swatch-color-light-pink-fg: var(--sinch-color-candy-700);
-  --sinch-color-swatch-color-light-violet-bg: var(--sinch-color-violet-200);
-  --sinch-color-swatch-color-light-violet-fg: var(--sinch-color-violet-700);
-  --sinch-color-swatch-color-light-yellow-bg: var(--sinch-color-bolt-200);
-  --sinch-color-swatch-color-light-yellow-fg: var(--sinch-color-bolt-700);
-  --sinch-color-swatch-color-light-red-bg: var(--sinch-color-jasper-200);
-  --sinch-color-swatch-color-light-red-fg: var(--sinch-color-jasper-700);
-  --sinch-color-swatch-color-dark-blue-bg: var(--sinch-color-night-700);
-  --sinch-color-swatch-color-dark-blue-fg: var(--sinch-color-night-200);
-  --sinch-color-swatch-color-dark-brown-bg: var(--sinch-color-mud-700);
-  --sinch-color-swatch-color-dark-brown-fg: var(--sinch-color-mud-200);
-  --sinch-color-swatch-color-dark-gray-bg: var(--sinch-color-dirt-700);
-  --sinch-color-swatch-color-dark-gray-fg: var(--sinch-color-dirt-200);
-  --sinch-color-swatch-color-dark-green-bg: var(--sinch-color-grass-700);
-  --sinch-color-swatch-color-dark-green-fg: var(--sinch-color-grass-200);
-  --sinch-color-swatch-color-dark-orange-bg: var(--sinch-color-orange-700);
-  --sinch-color-swatch-color-dark-orange-fg: var(--sinch-color-orange-200);
-  --sinch-color-swatch-color-dark-pink-bg: var(--sinch-color-candy-700);
-  --sinch-color-swatch-color-dark-pink-fg: var(--sinch-color-candy-200);
-  --sinch-color-swatch-color-dark-violet-bg: var(--sinch-color-violet-700);
-  --sinch-color-swatch-color-dark-violet-fg: var(--sinch-color-violet-200);
-  --sinch-color-swatch-color-dark-yellow-bg: var(--sinch-color-bolt-700);
-  --sinch-color-swatch-color-dark-yellow-fg: var(--sinch-color-bolt-200);
-  --sinch-color-swatch-color-dark-red-bg: var(--sinch-color-jasper-700);
-  --sinch-color-swatch-color-dark-red-fg: var(--sinch-color-jasper-200);
-  --sinch-color-swatch-color-blue-bg: var(--sinch-color-night-400);
-  --sinch-color-swatch-color-blue-fg: var(--sinch-color-snow-100);
-  --sinch-color-swatch-color-brown-bg: var(--sinch-color-mud-400);
-  --sinch-color-swatch-color-brown-fg: var(--sinch-color-snow-100);
-  --sinch-color-swatch-color-gray-bg: var(--sinch-color-dirt-400);
-  --sinch-color-swatch-color-gray-fg: var(--sinch-color-snow-100);
-  --sinch-color-swatch-color-green-bg: var(--sinch-color-grass-400);
-  --sinch-color-swatch-color-green-fg: var(--sinch-color-stormy-500);
-  --sinch-color-swatch-color-orange-bg: var(--sinch-color-orange-400);
-  --sinch-color-swatch-color-orange-fg: var(--sinch-color-stormy-500);
-  --sinch-color-swatch-color-pink-bg: var(--sinch-color-candy-400);
-  --sinch-color-swatch-color-pink-fg: var(--sinch-color-stormy-500);
-  --sinch-color-swatch-color-violet-bg: var(--sinch-color-violet-400);
-  --sinch-color-swatch-color-violet-fg: var(--sinch-color-stormy-500);
-  --sinch-color-swatch-color-yellow-bg: var(--sinch-color-bolt-400);
-  --sinch-color-swatch-color-yellow-fg: var(--sinch-color-stormy-500);
-  --sinch-color-swatch-color-red-bg: var(--sinch-color-jasper-400);
-  --sinch-color-swatch-color-red-fg: var(--sinch-color-stormy-500);
-  --sinch-color-swatch-color-skin-tone-0-bg: var(--sinch-color-skin-tone-0);
-  --sinch-color-swatch-color-skin-tone-0-fg: var(--sinch-color-stormy-500);
-  --sinch-color-swatch-color-skin-tone-10-bg: var(--sinch-color-skin-tone-10);
-  --sinch-color-swatch-color-skin-tone-10-fg: var(--sinch-color-stormy-500);
-  --sinch-color-swatch-color-skin-tone-20-bg: var(--sinch-color-skin-tone-20);
-  --sinch-color-swatch-color-skin-tone-20-fg: var(--sinch-color-stormy-500);
-  --sinch-color-swatch-color-skin-tone-30-bg: var(--sinch-color-skin-tone-30);
-  --sinch-color-swatch-color-skin-tone-30-fg: var(--sinch-color-stormy-500);
-  --sinch-color-swatch-color-skin-tone-40-bg: var(--sinch-color-skin-tone-40);
-  --sinch-color-swatch-color-skin-tone-40-fg: var(--sinch-color-stormy-500);
-  --sinch-color-swatch-color-skin-tone-50-bg: var(--sinch-color-skin-tone-50);
-  --sinch-color-swatch-color-skin-tone-50-fg: var(--sinch-color-snow-100);
-}

package/theme/colors.d.ts

@@ -1,4 +0,0 @@
-export declare const lightColorNames: string;
-export declare const darkColorNames: string;
-export declare const vibrantColorNames: string;
-export declare const skinToneColorNames: string;

package/theme/colors.js

@@ -1,4 +0,0 @@
-export const lightColorNames = ['light-violet', 'light-blue', 'light-green', 'light-yellow', 'light-orange', 'light-red', 'light-pink', 'light-brown', 'light-gray'].join(',');
-export const darkColorNames = ['dark-violet', 'dark-blue', 'dark-green', 'dark-yellow', 'dark-orange', 'dark-red', 'dark-pink', 'dark-brown', 'dark-gray'].join(',');
-export const vibrantColorNames = ['violet', 'blue', 'green', 'yellow', 'orange', 'red', 'pink', 'brown', 'gray'].join(',');
-export const skinToneColorNames = ['skin-tone-0', 'skin-tone-10', 'skin-tone-20', 'skin-tone-30', 'skin-tone-40', 'skin-tone-50'].join(',');

package/theme/contextual.css

@@ -1,40 +0,0 @@
-:root,
-:host {
-  /* Contextual */
-  --sinch-color-bg-primary-light: var(--sinch-color-snow-100);
-  --sinch-color-bg-primary-contrast: var(--sinch-color-snow-200);
-  --sinch-color-bg-secondary-green: var(--sinch-color-tropical-100);
-  --sinch-color-bg-secondary-blue: var(--sinch-color-ocean-100);
-  --sinch-color-bg-secondary-yellow: var(--sinch-color-honey-200);
-  --sinch-color-bg-secondary-red: var(--sinch-color-raspberry-100);
-  --sinch-color-bg-hover: var(--sinch-color-snow-200);
-  --sinch-color-bg-active: var(--sinch-color-snow-400);
-  --sinch-color-border-default: var(--sinch-color-snow-700);
-  --sinch-color-border-light: var(--sinch-color-snow-500);
-  --sinch-color-border-dark: var(--sinch-color-stormy-100);
-  --sinch-color-border-active: var(--sinch-color-stormy-500);
-  --sinch-color-border-disabled: var(--sinch-color-snow-400);
-  --sinch-color-border-focus: var(--sinch-color-ocean-500);
-  --sinch-color-border-invalid: var(--sinch-color-raspberry-600);
-  --sinch-color-text-default: var(--sinch-color-stormy-700);
-  --sinch-color-text-inverted: var(--sinch-color-snow-100);
-  --sinch-color-text-muted: var(--sinch-color-stormy-300);
-  --sinch-color-text-disabled: var(--sinch-color-stormy-100);
-  --sinch-color-text-link: var(--sinch-color-tropical-500);
-  --sinch-color-text-link-disabled: var(--sinch-color-tropical-100);
-  --sinch-color-text-invalid: var(--sinch-color-raspberry-600);
-  --sinch-color-text-invalid-disabled: var(--sinch-color-raspberry-100);
-  --sinch-color-feedback-info-contrast: var(--sinch-color-celtic-700);
-  --sinch-color-feedback-info-icon: var(--sinch-color-celtic-400);
-  --sinch-color-feedback-info-bg: var(--sinch-color-celtic-200);
-  --sinch-color-feedback-success-contrast: var(--sinch-color-olive-700);
-  --sinch-color-feedback-success-icon: var(--sinch-color-olive-400);
-  --sinch-color-feedback-success-bg: var(--sinch-color-olive-200);
-  --sinch-color-feedback-warning-contrast: var(--sinch-color-pumpkin-700);
-  --sinch-color-feedback-warning-icon: var(--sinch-color-pumpkin-400);
-  --sinch-color-feedback-warning-bg: var(--sinch-color-pumpkin-200);
-  --sinch-color-feedback-invalid-contrast: var(--sinch-color-jasper-700);
-  --sinch-color-feedback-invalid-icon: var(--sinch-color-jasper-400);
-  --sinch-color-feedback-invalid-bg: var(--sinch-color-jasper-200);
-  --sinch-color-icon: var(--sinch-color-stormy-500);
-}

package/theme/date-picker.css

@@ -1,7 +0,0 @@
-:root,
-:host {
-  --sinch-date-picker-icon-prev-month: keyboard_arrow_left;
-  --sinch-date-picker-icon-next-month: keyboard_arrow_right;
-  --sinch-date-picker-icon-prev-year: keyboard_double_arrow_left;
-  --sinch-date-picker-icon-next-year: keyboard_double_arrow_right;
-}

package/theme/dialog.css

@@ -1,4 +0,0 @@
-:root,
-:host {
-  --sinch-dialog-icon-close: close;
-}

package/theme/elevation.css

@@ -1,7 +0,0 @@
-:root,
-:host {
-  --sinch-elevation-level-0: none;
-  --sinch-elevation-level-1: 1px 2px 6px rgba(10, 39, 61, 0.1);
-  --sinch-elevation-level-2: 1px 4px 8px rgba(10, 39, 61, 0.1);
-  --sinch-elevation-level-3: 1px 6px 12px rgba(10, 39, 61, 0.15);
-}

package/theme/emoji-picker.css

@@ -1,13 +0,0 @@
-:root,
-:host {
-  --sinch-emoji-picker-icon-font-variation-settings: "FILL" 0;
-  --sinch-emoji-picker-icon-search: search;
-  --sinch-emoji-picker-icon-emoji-emotions: sentiment_satisfied;
-  --sinch-emoji-picker-icon-emoji-people: emoji_people;
-  --sinch-emoji-picker-icon-emoji-animals-nature: pets;
-  --sinch-emoji-picker-icon-emoji-food-drinks: emoji_food_beverage;
-  --sinch-emoji-picker-icon-emoji-travel-places: emoji_transportation;
-  --sinch-emoji-picker-icon-emoji-sports-activities: sports_tennis;
-  --sinch-emoji-picker-icon-emoji-objects: emoji_objects;
-  --sinch-emoji-picker-icon-emoji-symbols-flags: emoji_symbols;
-}

package/theme/emoji.css

@@ -1,5 +0,0 @@
-:root,
-:host {
-  /* --sinch-emoji-src-url: "https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/%s.svg"; */
-  --sinch-emoji-src-url: "https://cdn.jsdelivr.net/gh/twitter/twemoji@14.0.2/assets/svg/%s.svg";
-}

package/theme/file-status.css

@@ -1,7 +0,0 @@
-:root,
-:host {
-  --sinch-file-status-icon-pending: pending_actions;
-  --sinch-file-status-icon-progress: text_snippet;
-  --sinch-file-status-icon-success: check_circle;
-  --sinch-file-status-icon-error: report;
-}

package/theme/flag.css

@@ -1,4 +0,0 @@
-:root,
-:host {
-  --sinch-flag-src-url: "https://flagcdn.com/%s.svg";
-}

package/theme/fonts.css

@@ -1,86 +0,0 @@
-@font-face {
-  font-family: "DM Sans";
-  font-weight: 400;
-  font-style: normal;
-  font-display: swap;
-  src:
-    local("DMSans-Regular"),
-    url("https://d2vu40klajma73.cloudfront.net/DM-Sans-400.woff2") format("woff2"),
-    url("https://d2vu40klajma73.cloudfront.net/DM-Sans-400.woff") format("woff");
-}
-
-@font-face {
-  font-family: "DM Sans";
-  font-weight: 500;
-  font-style: normal;
-  font-display: swap;
-  src:
-    local("DMSans-Medium"),
-    url("https://d2vu40klajma73.cloudfront.net/DM-Sans-500.woff2") format("woff2"),
-    url("https://d2vu40klajma73.cloudfront.net/DM-Sans-500.woff") format("woff");
-}
-
-@font-face {
-  font-family: "DM Sans";
-  font-weight: 700;
-  font-style: normal;
-  font-display: swap;
-  src:
-    local("DMSans-Bold"),
-    url("https://d2vu40klajma73.cloudfront.net/DM-Sans-700.woff2") format("woff2"),
-    url("https://d2vu40klajma73.cloudfront.net/DM-Sans-700.woff") format("woff");
-}
-
-@font-face {
-  font-family: "DM Sans";
-  font-weight: 400;
-  font-style: italic;
-  font-display: swap;
-  src:
-    local("DMSans-Italic"),
-    url("https://d2vu40klajma73.cloudfront.net/DM-Sans-400-italic.woff2") format("woff2"),
-    url("https://d2vu40klajma73.cloudfront.net/DM-Sans-400-italic.woff") format("woff");
-}
-
-@font-face {
-  font-family: "DM Sans";
-  font-weight: 500;
-  font-style: italic;
-  font-display: swap;
-  src:
-    local("DMSans-MediumItalic"),
-    url("https://d2vu40klajma73.cloudfront.net/DM-Sans-500-italic.woff2") format("woff2"),
-    url("https://d2vu40klajma73.cloudfront.net/DM-Sans-500-italic.woff") format("woff");
-}
-
-@font-face {
-  font-family: "DM Sans";
-  font-weight: 700;
-  font-style: italic;
-  font-display: swap;
-  src:
-    local("DMSans-BoldItalic"),
-    url("https://d2vu40klajma73.cloudfront.net/DM-Sans-700-italic.woff2") format("woff2"),
-    url("https://d2vu40klajma73.cloudfront.net/DM-Sans-700-italic.woff") format("woff");
-}
-
-@font-face {
-  font-family: "DM Mono";
-  font-weight: 400;
-  font-style: normal;
-  font-display: swap;
-  src:
-    local("DMMono-Regular"),
-    url("https://d2vu40klajma73.cloudfront.net/DM-Mono-400.woff2") format("woff2"),
-    url("https://d2vu40klajma73.cloudfront.net/DM-Mono-400.woff") format("woff");
-}
-
-@font-face {
-  font-family: "Material Icons";
-  font-style: normal;
-  font-weight: 400;
-  font-display: block;
-  src:
-    local("MaterialSymbolsRounded24pt-Regular"),
-    url("https://fonts.gstatic.com/s/materialsymbolsrounded/v76/syl7-zNym6YjUruM-QrEh7-nyTnjDwKNJ_190FjpZIvLgyidOK7BDB_Qb9vUdV6_gjDK-P3JuF_Zs-obHph2-jOcZTKPq8a9A5M.woff2") format("woff2");
-}