@maggioli-design-system/magma 1.0.0-beta → 1.0.1

package/dist/collection/components/mds-badge/mds-badge.css

@@ -45,12 +45,12 @@
 
 :host([variant="amaranth"]) {
 
-  --mds-badge-color: rgb(var(--label-amaranth-10));
+  --mds-badge-color: rgb(var(--tone-neutral));
 }
 
 :host([variant="amaranth"][tone="strong"]) {
 
-  --mds-badge-background: rgb(var(--label-amaranth-05));
+  --mds-badge-background: rgb(var(--label-amaranth-04));
 }
 
 :host([variant="amaranth"][tone="weak"]) {
@@ -75,7 +75,7 @@
   :host([variant="amaranth"]),
   :host([variant="amaranth"][tone="strong"]) {
 
-    --mds-badge-background: rgb(var(--label-amaranth-04));
+    --mds-badge-background: rgb(var(--label-amaranth-03));
   }
 
   :host([variant="amaranth"][tone="weak"]) {
@@ -87,7 +87,7 @@
 
     --mds-badge-color: rgb(var(--label-amaranth-02));
   }
-  
+
   :host([variant="amaranth"][tone="ghost"]) {
 
     --mds-badge-background: transparent;
@@ -117,7 +117,7 @@
     }
 
     :host([variant="amaranth"][tone="ghost"]) {
-      
+
       --mds-badge-background: transparent;
       --mds-badge-color: rgb(var(--label-amaranth-03));
       --mds-badge-border-color: rgb(var(--label-amaranth-03));
@@ -129,12 +129,12 @@
 
 :host([variant="aqua"]) {
 
-  --mds-badge-color: rgb(var(--label-aqua-10));
+  --mds-badge-color: rgb(var(--tone-neutral));
 }
 
 :host([variant="aqua"][tone="strong"]) {
 
-  --mds-badge-background: rgb(var(--label-aqua-05));
+  --mds-badge-background: rgb(var(--label-aqua-04));
 }
 
 :host([variant="aqua"][tone="weak"]) {
@@ -171,7 +171,7 @@
 
     --mds-badge-color: rgb(var(--label-aqua-02));
   }
-  
+
   :host([variant="aqua"][tone="ghost"]) {
 
     --mds-badge-background: transparent;
@@ -187,7 +187,7 @@
     :host([variant="aqua"]),
     :host([variant="aqua"][tone="strong"]) {
 
-      --mds-badge-background: rgb(var(--label-aqua-04));
+      --mds-badge-background: rgb(var(--label-aqua-03));
     }
 
     :host([variant="aqua"][tone="weak"]) {
@@ -201,7 +201,7 @@
     }
 
     :host([variant="aqua"][tone="ghost"]) {
-      
+
       --mds-badge-background: transparent;
       --mds-badge-color: rgb(var(--label-aqua-03));
       --mds-badge-border-color: rgb(var(--label-aqua-03));
@@ -213,12 +213,12 @@
 
 :host([variant="blue"]) {
 
-  --mds-badge-color: rgb(var(--label-blue-10));
+  --mds-badge-color: rgb(var(--tone-neutral));
 }
 
 :host([variant="blue"][tone="strong"]) {
 
-  --mds-badge-background: rgb(var(--label-blue-05));
+  --mds-badge-background: rgb(var(--label-blue-04));
 }
 
 :host([variant="blue"][tone="weak"]) {
@@ -243,7 +243,7 @@
   :host([variant="blue"]),
   :host([variant="blue"][tone="strong"]) {
 
-    --mds-badge-background: rgb(var(--label-blue-04));
+    --mds-badge-background: rgb(var(--label-blue-03));
   }
 
   :host([variant="blue"][tone="weak"]) {
@@ -255,7 +255,7 @@
 
     --mds-badge-color: rgb(var(--label-blue-02));
   }
-  
+
   :host([variant="blue"][tone="ghost"]) {
 
     --mds-badge-background: transparent;
@@ -285,7 +285,7 @@
     }
 
     :host([variant="blue"][tone="ghost"]) {
-      
+
       --mds-badge-background: transparent;
       --mds-badge-color: rgb(var(--label-blue-03));
       --mds-badge-border-color: rgb(var(--label-blue-03));
@@ -323,12 +323,12 @@
 
 :host([variant="error"]) {
 
-  --mds-badge-color: rgb(var(--status-error-10));
+  --mds-badge-color: rgb(var(--tone-neutral));
 }
 
 :host([variant="error"][tone="strong"]) {
 
-  --mds-badge-background: rgb(var(--status-error-05));
+  --mds-badge-background: rgb(var(--status-error-04));
 }
 
 :host([variant="error"][tone="weak"]) {
@@ -353,7 +353,7 @@
   :host([variant="error"]),
   :host([variant="error"][tone="strong"]) {
 
-    --mds-badge-background: rgb(var(--status-error-04));
+    --mds-badge-background: rgb(var(--status-error-03));
   }
 
   :host([variant="error"][tone="weak"]) {
@@ -365,7 +365,7 @@
 
     --mds-badge-color: rgb(var(--status-error-02));
   }
-  
+
   :host([variant="error"][tone="ghost"]) {
 
     --mds-badge-background: transparent;
@@ -395,7 +395,7 @@
     }
 
     :host([variant="error"][tone="ghost"]) {
-      
+
       --mds-badge-background: transparent;
       --mds-badge-color: rgb(var(--status-error-03));
       --mds-badge-border-color: rgb(var(--status-error-03));
@@ -407,12 +407,12 @@
 
 :host([variant="green"]) {
 
-  --mds-badge-color: rgb(var(--label-green-10));
+  --mds-badge-color: rgb(var(--tone-neutral));
 }
 
 :host([variant="green"][tone="strong"]) {
 
-  --mds-badge-background: rgb(var(--label-green-05));
+  --mds-badge-background: rgb(var(--label-green-04));
 }
 
 :host([variant="green"][tone="weak"]) {
@@ -437,7 +437,7 @@
   :host([variant="green"]),
   :host([variant="green"][tone="strong"]) {
 
-    --mds-badge-background: rgb(var(--label-green-04));
+    --mds-badge-background: rgb(var(--label-green-03));
   }
 
   :host([variant="green"][tone="weak"]) {
@@ -449,7 +449,7 @@
 
     --mds-badge-color: rgb(var(--label-green-02));
   }
-  
+
   :host([variant="green"][tone="ghost"]) {
 
     --mds-badge-background: transparent;
@@ -479,7 +479,7 @@
     }
 
     :host([variant="green"][tone="ghost"]) {
-      
+
       --mds-badge-background: transparent;
       --mds-badge-color: rgb(var(--label-green-03));
       --mds-badge-border-color: rgb(var(--label-green-03));
@@ -491,12 +491,12 @@
 
 :host([variant="info"]) {
 
-  --mds-badge-color: rgb(var(--status-info-10));
+  --mds-badge-color: rgb(var(--tone-neutral));
 }
 
 :host([variant="info"][tone="strong"]) {
 
-  --mds-badge-background: rgb(var(--status-info-05));
+  --mds-badge-background: rgb(var(--status-info-04));
 }
 
 :host([variant="info"][tone="weak"]) {
@@ -521,7 +521,7 @@
   :host([variant="info"]),
   :host([variant="info"][tone="strong"]) {
 
-    --mds-badge-background: rgb(var(--status-info-04));
+    --mds-badge-background: rgb(var(--status-info-03));
   }
 
   :host([variant="info"][tone="weak"]) {
@@ -533,7 +533,7 @@
 
     --mds-badge-color: rgb(var(--status-info-02));
   }
-  
+
   :host([variant="info"][tone="ghost"]) {
 
     --mds-badge-background: transparent;
@@ -563,7 +563,7 @@
     }
 
     :host([variant="info"][tone="ghost"]) {
-      
+
       --mds-badge-background: transparent;
       --mds-badge-color: rgb(var(--status-info-03));
       --mds-badge-border-color: rgb(var(--status-info-03));
@@ -600,12 +600,12 @@
 
 :host([variant="lime"]) {
 
-  --mds-badge-color: rgb(var(--label-lime-10));
+  --mds-badge-color: rgb(var(--tone-neutral));
 }
 
 :host([variant="lime"][tone="strong"]) {
 
-  --mds-badge-background: rgb(var(--label-lime-05));
+  --mds-badge-background: rgb(var(--label-lime-04));
 }
 
 :host([variant="lime"][tone="weak"]) {
@@ -630,7 +630,7 @@
   :host([variant="lime"]),
   :host([variant="lime"][tone="strong"]) {
 
-    --mds-badge-background: rgb(var(--label-lime-04));
+    --mds-badge-background: rgb(var(--label-lime-03));
   }
 
   :host([variant="lime"][tone="weak"]) {
@@ -642,7 +642,7 @@
 
     --mds-badge-color: rgb(var(--label-lime-02));
   }
-  
+
   :host([variant="lime"][tone="ghost"]) {
 
     --mds-badge-background: transparent;
@@ -672,7 +672,7 @@
     }
 
     :host([variant="lime"][tone="ghost"]) {
-      
+
       --mds-badge-background: transparent;
       --mds-badge-color: rgb(var(--label-lime-03));
       --mds-badge-border-color: rgb(var(--label-lime-03));
@@ -684,12 +684,12 @@
 
 :host([variant="orange"]) {
 
-  --mds-badge-color: rgb(var(--label-orange-10));
+  --mds-badge-color: rgb(var(--tone-neutral));
 }
 
 :host([variant="orange"][tone="strong"]) {
 
-  --mds-badge-background: rgb(var(--label-orange-05));
+  --mds-badge-background: rgb(var(--label-orange-04));
 }
 
 :host([variant="orange"][tone="weak"]) {
@@ -714,7 +714,7 @@
   :host([variant="orange"]),
   :host([variant="orange"][tone="strong"]) {
 
-    --mds-badge-background: rgb(var(--label-orange-04));
+    --mds-badge-background: rgb(var(--label-orange-03));
   }
 
   :host([variant="orange"][tone="weak"]) {
@@ -726,7 +726,7 @@
 
     --mds-badge-color: rgb(var(--label-orange-02));
   }
-  
+
   :host([variant="orange"][tone="ghost"]) {
 
     --mds-badge-background: transparent;
@@ -756,7 +756,7 @@
     }
 
     :host([variant="orange"][tone="ghost"]) {
-      
+
       --mds-badge-background: transparent;
       --mds-badge-color: rgb(var(--label-orange-03));
       --mds-badge-border-color: rgb(var(--label-orange-03));
@@ -768,12 +768,12 @@
 
 :host([variant="orchid"]) {
 
-  --mds-badge-color: rgb(var(--label-orchid-10));
+  --mds-badge-color: rgb(var(--tone-neutral));
 }
 
 :host([variant="orchid"][tone="strong"]) {
 
-  --mds-badge-background: rgb(var(--label-orchid-05));
+  --mds-badge-background: rgb(var(--label-orchid-04));
 }
 
 :host([variant="orchid"][tone="weak"]) {
@@ -798,7 +798,7 @@
   :host([variant="orchid"]),
   :host([variant="orchid"][tone="strong"]) {
 
-    --mds-badge-background: rgb(var(--label-orchid-04));
+    --mds-badge-background: rgb(var(--label-orchid-03));
   }
 
   :host([variant="orchid"][tone="weak"]) {
@@ -810,7 +810,7 @@
 
     --mds-badge-color: rgb(var(--label-orchid-02));
   }
-  
+
   :host([variant="orchid"][tone="ghost"]) {
 
     --mds-badge-background: transparent;
@@ -840,7 +840,7 @@
     }
 
     :host([variant="orchid"][tone="ghost"]) {
-      
+
       --mds-badge-background: transparent;
       --mds-badge-color: rgb(var(--label-orchid-03));
       --mds-badge-border-color: rgb(var(--label-orchid-03));
@@ -852,12 +852,12 @@
 
 :host([variant="sky"]) {
 
-  --mds-badge-color: rgb(var(--label-sky-10));
+  --mds-badge-color: rgb(var(--tone-neutral));
 }
 
 :host([variant="sky"][tone="strong"]) {
 
-  --mds-badge-background: rgb(var(--label-sky-05));
+  --mds-badge-background: rgb(var(--label-sky-04));
 }
 
 :host([variant="sky"][tone="weak"]) {
@@ -882,7 +882,7 @@
   :host([variant="sky"]),
   :host([variant="sky"][tone="strong"]) {
 
-    --mds-badge-background: rgb(var(--label-sky-04));
+    --mds-badge-background: rgb(var(--label-sky-03));
   }
 
   :host([variant="sky"][tone="weak"]) {
@@ -894,7 +894,7 @@
 
     --mds-badge-color: rgb(var(--label-sky-02));
   }
-  
+
   :host([variant="sky"][tone="ghost"]) {
 
     --mds-badge-background: transparent;
@@ -924,7 +924,7 @@
     }
 
     :host([variant="sky"][tone="ghost"]) {
-      
+
       --mds-badge-background: transparent;
       --mds-badge-color: rgb(var(--label-sky-03));
       --mds-badge-border-color: rgb(var(--label-sky-03));
@@ -936,12 +936,12 @@
 
 :host([variant="success"]) {
 
-  --mds-badge-color: rgb(var(--status-success-10));
+  --mds-badge-color: rgb(var(--tone-neutral));
 }
 
 :host([variant="success"][tone="strong"]) {
 
-  --mds-badge-background: rgb(var(--status-success-05));
+  --mds-badge-background: rgb(var(--status-success-04));
 }
 
 :host([variant="success"][tone="weak"]) {
@@ -966,7 +966,7 @@
   :host([variant="success"]),
   :host([variant="success"][tone="strong"]) {
 
-    --mds-badge-background: rgb(var(--status-success-04));
+    --mds-badge-background: rgb(var(--status-success-03));
   }
 
   :host([variant="success"][tone="weak"]) {
@@ -978,7 +978,7 @@
 
     --mds-badge-color: rgb(var(--status-success-02));
   }
-  
+
   :host([variant="success"][tone="ghost"]) {
 
     --mds-badge-background: transparent;
@@ -1008,7 +1008,7 @@
     }
 
     :host([variant="success"][tone="ghost"]) {
-      
+
       --mds-badge-background: transparent;
       --mds-badge-color: rgb(var(--status-success-03));
       --mds-badge-border-color: rgb(var(--status-success-03));
@@ -1020,12 +1020,12 @@
 
 :host([variant="violet"]) {
 
-  --mds-badge-color: rgb(var(--label-violet-10));
+  --mds-badge-color: rgb(var(--tone-neutral));
 }
 
 :host([variant="violet"][tone="strong"]) {
 
-  --mds-badge-background: rgb(var(--label-violet-05));
+  --mds-badge-background: rgb(var(--label-violet-04));
 }
 
 :host([variant="violet"][tone="weak"]) {
@@ -1050,7 +1050,7 @@
   :host([variant="violet"]),
   :host([variant="violet"][tone="strong"]) {
 
-    --mds-badge-background: rgb(var(--label-violet-04));
+    --mds-badge-background: rgb(var(--label-violet-03));
   }
 
   :host([variant="violet"][tone="weak"]) {
@@ -1062,7 +1062,7 @@
 
     --mds-badge-color: rgb(var(--label-violet-02));
   }
-  
+
   :host([variant="violet"][tone="ghost"]) {
 
     --mds-badge-background: transparent;
@@ -1092,7 +1092,7 @@
     }
 
     :host([variant="violet"][tone="ghost"]) {
-      
+
       --mds-badge-background: transparent;
       --mds-badge-color: rgb(var(--label-violet-03));
       --mds-badge-border-color: rgb(var(--label-violet-03));
@@ -1104,12 +1104,12 @@
 
 :host([variant="warning"]) {
 
-  --mds-badge-color: rgb(var(--status-warning-10));
+  --mds-badge-color: rgb(var(--tone-neutral));
 }
 
 :host([variant="warning"][tone="strong"]) {
 
-  --mds-badge-background: rgb(var(--status-warning-05));
+  --mds-badge-background: rgb(var(--status-warning-04));
 }
 
 :host([variant="warning"][tone="weak"]) {
@@ -1134,7 +1134,7 @@
   :host([variant="warning"]),
   :host([variant="warning"][tone="strong"]) {
 
-    --mds-badge-background: rgb(var(--status-warning-04));
+    --mds-badge-background: rgb(var(--status-warning-03));
   }
 
   :host([variant="warning"][tone="weak"]) {
@@ -1146,7 +1146,7 @@
 
     --mds-badge-color: rgb(var(--status-warning-02));
   }
-  
+
   :host([variant="warning"][tone="ghost"]) {
 
     --mds-badge-background: transparent;
@@ -1176,7 +1176,7 @@
     }
 
     :host([variant="warning"][tone="ghost"]) {
-      
+
       --mds-badge-background: transparent;
       --mds-badge-color: rgb(var(--status-warning-03));
       --mds-badge-border-color: rgb(var(--status-warning-03));
@@ -1188,12 +1188,12 @@
 
 :host([variant="yellow"]) {
 
-  --mds-badge-color: rgb(var(--label-yellow-10));
+  --mds-badge-color: rgb(var(--tone-neutral));
 }
 
 :host([variant="yellow"][tone="strong"]) {
 
-  --mds-badge-background: rgb(var(--label-yellow-05));
+  --mds-badge-background: rgb(var(--label-yellow-04));
 }
 
 :host([variant="yellow"][tone="weak"]) {
@@ -1218,7 +1218,7 @@
   :host([variant="yellow"]),
   :host([variant="yellow"][tone="strong"]) {
 
-    --mds-badge-background: rgb(var(--label-yellow-04));
+    --mds-badge-background: rgb(var(--label-yellow-03));
   }
 
   :host([variant="yellow"][tone="weak"]) {
@@ -1230,7 +1230,7 @@
 
     --mds-badge-color: rgb(var(--label-yellow-02));
   }
-  
+
   :host([variant="yellow"][tone="ghost"]) {
 
     --mds-badge-background: transparent;
@@ -1260,7 +1260,7 @@
     }
 
     :host([variant="yellow"][tone="ghost"]) {
-      
+
       --mds-badge-background: transparent;
       --mds-badge-color: rgb(var(--label-yellow-03));
       --mds-badge-border-color: rgb(var(--label-yellow-03));
@@ -1285,8 +1285,6 @@
   }
 }
 
-@tailwind utilities;
-
 @container style(--magma-pref-theme: dark) {
   :host([tone="strong"]),
   :host([tone="weak"]) {

package/dist/collection/components/mds-banner/mds-banner.css

@@ -225,25 +225,25 @@
 :host( [variant="primary"][tone="strong"] ) {
 
   --mds-banner-background: rgb(var(--tone-neutral));
-  --mds-banner-close-icon-hover-background: rgb(var(--brand-maggioli-09));
+  --mds-banner-close-icon-hover-background: rgb(var(--variant-primary-09));
   --mds-banner-color: rgb(var(--tone-neutral-02));
-  --mds-banner-icon-color: rgb(var(--brand-maggioli-05));
+  --mds-banner-icon-color: rgb(var(--variant-primary-05));
   --mds-banner-shadow: 0 0 1px 1px rgb(0 0 0 / 0.06), 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -2px rgb(0 0 0 / 0.05);
 }
 
 :host( [variant="primary"][tone="weak"] ) {
 
   --mds-banner-background: rgb(var(--tone-neutral));
-  --mds-banner-close-icon-hover-background: rgb(var(--brand-maggioli-10));
+  --mds-banner-close-icon-hover-background: rgb(var(--variant-primary-10));
   --mds-banner-color: rgb(var(--tone-neutral-02));
-  --mds-banner-icon-color: rgb(var(--brand-maggioli-05));
+  --mds-banner-icon-color: rgb(var(--variant-primary-05));
   --mds-banner-shadow: 0 0 1px 1px rgb(0 0 0 / 0.06), 0 1px 2px 0 rgb(0 0 0 / 0.05);
 }
 
 :host( [variant="primary"][tone="ghost"] ) {
 
   --mds-banner-color: rgb(var(--tone-neutral-02));
-  --mds-banner-close-icon-hover-background: rgb(var(--brand-maggioli-10));
+  --mds-banner-close-icon-hover-background: rgb(var(--variant-primary-10));
   --mds-banner-shadow: none;
 }
 

package/dist/collection/components/mds-banner/mds-banner.js

@@ -2,7 +2,9 @@ import { Host, h } from "@stencil/core";
 import miBaselineClose from "@icon/mi/baseline/close.svg";
 import { KeyboardManager } from "../../common/keyboard-manager";
 import { Locale } from "../../common/locale";
+import localeEl from "./meta/locale.el.json";
 import localeEn from "./meta/locale.en.json";
+import localeEs from "./meta/locale.es.json";
 import localeIt from "./meta/locale.it.json";
 /**
  * @slot default - Add `text string`, `HTML elements` or `components` to this slot.
@@ -12,7 +14,9 @@ export class MdsBanner {
     constructor() {
         this.km = new KeyboardManager();
         this.t = new Locale({
+            el: localeEl,
             en: localeEn,
+            es: localeEs,
             it: localeIt,
         });
         this.deletableHandler = () => {
@@ -28,12 +32,16 @@ export class MdsBanner {
         this.closeBanner = () => {
             this.closeEvent.emit();
         };
+        this.language = undefined;
         this.variant = 'light';
         this.tone = 'weak';
         this.deletable = undefined;
         this.headline = undefined;
         this.icon = undefined;
     }
+    async updateLang() {
+        this.language = this.t.lang(this.host);
+    }
     componentWillRender() {
         this.t.lang(this.host);
     }
@@ -50,9 +58,9 @@ export class MdsBanner {
         this.km.detachClickBehavior();
     }
     render() {
-        return (h(Host, { key: '8333c364a348e6bd8b467d7caeeb2998f3e6286b' }, h("div", { key: 'c9d366802753488c53dd09842d8dcddd60db0ce7', class: "body" }, this.icon && h("mds-icon", { key: 'fa64abd8f8f50eacdf180d838ef8aa5ab66b59b8', class: "icon", name: this.icon }), h("div", { key: 'ff353e60e446b9ab5b4e47b511cf67976b2ba378', class: "content" }, this.headline && h("mds-text", { key: 'eb1bef3788d686f15dbfd02c34ed9a2649416878', class: "headline", typography: "h6" }, this.headline), h("div", { key: 'a2f9638a750d8131f2b59cfc93318a4b0ec4200d', class: "text" }, h("slot", { key: 'ccc083ac0321feaca0fa962c7382bf1c1a3ab7ea' }))), this.deletable && h("mds-button", { key: '13ea4543e6e85db011b2d06b4ad063d0829ace53', class: "close-button", icon: miBaselineClose, onClick: this.closeBanner, title: this.t.get('cancel') })), this.actions
+        return (h(Host, { key: 'ec500b178f8fb536d7ff78c4aa0e2d5cde1416a6', "aria-label": this.headline }, h("div", { key: '77b8ab327d05ab7f7c8b87733e5c7a2784efd384', class: "body" }, this.icon && h("mds-icon", { key: 'b6457845c78edd94a4764481aea866d830f80c33', "aria-hidden": "true", class: "icon", name: this.icon }), h("div", { key: '4f78e43b827317ef72ce0b8a249af973264c0dc9', class: "content" }, this.headline && h("mds-text", { key: '17f91409b58a52e38bca1cfd873f16eca0e2db5d', "aria-hidden": "true", class: "headline", typography: "h6" }, this.headline), h("div", { key: '517e0d0e1f12a20ca241dc1aa847d1d984032ba3', class: "text" }, h("slot", { key: '29275ee77a4c61aea7a7ca73dcee461090e02289' }))), this.deletable && h("mds-button", { key: 'adfef7961d882e69b62bb244413cc8429ee42d35', class: "close-button", icon: miBaselineClose, onClick: this.closeBanner, title: this.t.get('cancel') })), this.actions
             &&
-                h("div", { key: '138473148350f3b3be8bb8a20219e881c0ceedc8', class: "actions" }, h("slot", { key: '4c36f948eeffb9554bfcdfa309045006ae7c6577', name: "actions" }))));
+                h("div", { key: '70adbb0543a97dc3d0e090602fb6755f2d91cb1b', class: "actions" }, h("slot", { key: '56d13bc8b79b4a11e595526c3fdf75b13d9bbf37', name: "actions" }))));
     }
     static get is() { return "mds-banner"; }
     static get encapsulation() { return "shadow"; }
@@ -169,6 +177,11 @@ export class MdsBanner {
             }
         };
     }
+    static get states() {
+        return {
+            "language": {}
+        };
+    }
     static get events() {
         return [{
                 "method": "closeEvent",
@@ -187,5 +200,26 @@ export class MdsBanner {
                 }
             }];
     }
+    static get methods() {
+        return {
+            "updateLang": {
+                "complexType": {
+                    "signature": "() => Promise<void>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "",
+                    "tags": []
+                }
+            }
+        };
+    }
     static get elementRef() { return "host"; }
 }