@nectary/components 1.3.3 → 2.0.0

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");
-}

package/theme/fonts.json

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

package/theme/help-tooltip.css

@@ -1,5 +0,0 @@
-:root,
-:host {
-  --sinch-help-tooltip-icon-font-variation-settings: "FILL" 0;
-  --sinch-help-tooltip-icon-help: help;
-}

package/theme/horizontal-stepper.css

@@ -1,5 +0,0 @@
-:root,
-:host {
-  --sinch-horizontal-stepper-icon-success: check;
-  --sinch-horizontal-stepper-icon-error: exclamation;
-}

package/theme/icon-button.css

@@ -1,68 +0,0 @@
-:root,
-:host {
-  /* Primary */
-  --sinch-icon-button-primary-color-background: var(--sinch-color-tropical-500);
-  --sinch-icon-button-primary-color-background-hover: var(--sinch-color-tropical-400);
-  --sinch-icon-button-primary-color-background-active: var(--sinch-color-tropical-600);
-  --sinch-icon-button-primary-color-background-disabled: var(--sinch-color-tropical-200);
-  --sinch-icon-button-primary-color-border: transparent;
-  --sinch-icon-button-primary-color-border-hover: transparent;
-  --sinch-icon-button-primary-color-border-active: transparent;
-  --sinch-icon-button-primary-color-border-disabled: transparent;
-  --sinch-icon-button-primary-color-icon: var(--sinch-color-snow-100);
-  --sinch-icon-button-primary-color-icon-hover: var(--sinch-color-snow-100);
-  --sinch-icon-button-primary-color-icon-active: var(--sinch-color-snow-100);
-  --sinch-icon-button-primary-color-icon-disabled: var(--sinch-color-snow-100);
-  --sinch-icon-button-primary-mix-blend-mode: initial;
-
-  /* Secondary */
-  --sinch-icon-button-secondary-color-background: var(--sinch-color-snow-100);
-  --sinch-icon-button-secondary-color-background-hover: var(--sinch-color-tropical-100);
-  --sinch-icon-button-secondary-color-background-active: var(--sinch-color-tropical-200);
-  --sinch-icon-button-secondary-color-background-disabled: var(--sinch-color-snow-100);
-  --sinch-icon-button-secondary-color-border: var(--sinch-color-tropical-500);
-  --sinch-icon-button-secondary-color-border-hover: var(--sinch-color-tropical-500);
-  --sinch-icon-button-secondary-color-border-active: var(--sinch-color-tropical-500);
-  --sinch-icon-button-secondary-color-border-disabled: var(--sinch-color-tropical-200);
-  --sinch-icon-button-secondary-color-icon: var(--sinch-color-tropical-500);
-  --sinch-icon-button-secondary-color-icon-hover: var(--sinch-color-tropical-500);
-  --sinch-icon-button-secondary-color-icon-active: var(--sinch-color-tropical-500);
-  --sinch-icon-button-secondary-color-icon-disabled: var(--sinch-color-tropical-200);
-  --sinch-icon-button-secondary-mix-blend-mode: initial;
-
-  /* Tertiary */
-  --sinch-icon-button-tertiary-color-background: transparent;
-  --sinch-icon-button-tertiary-color-background-hover: var(--sinch-color-bg-hover);
-  --sinch-icon-button-tertiary-color-background-active: var(--sinch-color-bg-active);
-  --sinch-icon-button-tertiary-color-background-disabled: transparent;
-  --sinch-icon-button-tertiary-color-border: transparent;
-  --sinch-icon-button-tertiary-color-border-hover: transparent;
-  --sinch-icon-button-tertiary-color-border-active: transparent;
-  --sinch-icon-button-tertiary-color-border-disabled: transparent;
-  --sinch-icon-button-tertiary-color-icon: var(--sinch-color-stormy-500);
-  --sinch-icon-button-tertiary-color-icon-hover: var(--sinch-color-stormy-500);
-  --sinch-icon-button-tertiary-color-icon-active: var(--sinch-color-stormy-500);
-  --sinch-icon-button-tertiary-color-icon-disabled: var(--sinch-color-stormy-100);
-  --sinch-icon-button-tertiary-mix-blend-mode: multiply;
-
-  /* Default */
-  --sinch-icon-button-color-background: var(--sinch-icon-button-tertiary-color-background);
-  --sinch-icon-button-color-background-hover: var(--sinch-icon-button-tertiary-color-background-hover);
-  --sinch-icon-button-color-background-active: var(--sinch-icon-button-tertiary-color-background-active);
-  --sinch-icon-button-color-background-disabled: var(--sinch-icon-button-tertiary-color-background-disabled);
-  --sinch-icon-button-color-border: var(--sinch-icon-button-tertiary-color-border);
-  --sinch-icon-button-color-border-hover: var(--sinch-icon-button-tertiary-color-border-hover);
-  --sinch-icon-button-color-border-active: var(--sinch-icon-button-tertiary-color-border-active);
-  --sinch-icon-button-color-border-disabled: var(--sinch-icon-button-tertiary-color-border-disabled);
-  --sinch-icon-button-color-icon: var(--sinch-icon-button-tertiary-color-icon);
-  --sinch-icon-button-color-icon-hover: var(--sinch-icon-button-tertiary-color-icon-hover);
-  --sinch-icon-button-color-icon-active: var(--sinch-icon-button-tertiary-color-icon-active);
-  --sinch-icon-button-color-icon-disabled: var(--sinch-icon-button-tertiary-color-icon-disabled);
-  --sinch-icon-button-mix-blend-mode: var(--sinch-icon-button-tertiary-mix-blend-mode);
-
-  /* Icon Size */
-  --sinch-icon-button-icon-size-l: 24px;
-  --sinch-icon-button-icon-size-m: 24px;
-  --sinch-icon-button-icon-size-s: 24px;
-  --sinch-icon-button-icon-size-xs: 16px;
-}

package/theme/icon.css

@@ -1,7 +0,0 @@
-:root,
-:host {
-  --sinch-icon-font-family: "Material Icons";
-  --sinch-icon-font-variation-settings: "FILL" 1;
-  --sinch-icon-font-feature-settings: "liga";
-  --sinch-icon-font-weight: 400;
-}

package/theme/index.css

@@ -1,4 +0,0 @@
-:root,
-:host {
-  --sinch-theme: 1;
-}

package/theme/index.d.ts

@@ -1,39 +0,0 @@
-import './index.css';
-import './palette.css';
-import './contextual.css';
-import './fonts.css';
-import './typography.css';
-import './shapes.css';
-import './elevation.css';
-import './size.css';
-import './accordion-item.css';
-import './alert.css';
-import './avatar.css';
-import './badge.css';
-import './button.css';
-import './chat.css';
-import './chip.css';
-import './color-menu.css';
-import './color-swatch.css';
-import './date-picker.css';
-import './dialog.css';
-import './emoji-picker.css';
-import './emoji.css';
-import './file-status.css';
-import './flag.css';
-import './help-tooltip.css';
-import './horizontal-stepper.css';
-import './icon-button.css';
-import './icon.css';
-import './inline-alert.css';
-import './input.css';
-import './link.css';
-import './pagination.css';
-import './segment.css';
-import './select-button.css';
-import './select-menu.css';
-import './spinner.css';
-import './tag.css';
-import './time-picker.css';
-import './toast.css';
-import './vertical-stepper.css';

package/theme/index.js

@@ -1,39 +0,0 @@
-import './index.css';
-import './palette.css';
-import './contextual.css';
-import './fonts.css';
-import './typography.css';
-import './shapes.css';
-import './elevation.css';
-import './size.css';
-import './accordion-item.css';
-import './alert.css';
-import './avatar.css';
-import './badge.css';
-import './button.css';
-import './chat.css';
-import './chip.css';
-import './color-menu.css';
-import './color-swatch.css';
-import './date-picker.css';
-import './dialog.css';
-import './emoji-picker.css';
-import './emoji.css';
-import './file-status.css';
-import './flag.css';
-import './help-tooltip.css';
-import './horizontal-stepper.css';
-import './icon-button.css';
-import './icon.css';
-import './inline-alert.css';
-import './input.css';
-import './link.css';
-import './pagination.css';
-import './segment.css';
-import './select-button.css';
-import './select-menu.css';
-import './spinner.css';
-import './tag.css';
-import './time-picker.css';
-import './toast.css';
-import './vertical-stepper.css';

package/theme/inline-alert.css

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

package/theme/input.css

@@ -1,10 +0,0 @@
-:root,
-:host {
-  /* Icon Size */
-  --sinch-input-icon-size-l: 24px;
-  --sinch-input-icon-size-m: 24px;
-  --sinch-input-icon-size-s: 16px;
-
-  /* Icon name */
-  --sinch-input-icon-clear: close;
-}

package/theme/link.css

@@ -1,5 +0,0 @@
-:root,
-:host {
-  --sinch-link-icon-standalone: arrow_forward;
-  --sinch-link-icon-external: open_in_new;
-}

package/theme/pagination.css

@@ -1,5 +0,0 @@
-:root,
-:host {
-  --sinch-pagination-icon-prev: keyboard_arrow_left;
-  --sinch-pagination-icon-next: keyboard_arrow_right;
-}

package/theme/palette.css

@@ -1,90 +0,0 @@
-:root,
-:host {
-  --sinch-color-honey-700: #CC8800;
-  --sinch-color-honey-600: #FFAA00;
-  --sinch-color-honey-500: #FFBE3C;
-  --sinch-color-honey-400: #FFCC66;
-  --sinch-color-honey-300: #FFDF9E;
-  --sinch-color-honey-200: #FCECCB;
-  --sinch-color-honey-100: #FFF7E6;
-  --sinch-color-tropical-700: #003D3D;
-  --sinch-color-tropical-600: #005757;
-  --sinch-color-tropical-500: #007171;
-  --sinch-color-tropical-400: #059688;
-  --sinch-color-tropical-300: #66AAAA;
-  --sinch-color-tropical-200: #A7D5C2;
-  --sinch-color-tropical-100: #DCEDE1;
-  --sinch-color-tropical-50: #E5F1F1;
-  --sinch-color-stormy-700: #000000;
-  --sinch-color-stormy-600: #171717;
-  --sinch-color-stormy-500: #242424;
-  --sinch-color-stormy-400: #595959;
-  --sinch-color-stormy-300: #767676;
-  --sinch-color-stormy-200: #8C8C8C;
-  --sinch-color-stormy-100: #A6A6A6;
-  --sinch-color-ocean-700: #1B3E65;
-  --sinch-color-ocean-600: #1686CB;
-  --sinch-color-ocean-500: #3AA7EA;
-  --sinch-color-ocean-400: #6EBBEE;
-  --sinch-color-ocean-300: #A1D5F5;
-  --sinch-color-ocean-200: #C8E6F9;
-  --sinch-color-ocean-100: #DEF2FF;
-  --sinch-color-ocean-50: #F3FAFE;
-  --sinch-color-snow-700: #CCCCCC;
-  --sinch-color-snow-600: #D9D9D9;
-  --sinch-color-snow-500: #E0E0E0;
-  --sinch-color-snow-400: #F2F2F2;
-  --sinch-color-snow-200: #F8F8F8;
-  --sinch-color-snow-100: #FFFFFF;
-  --sinch-color-raspberry-700: #882024;
-  --sinch-color-raspberry-600: #D13D42;
-  --sinch-color-raspberry-500: #EF5858;
-  --sinch-color-raspberry-400: #F38686;
-  --sinch-color-raspberry-300: #FFB8B8;
-  --sinch-color-raspberry-200: #FBD5D5;
-  --sinch-color-raspberry-100: #FFE8E4;
-  --sinch-color-raspberry-50: #FFF6F5;
-  --sinch-color-night-700: #1223a1;
-  --sinch-color-night-400: #3247E9;
-  --sinch-color-night-200: #D1D6FA;
-  --sinch-color-grass-700: #006602;
-  --sinch-color-grass-400: #39B93D;
-  --sinch-color-grass-200: #B4E4B5;
-  --sinch-color-dirt-700: #363230;
-  --sinch-color-dirt-400: #828282;
-  --sinch-color-dirt-200: #E0DDDC;
-  --sinch-color-candy-700: #981b77;
-  --sinch-color-candy-400: #E467C3;
-  --sinch-color-candy-200: #F6CBEA;
-  --sinch-color-mud-700: #6d4e46;
-  --sinch-color-mud-400: #8B6559;
-  --sinch-color-mud-200: #D7C6C1;
-  --sinch-color-orange-700: #974302;
-  --sinch-color-orange-400: #FF8C34;
-  --sinch-color-orange-200: #FFD4B3;
-  --sinch-color-bolt-700: #805500;
-  --sinch-color-bolt-400: #FFBE3C;
-  --sinch-color-bolt-200: #FFE6B3;
-  --sinch-color-violet-700: #4F1B98;
-  --sinch-color-violet-400: #9E67E4;
-  --sinch-color-violet-200: #DECBF6;
-  --sinch-color-olive-700: #275D33;
-  --sinch-color-olive-400: #46A65A;
-  --sinch-color-olive-200: #D7F1D8;
-  --sinch-color-celtic-700: #003B7E;
-  --sinch-color-celtic-400: #2071CE;
-  --sinch-color-celtic-200: #D5E5F8;
-  --sinch-color-jasper-700: #B71C1C;
-  --sinch-color-jasper-400: #F44336;
-  --sinch-color-jasper-200: #FFCDD2;
-  --sinch-color-pumpkin-700: #9C2E00;
-  --sinch-color-pumpkin-400: #F35B1C;
-  --sinch-color-pumpkin-200: #FFE8D6;
-  --sinch-color-skin-tone-0: #FFCC4D;
-  --sinch-color-skin-tone-10: #F7DECE;
-  --sinch-color-skin-tone-20: #F3D2A2;
-  --sinch-color-skin-tone-30: #D4AB88;
-  --sinch-color-skin-tone-40: #AF7E57;
-  --sinch-color-skin-tone-50: #7C533E;
-  --sinch-color-transparent: transparent;
-}

package/theme/segment.css

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

package/theme/select-button.css

@@ -1,10 +0,0 @@
-:root,
-:host {
-  /* Icon Size */
-  --sinch-select-button-icon-size-l: 24px;
-  --sinch-select-button-icon-size-m: 24px;
-  --sinch-select-button-icon-size-s: 24px;
-
-  /* Icon name */
-  --sinch-select-button-icon-dropdown: keyboard_arrow_down;
-}

package/theme/select-menu.css

@@ -1,6 +0,0 @@
-:root,
-:host {
-  /* Icon name */
-  --sinch-select-menu-icon-search: search;
-  --sinch-select-menu-icon-check: check;
-}

package/theme/shapes.css

@@ -1,8 +0,0 @@
-:root,
-:host {
-  --sinch-shape-radius-xs: 2px;
-  --sinch-shape-radius-s: 6px;
-  --sinch-shape-radius-m: 10px;
-  --sinch-shape-radius-l: 14px;
-  --sinch-shape-radius: var(--sinch-shape-radius-m);
-}

package/theme/size.css

@@ -1,9 +0,0 @@
-:root,
-:host {
-  /* --sinch-sizes: "l-m-s-xs"; */
-  --sinch-size-l: 48px;
-  --sinch-size-m: 40px;
-  --sinch-size-s: 32px;
-  --sinch-size-xs: 24px;
-  --sinch-size: var(--sinch-size-m);
-}

package/theme/spinner.css

@@ -1,7 +0,0 @@
-:root,
-:host {
-  /* Size */
-  --sinch-spinner-size-l: 48px;
-  --sinch-spinner-size-m: 24px;
-  --sinch-spinner-size-s: 16px;
-}