@maggioli-design-system/mds-badge - npm Package Compare versions

Comparing version 2.0.2 to 2.1.1

dist/cjs/loader.cjs.js

@@ -5,6 +5,6 @@ 'use strict';
 
-const index = require('./index-dbb73e49.js');
+const index = require('./index-bb85c9cf.js');
 
 /*
- Stencil Client Patch Esm v2.17.0 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Esm v2.19.3 | MIT Licensed | https://stenciljs.com
  */
@@ -11,0 +11,0 @@ const patchEsm = () => {

dist/cjs/mds-badge.cjs.entry.js

@@ -5,5 +5,5 @@ 'use strict';
 
-const index = require('./index-dbb73e49.js');
+const index = require('./index-bb85c9cf.js');
 
-const mdsBadgeCss = "@tailwind utilities; :host{--background:rgb(var(--label-sky-09));--radius:0.25rem;--color:rgb(var(--label-sky-03));display:-ms-inline-flexbox;display:inline-flex;min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content;-ms-flex-align:center;align-items:center;padding-left:0.5rem;padding-right:0.5rem;padding-top:0.25rem;padding-bottom:0.25rem;transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;-webkit-transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:150ms;transition-duration:150ms;background-color:var(--background);border-radius:var(--radius);color:var(--color)}@tailwind utilities; :host([variant=amaranth]),:host([variant=amaranth][tone=strong]){--background:rgb(var(--label-amaranth-05));--color:rgb(var(--label-amaranth-10))}:host([variant=amaranth][tone=weak]){--background:rgb(var(--label-amaranth-08));--color:rgb(var(--label-amaranth-02))}:host([variant=amaranth][tone=quiet]){--background:rgb(var(--label-amaranth-09));--color:rgb(var(--label-amaranth-04))}@tailwind utilities; :host([variant=aqua]),:host([variant=aqua][tone=strong]){--background:rgb(var(--label-aqua-05));--color:rgb(var(--label-aqua-10))}:host([variant=aqua][tone=weak]){--background:rgb(var(--label-aqua-08));--color:rgb(var(--label-aqua-02))}:host([variant=aqua][tone=quiet]){--background:rgb(var(--label-aqua-09));--color:rgb(var(--label-aqua-04))}@tailwind utilities; :host([variant=blue]),:host([variant=blue][tone=strong]){--background:rgb(var(--label-blue-05));--color:rgb(var(--label-blue-10))}:host([variant=blue][tone=weak]){--background:rgb(var(--label-blue-08));--color:rgb(var(--label-blue-02))}:host([variant=blue][tone=quiet]){--background:rgb(var(--label-blue-09));--color:rgb(var(--label-blue-04))}@tailwind utilities; :host([variant=dark]),:host([variant=dark][tone=strong]){--background:rgb(var(--tone-neutral-02));--color:rgb(var(--tone-neutral-09))}:host([variant=dark][tone=weak]){--background:rgb(var(--tone-neutral-08));--color:rgb(var(--tone-neutral-02))}:host([variant=dark][tone=quiet]){--background:rgb(var(--tone-neutral-09));--color:rgb(var(--tone-neutral-05))}@tailwind utilities; :host([variant=error]),:host([variant=error][tone=strong]){--background:rgb(var(--status-error-05));--color:rgb(var(--status-error-10))}:host([variant=error][tone=weak]){--background:rgb(var(--status-error-08));--color:rgb(var(--status-error-02))}:host([variant=error][tone=quiet]){--background:rgb(var(--status-error-09));--color:rgb(var(--status-error-04))}@tailwind utilities; :host([variant=green]),:host([variant=green][tone=strong]){--background:rgb(var(--label-green-05));--color:rgb(var(--label-green-10))}:host([variant=green][tone=weak]){--background:rgb(var(--label-green-08));--color:rgb(var(--label-green-02))}:host([variant=green][tone=quiet]){--background:rgb(var(--label-green-09));--color:rgb(var(--label-green-04))}@tailwind utilities; :host([variant=info]),:host([variant=info][tone=strong]){--background:rgb(var(--status-info-05));--color:rgb(var(--status-info-10))}:host([variant=info][tone=weak]){--background:rgb(var(--status-info-08));--color:rgb(var(--status-info-02))}:host([variant=info][tone=quiet]){--background:rgb(var(--status-info-09));--color:rgb(var(--status-info-04))}@tailwind utilities; :host([variant=light]),:host([variant=light][tone=strong]){--background:rgb(var(--tone-neutral-10));--color:rgb(var(--tone-neutral-03))}:host([variant=light][tone=weak]){--background:rgb(var(--tone-neutral-10));--color:rgb(var(--tone-neutral-03))}:host([variant=light][tone=quiet]){--background:rgb(var(--tone-neutral-09));--color:rgb(var(--tone-neutral-02))}@tailwind utilities; :host([variant=lime]),:host([variant=lime][tone=strong]){--background:rgb(var(--label-lime-05));--color:rgb(var(--label-lime-10))}:host([variant=lime][tone=weak]){--background:rgb(var(--label-lime-08));--color:rgb(var(--label-lime-02))}:host([variant=lime][tone=quiet]){--background:rgb(var(--label-lime-09));--color:rgb(var(--label-lime-04))}@tailwind utilities; :host([variant=orange]),:host([variant=orange][tone=strong]){--background:rgb(var(--label-orange-05));--color:rgb(var(--label-orange-10))}:host([variant=orange][tone=weak]){--background:rgb(var(--label-orange-08));--color:rgb(var(--label-orange-02))}:host([variant=orange][tone=quiet]){--background:rgb(var(--label-orange-09));--color:rgb(var(--label-orange-04))}@tailwind utilities; :host([variant=orchid]),:host([variant=orchid][tone=strong]){--background:rgb(var(--label-orchid-05));--color:rgb(var(--label-orchid-10))}:host([variant=orchid][tone=weak]){--background:rgb(var(--label-orchid-08));--color:rgb(var(--label-orchid-02))}:host([variant=orchid][tone=quiet]){--background:rgb(var(--label-orchid-09));--color:rgb(var(--label-orchid-04))}@tailwind utilities; :host([variant=sky]),:host([variant=sky][tone=strong]){--background:rgb(var(--label-sky-05));--color:rgb(var(--label-sky-10))}:host([variant=sky][tone=weak]){--background:rgb(var(--label-sky-08));--color:rgb(var(--label-sky-02))}:host([variant=sky][tone=quiet]){--background:rgb(var(--label-sky-09));--color:rgb(var(--label-sky-04))}@tailwind utilities; :host([variant=success]),:host([variant=success][tone=strong]){--background:rgb(var(--status-success-05));--color:rgb(var(--status-success-10))}:host([variant=success][tone=weak]){--background:rgb(var(--status-success-08));--color:rgb(var(--status-success-02))}:host([variant=success][tone=quiet]){--background:rgb(var(--status-success-09));--color:rgb(var(--status-success-04))}@tailwind utilities; :host([variant=violet]),:host([variant=violet][tone=strong]){--background:rgb(var(--label-violet-05));--color:rgb(var(--label-violet-10))}:host([variant=violet][tone=weak]){--background:rgb(var(--label-violet-08));--color:rgb(var(--label-violet-02))}:host([variant=violet][tone=quiet]){--background:rgb(var(--label-violet-09));--color:rgb(var(--label-violet-04))}@tailwind utilities; :host([variant=warning]),:host([variant=warning][tone=strong]){--background:rgb(var(--status-warning-05));--color:rgb(var(--status-warning-10))}:host([variant=warning][tone=weak]){--background:rgb(var(--status-warning-08));--color:rgb(var(--status-warning-02))}:host([variant=warning][tone=quiet]){--background:rgb(var(--status-warning-09));--color:rgb(var(--status-warning-04))}.fixed{position:fixed}.absolute{position:absolute}.border{border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host([variant=yellow]),:host([variant=yellow][tone=strong]){--background:rgb(var(--label-yellow-05));--color:rgb(var(--label-yellow-10))}:host([variant=yellow][tone=weak]){--background:rgb(var(--label-yellow-08));--color:rgb(var(--label-yellow-02))}:host([variant=yellow][tone=quiet]){--background:rgb(var(--label-yellow-09));--color:rgb(var(--label-yellow-04))}";
+const mdsBadgeCss = "@tailwind utilities; :host{--background:rgb(var(--label-sky-09));--radius:0.25rem;--color:rgb(var(--label-sky-03));display:-ms-inline-flexbox;display:inline-flex;min-width:-moz-min-content;min-width:-webkit-min-content;min-width:min-content;-ms-flex-align:center;align-items:center;padding-left:0.5rem;padding-right:0.5rem;padding-top:0.25rem;padding-bottom:0.25rem;-webkit-transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:150ms;transition-duration:150ms;background-color:var(--background);border-radius:var(--radius);color:var(--color)}@tailwind utilities; :host([variant=amaranth]),:host([variant=amaranth][tone=strong]){--background:rgb(var(--label-amaranth-05));--color:rgb(var(--label-amaranth-10))}:host([variant=amaranth][tone=weak]){--background:rgb(var(--label-amaranth-08));--color:rgb(var(--label-amaranth-02))}:host([variant=amaranth][tone=quiet]){--background:rgb(var(--label-amaranth-09));--color:rgb(var(--label-amaranth-04))}@tailwind utilities; :host([variant=aqua]),:host([variant=aqua][tone=strong]){--background:rgb(var(--label-aqua-05));--color:rgb(var(--label-aqua-10))}:host([variant=aqua][tone=weak]){--background:rgb(var(--label-aqua-08));--color:rgb(var(--label-aqua-02))}:host([variant=aqua][tone=quiet]){--background:rgb(var(--label-aqua-09));--color:rgb(var(--label-aqua-04))}@tailwind utilities; :host([variant=blue]),:host([variant=blue][tone=strong]){--background:rgb(var(--label-blue-05));--color:rgb(var(--label-blue-10))}:host([variant=blue][tone=weak]){--background:rgb(var(--label-blue-08));--color:rgb(var(--label-blue-02))}:host([variant=blue][tone=quiet]){--background:rgb(var(--label-blue-09));--color:rgb(var(--label-blue-04))}@tailwind utilities; :host([variant=dark]),:host([variant=dark][tone=strong]){--background:rgb(var(--tone-neutral-02));--color:rgb(var(--tone-neutral-09))}:host([variant=dark][tone=weak]){--background:rgb(var(--tone-neutral-08));--color:rgb(var(--tone-neutral-02))}:host([variant=dark][tone=quiet]){--background:rgb(var(--tone-neutral-09));--color:rgb(var(--tone-neutral-05))}@tailwind utilities; :host([variant=error]),:host([variant=error][tone=strong]){--background:rgb(var(--status-error-05));--color:rgb(var(--status-error-10))}:host([variant=error][tone=weak]){--background:rgb(var(--status-error-08));--color:rgb(var(--status-error-02))}:host([variant=error][tone=quiet]){--background:rgb(var(--status-error-09));--color:rgb(var(--status-error-04))}@tailwind utilities; :host([variant=green]),:host([variant=green][tone=strong]){--background:rgb(var(--label-green-05));--color:rgb(var(--label-green-10))}:host([variant=green][tone=weak]){--background:rgb(var(--label-green-08));--color:rgb(var(--label-green-02))}:host([variant=green][tone=quiet]){--background:rgb(var(--label-green-09));--color:rgb(var(--label-green-04))}@tailwind utilities; :host([variant=info]),:host([variant=info][tone=strong]){--background:rgb(var(--status-info-05));--color:rgb(var(--status-info-10))}:host([variant=info][tone=weak]){--background:rgb(var(--status-info-08));--color:rgb(var(--status-info-02))}:host([variant=info][tone=quiet]){--background:rgb(var(--status-info-09));--color:rgb(var(--status-info-04))}@tailwind utilities; :host([variant=light]),:host([variant=light][tone=strong]){--background:rgb(var(--tone-neutral-10));--color:rgb(var(--tone-neutral-03))}:host([variant=light][tone=weak]){--background:rgb(var(--tone-neutral-10));--color:rgb(var(--tone-neutral-03))}:host([variant=light][tone=quiet]){--background:rgb(var(--tone-neutral-09));--color:rgb(var(--tone-neutral-02))}@tailwind utilities; :host([variant=lime]),:host([variant=lime][tone=strong]){--background:rgb(var(--label-lime-05));--color:rgb(var(--label-lime-10))}:host([variant=lime][tone=weak]){--background:rgb(var(--label-lime-08));--color:rgb(var(--label-lime-02))}:host([variant=lime][tone=quiet]){--background:rgb(var(--label-lime-09));--color:rgb(var(--label-lime-04))}@tailwind utilities; :host([variant=orange]),:host([variant=orange][tone=strong]){--background:rgb(var(--label-orange-05));--color:rgb(var(--label-orange-10))}:host([variant=orange][tone=weak]){--background:rgb(var(--label-orange-08));--color:rgb(var(--label-orange-02))}:host([variant=orange][tone=quiet]){--background:rgb(var(--label-orange-09));--color:rgb(var(--label-orange-04))}@tailwind utilities; :host([variant=orchid]),:host([variant=orchid][tone=strong]){--background:rgb(var(--label-orchid-05));--color:rgb(var(--label-orchid-10))}:host([variant=orchid][tone=weak]){--background:rgb(var(--label-orchid-08));--color:rgb(var(--label-orchid-02))}:host([variant=orchid][tone=quiet]){--background:rgb(var(--label-orchid-09));--color:rgb(var(--label-orchid-04))}@tailwind utilities; :host([variant=sky]),:host([variant=sky][tone=strong]){--background:rgb(var(--label-sky-05));--color:rgb(var(--label-sky-10))}:host([variant=sky][tone=weak]){--background:rgb(var(--label-sky-08));--color:rgb(var(--label-sky-02))}:host([variant=sky][tone=quiet]){--background:rgb(var(--label-sky-09));--color:rgb(var(--label-sky-04))}@tailwind utilities; :host([variant=success]),:host([variant=success][tone=strong]){--background:rgb(var(--status-success-05));--color:rgb(var(--status-success-10))}:host([variant=success][tone=weak]){--background:rgb(var(--status-success-08));--color:rgb(var(--status-success-02))}:host([variant=success][tone=quiet]){--background:rgb(var(--status-success-09));--color:rgb(var(--status-success-04))}@tailwind utilities; :host([variant=violet]),:host([variant=violet][tone=strong]){--background:rgb(var(--label-violet-05));--color:rgb(var(--label-violet-10))}:host([variant=violet][tone=weak]){--background:rgb(var(--label-violet-08));--color:rgb(var(--label-violet-02))}:host([variant=violet][tone=quiet]){--background:rgb(var(--label-violet-09));--color:rgb(var(--label-violet-04))}@tailwind utilities; :host([variant=warning]),:host([variant=warning][tone=strong]){--background:rgb(var(--status-warning-05));--color:rgb(var(--status-warning-10))}:host([variant=warning][tone=weak]){--background:rgb(var(--status-warning-08));--color:rgb(var(--status-warning-02))}:host([variant=warning][tone=quiet]){--background:rgb(var(--status-warning-09));--color:rgb(var(--status-warning-04))}.fixed{position:fixed}.absolute{position:absolute}.border{border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host([variant=yellow]),:host([variant=yellow][tone=strong]){--background:rgb(var(--label-yellow-05));--color:rgb(var(--label-yellow-10))}:host([variant=yellow][tone=weak]){--background:rgb(var(--label-yellow-08));--color:rgb(var(--label-yellow-02))}:host([variant=yellow][tone=quiet]){--background:rgb(var(--label-yellow-09));--color:rgb(var(--label-yellow-04))}";
 
@@ -13,17 +13,9 @@ const MdsBadge = class {
     index.registerInstance(this, hostRef);
-    /**
-     * Sets the theme variant colors
-     */
     this.variant = 'green';
-    /**
-     * Sets the tone of the color variant
-     */
     this.tone = 'weak';
-    /**
-     * Specifies the typography of the element
-     */
     this.typography = 'option';
+    this.typographyVariant = undefined;
   }
   render() {
-    return (index.h(index.Host, null, index.h("mds-text", { typography: this.typography, variant: this.typographyVariant }, index.h("slot", null))));
+    return (index.h(index.Host, null, index.h("mds-text", { tag: "span", typography: this.typography, variant: this.typographyVariant }, index.h("slot", null))));
   }
@@ -30,0 +22,0 @@ };

dist/cjs/mds-badge.cjs.js

 'use strict';
 
-const index = require('./index-dbb73e49.js');
+const index = require('./index-bb85c9cf.js');
 
 /*
- Stencil Client Patch Browser v2.17.0 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v2.19.3 | MIT Licensed | https://stenciljs.com
  */
@@ -8,0 +8,0 @@ const patchBrowser = () => {

dist/collection/collection-manifest.json

@@ -7,4 +7,4 @@ {
     "name": "@stencil/core",
-    "version": "2.17.0",
-    "typescriptVersion": "4.5.4"
+    "version": "2.19.3",
+    "typescriptVersion": "4.7.4"
   },
@@ -11,0 +11,0 @@ "collections": [],

dist/collection/components/mds-badge/mds-badge.js

@@ -1,127 +0,123 @@
-import { Component, Host, h, Prop } from '@stencil/core';
+import { Host, h } from '@stencil/core';
 export class MdsBadge {
   constructor() {
-    /**
-     * Sets the theme variant colors
-     */
     this.variant = 'green';
-    /**
-     * Sets the tone of the color variant
-     */
     this.tone = 'weak';
-    /**
-     * Specifies the typography of the element
-     */
     this.typography = 'option';
+    this.typographyVariant = undefined;
   }
   render() {
-    return (h(Host, null,
-      h("mds-text", { typography: this.typography, variant: this.typographyVariant },
-        h("slot", null))));
+    return (h(Host, null, h("mds-text", { tag: "span", typography: this.typography, variant: this.typographyVariant }, h("slot", null))));
   }
   static get is() { return "mds-badge"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["mds-badge.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["mds-badge.css"]
-  }; }
-  static get properties() { return {
-    "variant": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "ThemeFullVariantType",
-        "resolved": "\"amaranth\" | \"aqua\" | \"blue\" | \"dark\" | \"error\" | \"green\" | \"info\" | \"light\" | \"lime\" | \"orange\" | \"orchid\" | \"sky\" | \"success\" | \"violet\" | \"warning\" | \"yellow\"",
-        "references": {
-          "ThemeFullVariantType": {
-            "location": "import",
-            "path": "../../types/variant"
+  static get originalStyleUrls() {
+    return {
+      "$": ["mds-badge.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["mds-badge.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "variant": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "ThemeFullVariantType",
+          "resolved": "\"amaranth\" | \"aqua\" | \"blue\" | \"dark\" | \"error\" | \"green\" | \"info\" | \"light\" | \"lime\" | \"orange\" | \"orchid\" | \"sky\" | \"success\" | \"violet\" | \"warning\" | \"yellow\"",
+          "references": {
+            "ThemeFullVariantType": {
+              "location": "import",
+              "path": "../../types/variant"
+            }
           }
-        }
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "Sets the theme variant colors"
+        },
+        "attribute": "variant",
+        "reflect": true,
+        "defaultValue": "'green'"
       },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "Sets the theme variant colors"
-      },
-      "attribute": "variant",
-      "reflect": true,
-      "defaultValue": "'green'"
-    },
-    "tone": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "ToneSimpleVariantType",
-        "resolved": "\"quiet\" | \"strong\" | \"weak\"",
-        "references": {
-          "ToneSimpleVariantType": {
-            "location": "import",
-            "path": "../../types/variant"
+      "tone": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "ToneSimpleVariantType",
+          "resolved": "\"quiet\" | \"strong\" | \"weak\"",
+          "references": {
+            "ToneSimpleVariantType": {
+              "location": "import",
+              "path": "../../types/variant"
+            }
           }
-        }
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "Sets the tone of the color variant"
+        },
+        "attribute": "tone",
+        "reflect": true,
+        "defaultValue": "'weak'"
       },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "Sets the tone of the color variant"
-      },
-      "attribute": "tone",
-      "reflect": true,
-      "defaultValue": "'weak'"
-    },
-    "typography": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "TypographyInfoType | TypographyReadType",
-        "resolved": "\"caption\" | \"detail\" | \"label\" | \"option\" | \"paragraph\" | \"tip\"",
-        "references": {
-          "TypographyInfoType": {
-            "location": "import",
-            "path": "../../types/typography"
-          },
-          "TypographyReadType": {
-            "location": "import",
-            "path": "../../types/typography"
+      "typography": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "TypographyInfoType | TypographyReadType",
+          "resolved": "\"caption\" | \"detail\" | \"label\" | \"option\" | \"paragraph\" | \"tip\"",
+          "references": {
+            "TypographyInfoType": {
+              "location": "import",
+              "path": "../../types/typography"
+            },
+            "TypographyReadType": {
+              "location": "import",
+              "path": "../../types/typography"
+            }
           }
-        }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Specifies the typography of the element"
+        },
+        "attribute": "typography",
+        "reflect": false,
+        "defaultValue": "'option'"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Specifies the typography of the element"
-      },
-      "attribute": "typography",
-      "reflect": false,
-      "defaultValue": "'option'"
-    },
-    "typographyVariant": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "TypographyVariants",
-        "resolved": "\"info\" | \"mono\" | \"read\" | \"title\"",
-        "references": {
-          "TypographyVariants": {
-            "location": "import",
-            "path": "../../types/typography"
+      "typographyVariant": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "TypographyVariants",
+          "resolved": "\"code\" | \"info\" | \"read\" | \"title\"",
+          "references": {
+            "TypographyVariants": {
+              "location": "import",
+              "path": "../../types/typography"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "Specifies the variant for `typography`"
-      },
-      "attribute": "typography-variant",
-      "reflect": false
-    }
-  }; }
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "Specifies the variant for `typography`"
+        },
+        "attribute": "typography-variant",
+        "reflect": false
+      }
+    };
+  }
 }

dist/collection/dictionary/typography.js

 const typographyDictionary = [
   'action',
   'caption',
-  'code',
+  'snippet',
   'detail',
@@ -22,6 +22,6 @@ 'h1',
   'read',
-  'mono',
+  'code',
 ];
 const typographyMonoDictionary = [
-  'code',
+  'snippet',
   'hack',
@@ -28,0 +28,0 @@ ];

dist/components/mds-badge.js

 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 
-const mdsBadgeCss = "@tailwind utilities; :host{--background:rgb(var(--label-sky-09));--radius:0.25rem;--color:rgb(var(--label-sky-03));display:-ms-inline-flexbox;display:inline-flex;min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content;-ms-flex-align:center;align-items:center;padding-left:0.5rem;padding-right:0.5rem;padding-top:0.25rem;padding-bottom:0.25rem;transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;-webkit-transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:150ms;transition-duration:150ms;background-color:var(--background);border-radius:var(--radius);color:var(--color)}@tailwind utilities; :host([variant=amaranth]),:host([variant=amaranth][tone=strong]){--background:rgb(var(--label-amaranth-05));--color:rgb(var(--label-amaranth-10))}:host([variant=amaranth][tone=weak]){--background:rgb(var(--label-amaranth-08));--color:rgb(var(--label-amaranth-02))}:host([variant=amaranth][tone=quiet]){--background:rgb(var(--label-amaranth-09));--color:rgb(var(--label-amaranth-04))}@tailwind utilities; :host([variant=aqua]),:host([variant=aqua][tone=strong]){--background:rgb(var(--label-aqua-05));--color:rgb(var(--label-aqua-10))}:host([variant=aqua][tone=weak]){--background:rgb(var(--label-aqua-08));--color:rgb(var(--label-aqua-02))}:host([variant=aqua][tone=quiet]){--background:rgb(var(--label-aqua-09));--color:rgb(var(--label-aqua-04))}@tailwind utilities; :host([variant=blue]),:host([variant=blue][tone=strong]){--background:rgb(var(--label-blue-05));--color:rgb(var(--label-blue-10))}:host([variant=blue][tone=weak]){--background:rgb(var(--label-blue-08));--color:rgb(var(--label-blue-02))}:host([variant=blue][tone=quiet]){--background:rgb(var(--label-blue-09));--color:rgb(var(--label-blue-04))}@tailwind utilities; :host([variant=dark]),:host([variant=dark][tone=strong]){--background:rgb(var(--tone-neutral-02));--color:rgb(var(--tone-neutral-09))}:host([variant=dark][tone=weak]){--background:rgb(var(--tone-neutral-08));--color:rgb(var(--tone-neutral-02))}:host([variant=dark][tone=quiet]){--background:rgb(var(--tone-neutral-09));--color:rgb(var(--tone-neutral-05))}@tailwind utilities; :host([variant=error]),:host([variant=error][tone=strong]){--background:rgb(var(--status-error-05));--color:rgb(var(--status-error-10))}:host([variant=error][tone=weak]){--background:rgb(var(--status-error-08));--color:rgb(var(--status-error-02))}:host([variant=error][tone=quiet]){--background:rgb(var(--status-error-09));--color:rgb(var(--status-error-04))}@tailwind utilities; :host([variant=green]),:host([variant=green][tone=strong]){--background:rgb(var(--label-green-05));--color:rgb(var(--label-green-10))}:host([variant=green][tone=weak]){--background:rgb(var(--label-green-08));--color:rgb(var(--label-green-02))}:host([variant=green][tone=quiet]){--background:rgb(var(--label-green-09));--color:rgb(var(--label-green-04))}@tailwind utilities; :host([variant=info]),:host([variant=info][tone=strong]){--background:rgb(var(--status-info-05));--color:rgb(var(--status-info-10))}:host([variant=info][tone=weak]){--background:rgb(var(--status-info-08));--color:rgb(var(--status-info-02))}:host([variant=info][tone=quiet]){--background:rgb(var(--status-info-09));--color:rgb(var(--status-info-04))}@tailwind utilities; :host([variant=light]),:host([variant=light][tone=strong]){--background:rgb(var(--tone-neutral-10));--color:rgb(var(--tone-neutral-03))}:host([variant=light][tone=weak]){--background:rgb(var(--tone-neutral-10));--color:rgb(var(--tone-neutral-03))}:host([variant=light][tone=quiet]){--background:rgb(var(--tone-neutral-09));--color:rgb(var(--tone-neutral-02))}@tailwind utilities; :host([variant=lime]),:host([variant=lime][tone=strong]){--background:rgb(var(--label-lime-05));--color:rgb(var(--label-lime-10))}:host([variant=lime][tone=weak]){--background:rgb(var(--label-lime-08));--color:rgb(var(--label-lime-02))}:host([variant=lime][tone=quiet]){--background:rgb(var(--label-lime-09));--color:rgb(var(--label-lime-04))}@tailwind utilities; :host([variant=orange]),:host([variant=orange][tone=strong]){--background:rgb(var(--label-orange-05));--color:rgb(var(--label-orange-10))}:host([variant=orange][tone=weak]){--background:rgb(var(--label-orange-08));--color:rgb(var(--label-orange-02))}:host([variant=orange][tone=quiet]){--background:rgb(var(--label-orange-09));--color:rgb(var(--label-orange-04))}@tailwind utilities; :host([variant=orchid]),:host([variant=orchid][tone=strong]){--background:rgb(var(--label-orchid-05));--color:rgb(var(--label-orchid-10))}:host([variant=orchid][tone=weak]){--background:rgb(var(--label-orchid-08));--color:rgb(var(--label-orchid-02))}:host([variant=orchid][tone=quiet]){--background:rgb(var(--label-orchid-09));--color:rgb(var(--label-orchid-04))}@tailwind utilities; :host([variant=sky]),:host([variant=sky][tone=strong]){--background:rgb(var(--label-sky-05));--color:rgb(var(--label-sky-10))}:host([variant=sky][tone=weak]){--background:rgb(var(--label-sky-08));--color:rgb(var(--label-sky-02))}:host([variant=sky][tone=quiet]){--background:rgb(var(--label-sky-09));--color:rgb(var(--label-sky-04))}@tailwind utilities; :host([variant=success]),:host([variant=success][tone=strong]){--background:rgb(var(--status-success-05));--color:rgb(var(--status-success-10))}:host([variant=success][tone=weak]){--background:rgb(var(--status-success-08));--color:rgb(var(--status-success-02))}:host([variant=success][tone=quiet]){--background:rgb(var(--status-success-09));--color:rgb(var(--status-success-04))}@tailwind utilities; :host([variant=violet]),:host([variant=violet][tone=strong]){--background:rgb(var(--label-violet-05));--color:rgb(var(--label-violet-10))}:host([variant=violet][tone=weak]){--background:rgb(var(--label-violet-08));--color:rgb(var(--label-violet-02))}:host([variant=violet][tone=quiet]){--background:rgb(var(--label-violet-09));--color:rgb(var(--label-violet-04))}@tailwind utilities; :host([variant=warning]),:host([variant=warning][tone=strong]){--background:rgb(var(--status-warning-05));--color:rgb(var(--status-warning-10))}:host([variant=warning][tone=weak]){--background:rgb(var(--status-warning-08));--color:rgb(var(--status-warning-02))}:host([variant=warning][tone=quiet]){--background:rgb(var(--status-warning-09));--color:rgb(var(--status-warning-04))}.fixed{position:fixed}.absolute{position:absolute}.border{border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host([variant=yellow]),:host([variant=yellow][tone=strong]){--background:rgb(var(--label-yellow-05));--color:rgb(var(--label-yellow-10))}:host([variant=yellow][tone=weak]){--background:rgb(var(--label-yellow-08));--color:rgb(var(--label-yellow-02))}:host([variant=yellow][tone=quiet]){--background:rgb(var(--label-yellow-09));--color:rgb(var(--label-yellow-04))}";
+const mdsBadgeCss = "@tailwind utilities; :host{--background:rgb(var(--label-sky-09));--radius:0.25rem;--color:rgb(var(--label-sky-03));display:-ms-inline-flexbox;display:inline-flex;min-width:-moz-min-content;min-width:-webkit-min-content;min-width:min-content;-ms-flex-align:center;align-items:center;padding-left:0.5rem;padding-right:0.5rem;padding-top:0.25rem;padding-bottom:0.25rem;-webkit-transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:150ms;transition-duration:150ms;background-color:var(--background);border-radius:var(--radius);color:var(--color)}@tailwind utilities; :host([variant=amaranth]),:host([variant=amaranth][tone=strong]){--background:rgb(var(--label-amaranth-05));--color:rgb(var(--label-amaranth-10))}:host([variant=amaranth][tone=weak]){--background:rgb(var(--label-amaranth-08));--color:rgb(var(--label-amaranth-02))}:host([variant=amaranth][tone=quiet]){--background:rgb(var(--label-amaranth-09));--color:rgb(var(--label-amaranth-04))}@tailwind utilities; :host([variant=aqua]),:host([variant=aqua][tone=strong]){--background:rgb(var(--label-aqua-05));--color:rgb(var(--label-aqua-10))}:host([variant=aqua][tone=weak]){--background:rgb(var(--label-aqua-08));--color:rgb(var(--label-aqua-02))}:host([variant=aqua][tone=quiet]){--background:rgb(var(--label-aqua-09));--color:rgb(var(--label-aqua-04))}@tailwind utilities; :host([variant=blue]),:host([variant=blue][tone=strong]){--background:rgb(var(--label-blue-05));--color:rgb(var(--label-blue-10))}:host([variant=blue][tone=weak]){--background:rgb(var(--label-blue-08));--color:rgb(var(--label-blue-02))}:host([variant=blue][tone=quiet]){--background:rgb(var(--label-blue-09));--color:rgb(var(--label-blue-04))}@tailwind utilities; :host([variant=dark]),:host([variant=dark][tone=strong]){--background:rgb(var(--tone-neutral-02));--color:rgb(var(--tone-neutral-09))}:host([variant=dark][tone=weak]){--background:rgb(var(--tone-neutral-08));--color:rgb(var(--tone-neutral-02))}:host([variant=dark][tone=quiet]){--background:rgb(var(--tone-neutral-09));--color:rgb(var(--tone-neutral-05))}@tailwind utilities; :host([variant=error]),:host([variant=error][tone=strong]){--background:rgb(var(--status-error-05));--color:rgb(var(--status-error-10))}:host([variant=error][tone=weak]){--background:rgb(var(--status-error-08));--color:rgb(var(--status-error-02))}:host([variant=error][tone=quiet]){--background:rgb(var(--status-error-09));--color:rgb(var(--status-error-04))}@tailwind utilities; :host([variant=green]),:host([variant=green][tone=strong]){--background:rgb(var(--label-green-05));--color:rgb(var(--label-green-10))}:host([variant=green][tone=weak]){--background:rgb(var(--label-green-08));--color:rgb(var(--label-green-02))}:host([variant=green][tone=quiet]){--background:rgb(var(--label-green-09));--color:rgb(var(--label-green-04))}@tailwind utilities; :host([variant=info]),:host([variant=info][tone=strong]){--background:rgb(var(--status-info-05));--color:rgb(var(--status-info-10))}:host([variant=info][tone=weak]){--background:rgb(var(--status-info-08));--color:rgb(var(--status-info-02))}:host([variant=info][tone=quiet]){--background:rgb(var(--status-info-09));--color:rgb(var(--status-info-04))}@tailwind utilities; :host([variant=light]),:host([variant=light][tone=strong]){--background:rgb(var(--tone-neutral-10));--color:rgb(var(--tone-neutral-03))}:host([variant=light][tone=weak]){--background:rgb(var(--tone-neutral-10));--color:rgb(var(--tone-neutral-03))}:host([variant=light][tone=quiet]){--background:rgb(var(--tone-neutral-09));--color:rgb(var(--tone-neutral-02))}@tailwind utilities; :host([variant=lime]),:host([variant=lime][tone=strong]){--background:rgb(var(--label-lime-05));--color:rgb(var(--label-lime-10))}:host([variant=lime][tone=weak]){--background:rgb(var(--label-lime-08));--color:rgb(var(--label-lime-02))}:host([variant=lime][tone=quiet]){--background:rgb(var(--label-lime-09));--color:rgb(var(--label-lime-04))}@tailwind utilities; :host([variant=orange]),:host([variant=orange][tone=strong]){--background:rgb(var(--label-orange-05));--color:rgb(var(--label-orange-10))}:host([variant=orange][tone=weak]){--background:rgb(var(--label-orange-08));--color:rgb(var(--label-orange-02))}:host([variant=orange][tone=quiet]){--background:rgb(var(--label-orange-09));--color:rgb(var(--label-orange-04))}@tailwind utilities; :host([variant=orchid]),:host([variant=orchid][tone=strong]){--background:rgb(var(--label-orchid-05));--color:rgb(var(--label-orchid-10))}:host([variant=orchid][tone=weak]){--background:rgb(var(--label-orchid-08));--color:rgb(var(--label-orchid-02))}:host([variant=orchid][tone=quiet]){--background:rgb(var(--label-orchid-09));--color:rgb(var(--label-orchid-04))}@tailwind utilities; :host([variant=sky]),:host([variant=sky][tone=strong]){--background:rgb(var(--label-sky-05));--color:rgb(var(--label-sky-10))}:host([variant=sky][tone=weak]){--background:rgb(var(--label-sky-08));--color:rgb(var(--label-sky-02))}:host([variant=sky][tone=quiet]){--background:rgb(var(--label-sky-09));--color:rgb(var(--label-sky-04))}@tailwind utilities; :host([variant=success]),:host([variant=success][tone=strong]){--background:rgb(var(--status-success-05));--color:rgb(var(--status-success-10))}:host([variant=success][tone=weak]){--background:rgb(var(--status-success-08));--color:rgb(var(--status-success-02))}:host([variant=success][tone=quiet]){--background:rgb(var(--status-success-09));--color:rgb(var(--status-success-04))}@tailwind utilities; :host([variant=violet]),:host([variant=violet][tone=strong]){--background:rgb(var(--label-violet-05));--color:rgb(var(--label-violet-10))}:host([variant=violet][tone=weak]){--background:rgb(var(--label-violet-08));--color:rgb(var(--label-violet-02))}:host([variant=violet][tone=quiet]){--background:rgb(var(--label-violet-09));--color:rgb(var(--label-violet-04))}@tailwind utilities; :host([variant=warning]),:host([variant=warning][tone=strong]){--background:rgb(var(--status-warning-05));--color:rgb(var(--status-warning-10))}:host([variant=warning][tone=weak]){--background:rgb(var(--status-warning-08));--color:rgb(var(--status-warning-02))}:host([variant=warning][tone=quiet]){--background:rgb(var(--status-warning-09));--color:rgb(var(--status-warning-04))}.fixed{position:fixed}.absolute{position:absolute}.border{border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host([variant=yellow]),:host([variant=yellow][tone=strong]){--background:rgb(var(--label-yellow-05));--color:rgb(var(--label-yellow-10))}:host([variant=yellow][tone=weak]){--background:rgb(var(--label-yellow-08));--color:rgb(var(--label-yellow-02))}:host([variant=yellow][tone=quiet]){--background:rgb(var(--label-yellow-09));--color:rgb(var(--label-yellow-04))}";
 
@@ -10,17 +10,9 @@ const MdsBadge$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.__attachShadow();
-    /**
-     * Sets the theme variant colors
-     */
     this.variant = 'green';
-    /**
-     * Sets the tone of the color variant
-     */
     this.tone = 'weak';
-    /**
-     * Specifies the typography of the element
-     */
     this.typography = 'option';
+    this.typographyVariant = undefined;
   }
   render() {
-    return (h(Host, null, h("mds-text", { typography: this.typography, variant: this.typographyVariant }, h("slot", null))));
+    return (h(Host, null, h("mds-text", { tag: "span", typography: this.typography, variant: this.typographyVariant }, h("slot", null))));
   }
@@ -27,0 +19,0 @@ static get style() { return mdsBadgeCss; }

dist/esm-es5/loader.js

@@ -1,1 +0,1 @@
-import{p as promiseResolve,b as bootstrapLazy}from"./index-f9027781.js";var patchEsm=function(){return promiseResolve()};var defineCustomElements=function(e,t){if(typeof window==="undefined")return Promise.resolve();return patchEsm().then((function(){return bootstrapLazy([["mds-badge",[[1,"mds-badge",{variant:[513],tone:[513],typography:[1],typographyVariant:[1,"typography-variant"]}]]]],t)}))};export{defineCustomElements};
+import{p as promiseResolve,b as bootstrapLazy}from"./index-cf40bb97.js";var patchEsm=function(){return promiseResolve()};var defineCustomElements=function(e,t){if(typeof window==="undefined")return Promise.resolve();return patchEsm().then((function(){return bootstrapLazy([["mds-badge",[[1,"mds-badge",{variant:[513],tone:[513],typography:[1],typographyVariant:[1,"typography-variant"]}]]]],t)}))};export{defineCustomElements};

dist/esm-es5/mds-badge.entry.js

@@ -1,1 +0,1 @@
-import{r as registerInstance,h,H as Host}from"./index-f9027781.js";var mdsBadgeCss="@tailwind utilities; :host{--background:rgb(var(--label-sky-09));--radius:0.25rem;--color:rgb(var(--label-sky-03));display:-ms-inline-flexbox;display:inline-flex;min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content;-ms-flex-align:center;align-items:center;padding-left:0.5rem;padding-right:0.5rem;padding-top:0.25rem;padding-bottom:0.25rem;transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;-webkit-transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:150ms;transition-duration:150ms;background-color:var(--background);border-radius:var(--radius);color:var(--color)}@tailwind utilities; :host([variant=amaranth]),:host([variant=amaranth][tone=strong]){--background:rgb(var(--label-amaranth-05));--color:rgb(var(--label-amaranth-10))}:host([variant=amaranth][tone=weak]){--background:rgb(var(--label-amaranth-08));--color:rgb(var(--label-amaranth-02))}:host([variant=amaranth][tone=quiet]){--background:rgb(var(--label-amaranth-09));--color:rgb(var(--label-amaranth-04))}@tailwind utilities; :host([variant=aqua]),:host([variant=aqua][tone=strong]){--background:rgb(var(--label-aqua-05));--color:rgb(var(--label-aqua-10))}:host([variant=aqua][tone=weak]){--background:rgb(var(--label-aqua-08));--color:rgb(var(--label-aqua-02))}:host([variant=aqua][tone=quiet]){--background:rgb(var(--label-aqua-09));--color:rgb(var(--label-aqua-04))}@tailwind utilities; :host([variant=blue]),:host([variant=blue][tone=strong]){--background:rgb(var(--label-blue-05));--color:rgb(var(--label-blue-10))}:host([variant=blue][tone=weak]){--background:rgb(var(--label-blue-08));--color:rgb(var(--label-blue-02))}:host([variant=blue][tone=quiet]){--background:rgb(var(--label-blue-09));--color:rgb(var(--label-blue-04))}@tailwind utilities; :host([variant=dark]),:host([variant=dark][tone=strong]){--background:rgb(var(--tone-neutral-02));--color:rgb(var(--tone-neutral-09))}:host([variant=dark][tone=weak]){--background:rgb(var(--tone-neutral-08));--color:rgb(var(--tone-neutral-02))}:host([variant=dark][tone=quiet]){--background:rgb(var(--tone-neutral-09));--color:rgb(var(--tone-neutral-05))}@tailwind utilities; :host([variant=error]),:host([variant=error][tone=strong]){--background:rgb(var(--status-error-05));--color:rgb(var(--status-error-10))}:host([variant=error][tone=weak]){--background:rgb(var(--status-error-08));--color:rgb(var(--status-error-02))}:host([variant=error][tone=quiet]){--background:rgb(var(--status-error-09));--color:rgb(var(--status-error-04))}@tailwind utilities; :host([variant=green]),:host([variant=green][tone=strong]){--background:rgb(var(--label-green-05));--color:rgb(var(--label-green-10))}:host([variant=green][tone=weak]){--background:rgb(var(--label-green-08));--color:rgb(var(--label-green-02))}:host([variant=green][tone=quiet]){--background:rgb(var(--label-green-09));--color:rgb(var(--label-green-04))}@tailwind utilities; :host([variant=info]),:host([variant=info][tone=strong]){--background:rgb(var(--status-info-05));--color:rgb(var(--status-info-10))}:host([variant=info][tone=weak]){--background:rgb(var(--status-info-08));--color:rgb(var(--status-info-02))}:host([variant=info][tone=quiet]){--background:rgb(var(--status-info-09));--color:rgb(var(--status-info-04))}@tailwind utilities; :host([variant=light]),:host([variant=light][tone=strong]){--background:rgb(var(--tone-neutral-10));--color:rgb(var(--tone-neutral-03))}:host([variant=light][tone=weak]){--background:rgb(var(--tone-neutral-10));--color:rgb(var(--tone-neutral-03))}:host([variant=light][tone=quiet]){--background:rgb(var(--tone-neutral-09));--color:rgb(var(--tone-neutral-02))}@tailwind utilities; :host([variant=lime]),:host([variant=lime][tone=strong]){--background:rgb(var(--label-lime-05));--color:rgb(var(--label-lime-10))}:host([variant=lime][tone=weak]){--background:rgb(var(--label-lime-08));--color:rgb(var(--label-lime-02))}:host([variant=lime][tone=quiet]){--background:rgb(var(--label-lime-09));--color:rgb(var(--label-lime-04))}@tailwind utilities; :host([variant=orange]),:host([variant=orange][tone=strong]){--background:rgb(var(--label-orange-05));--color:rgb(var(--label-orange-10))}:host([variant=orange][tone=weak]){--background:rgb(var(--label-orange-08));--color:rgb(var(--label-orange-02))}:host([variant=orange][tone=quiet]){--background:rgb(var(--label-orange-09));--color:rgb(var(--label-orange-04))}@tailwind utilities; :host([variant=orchid]),:host([variant=orchid][tone=strong]){--background:rgb(var(--label-orchid-05));--color:rgb(var(--label-orchid-10))}:host([variant=orchid][tone=weak]){--background:rgb(var(--label-orchid-08));--color:rgb(var(--label-orchid-02))}:host([variant=orchid][tone=quiet]){--background:rgb(var(--label-orchid-09));--color:rgb(var(--label-orchid-04))}@tailwind utilities; :host([variant=sky]),:host([variant=sky][tone=strong]){--background:rgb(var(--label-sky-05));--color:rgb(var(--label-sky-10))}:host([variant=sky][tone=weak]){--background:rgb(var(--label-sky-08));--color:rgb(var(--label-sky-02))}:host([variant=sky][tone=quiet]){--background:rgb(var(--label-sky-09));--color:rgb(var(--label-sky-04))}@tailwind utilities; :host([variant=success]),:host([variant=success][tone=strong]){--background:rgb(var(--status-success-05));--color:rgb(var(--status-success-10))}:host([variant=success][tone=weak]){--background:rgb(var(--status-success-08));--color:rgb(var(--status-success-02))}:host([variant=success][tone=quiet]){--background:rgb(var(--status-success-09));--color:rgb(var(--status-success-04))}@tailwind utilities; :host([variant=violet]),:host([variant=violet][tone=strong]){--background:rgb(var(--label-violet-05));--color:rgb(var(--label-violet-10))}:host([variant=violet][tone=weak]){--background:rgb(var(--label-violet-08));--color:rgb(var(--label-violet-02))}:host([variant=violet][tone=quiet]){--background:rgb(var(--label-violet-09));--color:rgb(var(--label-violet-04))}@tailwind utilities; :host([variant=warning]),:host([variant=warning][tone=strong]){--background:rgb(var(--status-warning-05));--color:rgb(var(--status-warning-10))}:host([variant=warning][tone=weak]){--background:rgb(var(--status-warning-08));--color:rgb(var(--status-warning-02))}:host([variant=warning][tone=quiet]){--background:rgb(var(--status-warning-09));--color:rgb(var(--status-warning-04))}.fixed{position:fixed}.absolute{position:absolute}.border{border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host([variant=yellow]),:host([variant=yellow][tone=strong]){--background:rgb(var(--label-yellow-05));--color:rgb(var(--label-yellow-10))}:host([variant=yellow][tone=weak]){--background:rgb(var(--label-yellow-08));--color:rgb(var(--label-yellow-02))}:host([variant=yellow][tone=quiet]){--background:rgb(var(--label-yellow-09));--color:rgb(var(--label-yellow-04))}";var MdsBadge=function(){function r(r){registerInstance(this,r);this.variant="green";this.tone="weak";this.typography="option"}r.prototype.render=function(){return h(Host,null,h("mds-text",{typography:this.typography,variant:this.typographyVariant},h("slot",null)))};return r}();MdsBadge.style=mdsBadgeCss;export{MdsBadge as mds_badge};
+import{r as registerInstance,h,H as Host}from"./index-cf40bb97.js";var mdsBadgeCss="@tailwind utilities; :host{--background:rgb(var(--label-sky-09));--radius:0.25rem;--color:rgb(var(--label-sky-03));display:-ms-inline-flexbox;display:inline-flex;min-width:-moz-min-content;min-width:-webkit-min-content;min-width:min-content;-ms-flex-align:center;align-items:center;padding-left:0.5rem;padding-right:0.5rem;padding-top:0.25rem;padding-bottom:0.25rem;-webkit-transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:150ms;transition-duration:150ms;background-color:var(--background);border-radius:var(--radius);color:var(--color)}@tailwind utilities; :host([variant=amaranth]),:host([variant=amaranth][tone=strong]){--background:rgb(var(--label-amaranth-05));--color:rgb(var(--label-amaranth-10))}:host([variant=amaranth][tone=weak]){--background:rgb(var(--label-amaranth-08));--color:rgb(var(--label-amaranth-02))}:host([variant=amaranth][tone=quiet]){--background:rgb(var(--label-amaranth-09));--color:rgb(var(--label-amaranth-04))}@tailwind utilities; :host([variant=aqua]),:host([variant=aqua][tone=strong]){--background:rgb(var(--label-aqua-05));--color:rgb(var(--label-aqua-10))}:host([variant=aqua][tone=weak]){--background:rgb(var(--label-aqua-08));--color:rgb(var(--label-aqua-02))}:host([variant=aqua][tone=quiet]){--background:rgb(var(--label-aqua-09));--color:rgb(var(--label-aqua-04))}@tailwind utilities; :host([variant=blue]),:host([variant=blue][tone=strong]){--background:rgb(var(--label-blue-05));--color:rgb(var(--label-blue-10))}:host([variant=blue][tone=weak]){--background:rgb(var(--label-blue-08));--color:rgb(var(--label-blue-02))}:host([variant=blue][tone=quiet]){--background:rgb(var(--label-blue-09));--color:rgb(var(--label-blue-04))}@tailwind utilities; :host([variant=dark]),:host([variant=dark][tone=strong]){--background:rgb(var(--tone-neutral-02));--color:rgb(var(--tone-neutral-09))}:host([variant=dark][tone=weak]){--background:rgb(var(--tone-neutral-08));--color:rgb(var(--tone-neutral-02))}:host([variant=dark][tone=quiet]){--background:rgb(var(--tone-neutral-09));--color:rgb(var(--tone-neutral-05))}@tailwind utilities; :host([variant=error]),:host([variant=error][tone=strong]){--background:rgb(var(--status-error-05));--color:rgb(var(--status-error-10))}:host([variant=error][tone=weak]){--background:rgb(var(--status-error-08));--color:rgb(var(--status-error-02))}:host([variant=error][tone=quiet]){--background:rgb(var(--status-error-09));--color:rgb(var(--status-error-04))}@tailwind utilities; :host([variant=green]),:host([variant=green][tone=strong]){--background:rgb(var(--label-green-05));--color:rgb(var(--label-green-10))}:host([variant=green][tone=weak]){--background:rgb(var(--label-green-08));--color:rgb(var(--label-green-02))}:host([variant=green][tone=quiet]){--background:rgb(var(--label-green-09));--color:rgb(var(--label-green-04))}@tailwind utilities; :host([variant=info]),:host([variant=info][tone=strong]){--background:rgb(var(--status-info-05));--color:rgb(var(--status-info-10))}:host([variant=info][tone=weak]){--background:rgb(var(--status-info-08));--color:rgb(var(--status-info-02))}:host([variant=info][tone=quiet]){--background:rgb(var(--status-info-09));--color:rgb(var(--status-info-04))}@tailwind utilities; :host([variant=light]),:host([variant=light][tone=strong]){--background:rgb(var(--tone-neutral-10));--color:rgb(var(--tone-neutral-03))}:host([variant=light][tone=weak]){--background:rgb(var(--tone-neutral-10));--color:rgb(var(--tone-neutral-03))}:host([variant=light][tone=quiet]){--background:rgb(var(--tone-neutral-09));--color:rgb(var(--tone-neutral-02))}@tailwind utilities; :host([variant=lime]),:host([variant=lime][tone=strong]){--background:rgb(var(--label-lime-05));--color:rgb(var(--label-lime-10))}:host([variant=lime][tone=weak]){--background:rgb(var(--label-lime-08));--color:rgb(var(--label-lime-02))}:host([variant=lime][tone=quiet]){--background:rgb(var(--label-lime-09));--color:rgb(var(--label-lime-04))}@tailwind utilities; :host([variant=orange]),:host([variant=orange][tone=strong]){--background:rgb(var(--label-orange-05));--color:rgb(var(--label-orange-10))}:host([variant=orange][tone=weak]){--background:rgb(var(--label-orange-08));--color:rgb(var(--label-orange-02))}:host([variant=orange][tone=quiet]){--background:rgb(var(--label-orange-09));--color:rgb(var(--label-orange-04))}@tailwind utilities; :host([variant=orchid]),:host([variant=orchid][tone=strong]){--background:rgb(var(--label-orchid-05));--color:rgb(var(--label-orchid-10))}:host([variant=orchid][tone=weak]){--background:rgb(var(--label-orchid-08));--color:rgb(var(--label-orchid-02))}:host([variant=orchid][tone=quiet]){--background:rgb(var(--label-orchid-09));--color:rgb(var(--label-orchid-04))}@tailwind utilities; :host([variant=sky]),:host([variant=sky][tone=strong]){--background:rgb(var(--label-sky-05));--color:rgb(var(--label-sky-10))}:host([variant=sky][tone=weak]){--background:rgb(var(--label-sky-08));--color:rgb(var(--label-sky-02))}:host([variant=sky][tone=quiet]){--background:rgb(var(--label-sky-09));--color:rgb(var(--label-sky-04))}@tailwind utilities; :host([variant=success]),:host([variant=success][tone=strong]){--background:rgb(var(--status-success-05));--color:rgb(var(--status-success-10))}:host([variant=success][tone=weak]){--background:rgb(var(--status-success-08));--color:rgb(var(--status-success-02))}:host([variant=success][tone=quiet]){--background:rgb(var(--status-success-09));--color:rgb(var(--status-success-04))}@tailwind utilities; :host([variant=violet]),:host([variant=violet][tone=strong]){--background:rgb(var(--label-violet-05));--color:rgb(var(--label-violet-10))}:host([variant=violet][tone=weak]){--background:rgb(var(--label-violet-08));--color:rgb(var(--label-violet-02))}:host([variant=violet][tone=quiet]){--background:rgb(var(--label-violet-09));--color:rgb(var(--label-violet-04))}@tailwind utilities; :host([variant=warning]),:host([variant=warning][tone=strong]){--background:rgb(var(--status-warning-05));--color:rgb(var(--status-warning-10))}:host([variant=warning][tone=weak]){--background:rgb(var(--status-warning-08));--color:rgb(var(--status-warning-02))}:host([variant=warning][tone=quiet]){--background:rgb(var(--status-warning-09));--color:rgb(var(--status-warning-04))}.fixed{position:fixed}.absolute{position:absolute}.border{border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host([variant=yellow]),:host([variant=yellow][tone=strong]){--background:rgb(var(--label-yellow-05));--color:rgb(var(--label-yellow-10))}:host([variant=yellow][tone=weak]){--background:rgb(var(--label-yellow-08));--color:rgb(var(--label-yellow-02))}:host([variant=yellow][tone=quiet]){--background:rgb(var(--label-yellow-09));--color:rgb(var(--label-yellow-04))}";var MdsBadge=function(){function r(r){registerInstance(this,r);this.variant="green";this.tone="weak";this.typography="option";this.typographyVariant=undefined}r.prototype.render=function(){return h(Host,null,h("mds-text",{tag:"span",typography:this.typography,variant:this.typographyVariant},h("slot",null)))};return r}();MdsBadge.style=mdsBadgeCss;export{MdsBadge as mds_badge};

dist/esm-es5/mds-badge.js

@@ -1,1 +0,1 @@
-import{p as promiseResolve,b as bootstrapLazy}from"./index-f9027781.js";var patchBrowser=function(){var r=import.meta.url;var a={};if(r!==""){a.resourcesUrl=new URL(".",r).href}return promiseResolve(a)};patchBrowser().then((function(r){return bootstrapLazy([["mds-badge",[[1,"mds-badge",{variant:[513],tone:[513],typography:[1],typographyVariant:[1,"typography-variant"]}]]]],r)}));
+import{p as promiseResolve,b as bootstrapLazy}from"./index-cf40bb97.js";var patchBrowser=function(){var r=import.meta.url;var a={};if(r!==""){a.resourcesUrl=new URL(".",r).href}return promiseResolve(a)};patchBrowser().then((function(r){return bootstrapLazy([["mds-badge",[[1,"mds-badge",{variant:[513],tone:[513],typography:[1],typographyVariant:[1,"typography-variant"]}]]]],r)}));

dist/esm/loader.js

@@ -1,5 +0,5 @@
-import { p as promiseResolve, b as bootstrapLazy } from './index-f9027781.js';
+import { p as promiseResolve, b as bootstrapLazy } from './index-cf40bb97.js';
 
 /*
- Stencil Client Patch Esm v2.17.0 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Esm v2.19.3 | MIT Licensed | https://stenciljs.com
  */
@@ -6,0 +6,0 @@ const patchEsm = () => {

dist/esm/mds-badge.entry.js

@@ -1,4 +0,4 @@
-import { r as registerInstance, h, H as Host } from './index-f9027781.js';
+import { r as registerInstance, h, H as Host } from './index-cf40bb97.js';
 
-const mdsBadgeCss = "@tailwind utilities; :host{--background:rgb(var(--label-sky-09));--radius:0.25rem;--color:rgb(var(--label-sky-03));display:-ms-inline-flexbox;display:inline-flex;min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content;-ms-flex-align:center;align-items:center;padding-left:0.5rem;padding-right:0.5rem;padding-top:0.25rem;padding-bottom:0.25rem;transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;-webkit-transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:150ms;transition-duration:150ms;background-color:var(--background);border-radius:var(--radius);color:var(--color)}@tailwind utilities; :host([variant=amaranth]),:host([variant=amaranth][tone=strong]){--background:rgb(var(--label-amaranth-05));--color:rgb(var(--label-amaranth-10))}:host([variant=amaranth][tone=weak]){--background:rgb(var(--label-amaranth-08));--color:rgb(var(--label-amaranth-02))}:host([variant=amaranth][tone=quiet]){--background:rgb(var(--label-amaranth-09));--color:rgb(var(--label-amaranth-04))}@tailwind utilities; :host([variant=aqua]),:host([variant=aqua][tone=strong]){--background:rgb(var(--label-aqua-05));--color:rgb(var(--label-aqua-10))}:host([variant=aqua][tone=weak]){--background:rgb(var(--label-aqua-08));--color:rgb(var(--label-aqua-02))}:host([variant=aqua][tone=quiet]){--background:rgb(var(--label-aqua-09));--color:rgb(var(--label-aqua-04))}@tailwind utilities; :host([variant=blue]),:host([variant=blue][tone=strong]){--background:rgb(var(--label-blue-05));--color:rgb(var(--label-blue-10))}:host([variant=blue][tone=weak]){--background:rgb(var(--label-blue-08));--color:rgb(var(--label-blue-02))}:host([variant=blue][tone=quiet]){--background:rgb(var(--label-blue-09));--color:rgb(var(--label-blue-04))}@tailwind utilities; :host([variant=dark]),:host([variant=dark][tone=strong]){--background:rgb(var(--tone-neutral-02));--color:rgb(var(--tone-neutral-09))}:host([variant=dark][tone=weak]){--background:rgb(var(--tone-neutral-08));--color:rgb(var(--tone-neutral-02))}:host([variant=dark][tone=quiet]){--background:rgb(var(--tone-neutral-09));--color:rgb(var(--tone-neutral-05))}@tailwind utilities; :host([variant=error]),:host([variant=error][tone=strong]){--background:rgb(var(--status-error-05));--color:rgb(var(--status-error-10))}:host([variant=error][tone=weak]){--background:rgb(var(--status-error-08));--color:rgb(var(--status-error-02))}:host([variant=error][tone=quiet]){--background:rgb(var(--status-error-09));--color:rgb(var(--status-error-04))}@tailwind utilities; :host([variant=green]),:host([variant=green][tone=strong]){--background:rgb(var(--label-green-05));--color:rgb(var(--label-green-10))}:host([variant=green][tone=weak]){--background:rgb(var(--label-green-08));--color:rgb(var(--label-green-02))}:host([variant=green][tone=quiet]){--background:rgb(var(--label-green-09));--color:rgb(var(--label-green-04))}@tailwind utilities; :host([variant=info]),:host([variant=info][tone=strong]){--background:rgb(var(--status-info-05));--color:rgb(var(--status-info-10))}:host([variant=info][tone=weak]){--background:rgb(var(--status-info-08));--color:rgb(var(--status-info-02))}:host([variant=info][tone=quiet]){--background:rgb(var(--status-info-09));--color:rgb(var(--status-info-04))}@tailwind utilities; :host([variant=light]),:host([variant=light][tone=strong]){--background:rgb(var(--tone-neutral-10));--color:rgb(var(--tone-neutral-03))}:host([variant=light][tone=weak]){--background:rgb(var(--tone-neutral-10));--color:rgb(var(--tone-neutral-03))}:host([variant=light][tone=quiet]){--background:rgb(var(--tone-neutral-09));--color:rgb(var(--tone-neutral-02))}@tailwind utilities; :host([variant=lime]),:host([variant=lime][tone=strong]){--background:rgb(var(--label-lime-05));--color:rgb(var(--label-lime-10))}:host([variant=lime][tone=weak]){--background:rgb(var(--label-lime-08));--color:rgb(var(--label-lime-02))}:host([variant=lime][tone=quiet]){--background:rgb(var(--label-lime-09));--color:rgb(var(--label-lime-04))}@tailwind utilities; :host([variant=orange]),:host([variant=orange][tone=strong]){--background:rgb(var(--label-orange-05));--color:rgb(var(--label-orange-10))}:host([variant=orange][tone=weak]){--background:rgb(var(--label-orange-08));--color:rgb(var(--label-orange-02))}:host([variant=orange][tone=quiet]){--background:rgb(var(--label-orange-09));--color:rgb(var(--label-orange-04))}@tailwind utilities; :host([variant=orchid]),:host([variant=orchid][tone=strong]){--background:rgb(var(--label-orchid-05));--color:rgb(var(--label-orchid-10))}:host([variant=orchid][tone=weak]){--background:rgb(var(--label-orchid-08));--color:rgb(var(--label-orchid-02))}:host([variant=orchid][tone=quiet]){--background:rgb(var(--label-orchid-09));--color:rgb(var(--label-orchid-04))}@tailwind utilities; :host([variant=sky]),:host([variant=sky][tone=strong]){--background:rgb(var(--label-sky-05));--color:rgb(var(--label-sky-10))}:host([variant=sky][tone=weak]){--background:rgb(var(--label-sky-08));--color:rgb(var(--label-sky-02))}:host([variant=sky][tone=quiet]){--background:rgb(var(--label-sky-09));--color:rgb(var(--label-sky-04))}@tailwind utilities; :host([variant=success]),:host([variant=success][tone=strong]){--background:rgb(var(--status-success-05));--color:rgb(var(--status-success-10))}:host([variant=success][tone=weak]){--background:rgb(var(--status-success-08));--color:rgb(var(--status-success-02))}:host([variant=success][tone=quiet]){--background:rgb(var(--status-success-09));--color:rgb(var(--status-success-04))}@tailwind utilities; :host([variant=violet]),:host([variant=violet][tone=strong]){--background:rgb(var(--label-violet-05));--color:rgb(var(--label-violet-10))}:host([variant=violet][tone=weak]){--background:rgb(var(--label-violet-08));--color:rgb(var(--label-violet-02))}:host([variant=violet][tone=quiet]){--background:rgb(var(--label-violet-09));--color:rgb(var(--label-violet-04))}@tailwind utilities; :host([variant=warning]),:host([variant=warning][tone=strong]){--background:rgb(var(--status-warning-05));--color:rgb(var(--status-warning-10))}:host([variant=warning][tone=weak]){--background:rgb(var(--status-warning-08));--color:rgb(var(--status-warning-02))}:host([variant=warning][tone=quiet]){--background:rgb(var(--status-warning-09));--color:rgb(var(--status-warning-04))}.fixed{position:fixed}.absolute{position:absolute}.border{border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host([variant=yellow]),:host([variant=yellow][tone=strong]){--background:rgb(var(--label-yellow-05));--color:rgb(var(--label-yellow-10))}:host([variant=yellow][tone=weak]){--background:rgb(var(--label-yellow-08));--color:rgb(var(--label-yellow-02))}:host([variant=yellow][tone=quiet]){--background:rgb(var(--label-yellow-09));--color:rgb(var(--label-yellow-04))}";
+const mdsBadgeCss = "@tailwind utilities; :host{--background:rgb(var(--label-sky-09));--radius:0.25rem;--color:rgb(var(--label-sky-03));display:-ms-inline-flexbox;display:inline-flex;min-width:-moz-min-content;min-width:-webkit-min-content;min-width:min-content;-ms-flex-align:center;align-items:center;padding-left:0.5rem;padding-right:0.5rem;padding-top:0.25rem;padding-bottom:0.25rem;-webkit-transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:150ms;transition-duration:150ms;background-color:var(--background);border-radius:var(--radius);color:var(--color)}@tailwind utilities; :host([variant=amaranth]),:host([variant=amaranth][tone=strong]){--background:rgb(var(--label-amaranth-05));--color:rgb(var(--label-amaranth-10))}:host([variant=amaranth][tone=weak]){--background:rgb(var(--label-amaranth-08));--color:rgb(var(--label-amaranth-02))}:host([variant=amaranth][tone=quiet]){--background:rgb(var(--label-amaranth-09));--color:rgb(var(--label-amaranth-04))}@tailwind utilities; :host([variant=aqua]),:host([variant=aqua][tone=strong]){--background:rgb(var(--label-aqua-05));--color:rgb(var(--label-aqua-10))}:host([variant=aqua][tone=weak]){--background:rgb(var(--label-aqua-08));--color:rgb(var(--label-aqua-02))}:host([variant=aqua][tone=quiet]){--background:rgb(var(--label-aqua-09));--color:rgb(var(--label-aqua-04))}@tailwind utilities; :host([variant=blue]),:host([variant=blue][tone=strong]){--background:rgb(var(--label-blue-05));--color:rgb(var(--label-blue-10))}:host([variant=blue][tone=weak]){--background:rgb(var(--label-blue-08));--color:rgb(var(--label-blue-02))}:host([variant=blue][tone=quiet]){--background:rgb(var(--label-blue-09));--color:rgb(var(--label-blue-04))}@tailwind utilities; :host([variant=dark]),:host([variant=dark][tone=strong]){--background:rgb(var(--tone-neutral-02));--color:rgb(var(--tone-neutral-09))}:host([variant=dark][tone=weak]){--background:rgb(var(--tone-neutral-08));--color:rgb(var(--tone-neutral-02))}:host([variant=dark][tone=quiet]){--background:rgb(var(--tone-neutral-09));--color:rgb(var(--tone-neutral-05))}@tailwind utilities; :host([variant=error]),:host([variant=error][tone=strong]){--background:rgb(var(--status-error-05));--color:rgb(var(--status-error-10))}:host([variant=error][tone=weak]){--background:rgb(var(--status-error-08));--color:rgb(var(--status-error-02))}:host([variant=error][tone=quiet]){--background:rgb(var(--status-error-09));--color:rgb(var(--status-error-04))}@tailwind utilities; :host([variant=green]),:host([variant=green][tone=strong]){--background:rgb(var(--label-green-05));--color:rgb(var(--label-green-10))}:host([variant=green][tone=weak]){--background:rgb(var(--label-green-08));--color:rgb(var(--label-green-02))}:host([variant=green][tone=quiet]){--background:rgb(var(--label-green-09));--color:rgb(var(--label-green-04))}@tailwind utilities; :host([variant=info]),:host([variant=info][tone=strong]){--background:rgb(var(--status-info-05));--color:rgb(var(--status-info-10))}:host([variant=info][tone=weak]){--background:rgb(var(--status-info-08));--color:rgb(var(--status-info-02))}:host([variant=info][tone=quiet]){--background:rgb(var(--status-info-09));--color:rgb(var(--status-info-04))}@tailwind utilities; :host([variant=light]),:host([variant=light][tone=strong]){--background:rgb(var(--tone-neutral-10));--color:rgb(var(--tone-neutral-03))}:host([variant=light][tone=weak]){--background:rgb(var(--tone-neutral-10));--color:rgb(var(--tone-neutral-03))}:host([variant=light][tone=quiet]){--background:rgb(var(--tone-neutral-09));--color:rgb(var(--tone-neutral-02))}@tailwind utilities; :host([variant=lime]),:host([variant=lime][tone=strong]){--background:rgb(var(--label-lime-05));--color:rgb(var(--label-lime-10))}:host([variant=lime][tone=weak]){--background:rgb(var(--label-lime-08));--color:rgb(var(--label-lime-02))}:host([variant=lime][tone=quiet]){--background:rgb(var(--label-lime-09));--color:rgb(var(--label-lime-04))}@tailwind utilities; :host([variant=orange]),:host([variant=orange][tone=strong]){--background:rgb(var(--label-orange-05));--color:rgb(var(--label-orange-10))}:host([variant=orange][tone=weak]){--background:rgb(var(--label-orange-08));--color:rgb(var(--label-orange-02))}:host([variant=orange][tone=quiet]){--background:rgb(var(--label-orange-09));--color:rgb(var(--label-orange-04))}@tailwind utilities; :host([variant=orchid]),:host([variant=orchid][tone=strong]){--background:rgb(var(--label-orchid-05));--color:rgb(var(--label-orchid-10))}:host([variant=orchid][tone=weak]){--background:rgb(var(--label-orchid-08));--color:rgb(var(--label-orchid-02))}:host([variant=orchid][tone=quiet]){--background:rgb(var(--label-orchid-09));--color:rgb(var(--label-orchid-04))}@tailwind utilities; :host([variant=sky]),:host([variant=sky][tone=strong]){--background:rgb(var(--label-sky-05));--color:rgb(var(--label-sky-10))}:host([variant=sky][tone=weak]){--background:rgb(var(--label-sky-08));--color:rgb(var(--label-sky-02))}:host([variant=sky][tone=quiet]){--background:rgb(var(--label-sky-09));--color:rgb(var(--label-sky-04))}@tailwind utilities; :host([variant=success]),:host([variant=success][tone=strong]){--background:rgb(var(--status-success-05));--color:rgb(var(--status-success-10))}:host([variant=success][tone=weak]){--background:rgb(var(--status-success-08));--color:rgb(var(--status-success-02))}:host([variant=success][tone=quiet]){--background:rgb(var(--status-success-09));--color:rgb(var(--status-success-04))}@tailwind utilities; :host([variant=violet]),:host([variant=violet][tone=strong]){--background:rgb(var(--label-violet-05));--color:rgb(var(--label-violet-10))}:host([variant=violet][tone=weak]){--background:rgb(var(--label-violet-08));--color:rgb(var(--label-violet-02))}:host([variant=violet][tone=quiet]){--background:rgb(var(--label-violet-09));--color:rgb(var(--label-violet-04))}@tailwind utilities; :host([variant=warning]),:host([variant=warning][tone=strong]){--background:rgb(var(--status-warning-05));--color:rgb(var(--status-warning-10))}:host([variant=warning][tone=weak]){--background:rgb(var(--status-warning-08));--color:rgb(var(--status-warning-02))}:host([variant=warning][tone=quiet]){--background:rgb(var(--status-warning-09));--color:rgb(var(--status-warning-04))}.fixed{position:fixed}.absolute{position:absolute}.border{border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host([variant=yellow]),:host([variant=yellow][tone=strong]){--background:rgb(var(--label-yellow-05));--color:rgb(var(--label-yellow-10))}:host([variant=yellow][tone=weak]){--background:rgb(var(--label-yellow-08));--color:rgb(var(--label-yellow-02))}:host([variant=yellow][tone=quiet]){--background:rgb(var(--label-yellow-09));--color:rgb(var(--label-yellow-04))}";
 
@@ -8,17 +8,9 @@ const MdsBadge = class {
     registerInstance(this, hostRef);
-    /**
-     * Sets the theme variant colors
-     */
     this.variant = 'green';
-    /**
-     * Sets the tone of the color variant
-     */
     this.tone = 'weak';
-    /**
-     * Specifies the typography of the element
-     */
     this.typography = 'option';
+    this.typographyVariant = undefined;
   }
   render() {
-    return (h(Host, null, h("mds-text", { typography: this.typography, variant: this.typographyVariant }, h("slot", null))));
+    return (h(Host, null, h("mds-text", { tag: "span", typography: this.typography, variant: this.typographyVariant }, h("slot", null))));
   }
@@ -25,0 +17,0 @@ };

dist/esm/mds-badge.js

@@ -1,5 +0,5 @@
-import { p as promiseResolve, b as bootstrapLazy } from './index-f9027781.js';
+import { p as promiseResolve, b as bootstrapLazy } from './index-cf40bb97.js';
 
 /*
- Stencil Client Patch Browser v2.17.0 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v2.19.3 | MIT Licensed | https://stenciljs.com
  */
@@ -6,0 +6,0 @@ const patchBrowser = () => {

dist/esm/polyfills/css-shim.js

@@ -1,1 +0,1 @@
-var __assign=this&&this.__assign||function(){return(__assign=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var s in t=arguments[r])Object.prototype.hasOwnProperty.call(t,s)&&(e[s]=t[s]);return e}).apply(this,arguments)},StyleNode=function(){this.start=0,this.end=0,this.previous=null,this.parent=null,this.rules=null,this.parsedCssText="",this.cssText="",this.atRule=!1,this.type=0,this.keyframesName="",this.selector="",this.parsedSelector=""};function parse(e){return parseCss(lex(e=clean(e)),e)}function clean(e){return e.replace(RX.comments,"").replace(RX.port,"")}function lex(e){var t=new StyleNode;t.start=0,t.end=e.length;for(var r=t,n=0,s=e.length;n<s;n++)if(e[n]===OPEN_BRACE){r.rules||(r.rules=[]);var o=r,a=o.rules[o.rules.length-1]||null;(r=new StyleNode).start=n+1,r.parent=o,r.previous=a,o.rules.push(r)}else e[n]===CLOSE_BRACE&&(r.end=n+1,r=r.parent||t);return t}function parseCss(e,t){var r=t.substring(e.start,e.end-1);if(e.parsedCssText=e.cssText=r.trim(),e.parent){var n=e.previous?e.previous.end:e.parent.start;r=(r=(r=_expandUnicodeEscapes(r=t.substring(n,e.start-1))).replace(RX.multipleSpaces," ")).substring(r.lastIndexOf(";")+1);var s=e.parsedSelector=e.selector=r.trim();e.atRule=0===s.indexOf(AT_START),e.atRule?0===s.indexOf(MEDIA_START)?e.type=types.MEDIA_RULE:s.match(RX.keyframesRule)&&(e.type=types.KEYFRAMES_RULE,e.keyframesName=e.selector.split(RX.multipleSpaces).pop()):0===s.indexOf(VAR_START)?e.type=types.MIXIN_RULE:e.type=types.STYLE_RULE}var o=e.rules;if(o)for(var a=0,i=o.length,l=void 0;a<i&&(l=o[a]);a++)parseCss(l,t);return e}function _expandUnicodeEscapes(e){return e.replace(/\\([0-9a-f]{1,6})\s/gi,(function(){for(var e=arguments[1],t=6-e.length;t--;)e="0"+e;return"\\"+e}))}var types={STYLE_RULE:1,KEYFRAMES_RULE:7,MEDIA_RULE:4,MIXIN_RULE:1e3},OPEN_BRACE="{",CLOSE_BRACE="}",RX={comments:/\/\*[^*]*\*+([^/*][^*]*\*+)*\//gim,port:/@import[^;]*;/gim,customProp:/(?:^[^;\-\s}]+)?--[^;{}]*?:[^{};]*?(?:[;\n]|$)/gim,mixinProp:/(?:^[^;\-\s}]+)?--[^;{}]*?:[^{};]*?{[^}]*?}(?:[;\n]|$)?/gim,mixinApply:/@apply\s*\(?[^);]*\)?\s*(?:[;\n]|$)?/gim,varApply:/[^;:]*?:[^;]*?var\([^;]*\)(?:[;\n]|$)?/gim,keyframesRule:/^@[^\s]*keyframes/,multipleSpaces:/\s+/g},VAR_START="--",MEDIA_START="@media",AT_START="@";function findRegex(e,t,r){e.lastIndex=0;var n=t.substring(r).match(e);if(n){var s=r+n.index;return{start:s,end:s+n[0].length}}return null}var VAR_USAGE_START=/\bvar\(/,VAR_ASSIGN_START=/\B--[\w-]+\s*:/,COMMENTS=/\/\*[^*]*\*+([^/*][^*]*\*+)*\//gim,TRAILING_LINES=/^[\t ]+\n/gm;function resolveVar(e,t,r){return e[t]?e[t]:r?executeTemplate(r,e):""}function findVarEndIndex(e,t){for(var r=0,n=t;n<e.length;n++){var s=e[n];if("("===s)r++;else if(")"===s&&--r<=0)return n+1}return n}function parseVar(e,t){var r=findRegex(VAR_USAGE_START,e,t);if(!r)return null;var n=findVarEndIndex(e,r.start),s=e.substring(r.end,n-1).split(","),o=s[0],a=s.slice(1);return{start:r.start,end:n,propName:o.trim(),fallback:a.length>0?a.join(",").trim():void 0}}function compileVar(e,t,r){var n=parseVar(e,r);if(!n)return t.push(e.substring(r,e.length)),e.length;var s=n.propName,o=null!=n.fallback?compileTemplate(n.fallback):void 0;return t.push(e.substring(r,n.start),(function(e){return resolveVar(e,s,o)})),n.end}function executeTemplate(e,t){for(var r="",n=0;n<e.length;n++){var s=e[n];r+="string"==typeof s?s:s(t)}return r}function findEndValue(e,t){for(var r=!1,n=!1,s=t;s<e.length;s++){var o=e[s];if(r)n&&'"'===o&&(r=!1),n||"'"!==o||(r=!1);else if('"'===o)r=!0,n=!0;else if("'"===o)r=!0,n=!1;else{if(";"===o)return s+1;if("}"===o)return s}}return s}function removeCustomAssigns(e){for(var t="",r=0;;){var n=findRegex(VAR_ASSIGN_START,e,r),s=n?n.start:e.length;if(t+=e.substring(r,s),!n)break;r=findEndValue(e,s)}return t}function compileTemplate(e){var t=0;e=removeCustomAssigns(e=e.replace(COMMENTS,"")).replace(TRAILING_LINES,"");for(var r=[];t<e.length;)t=compileVar(e,r,t);return r}function resolveValues(e){var t={};e.forEach((function(e){e.declarations.forEach((function(e){t[e.prop]=e.value}))}));for(var r={},n=Object.entries(t),s=function(e){var t=!1;if(n.forEach((function(e){var n=e[0],s=executeTemplate(e[1],r);s!==r[n]&&(r[n]=s,t=!0)})),!t)return"break"},o=0;o<10;o++){if("break"===s())break}return r}function getSelectors(e,t){if(void 0===t&&(t=0),!e.rules)return[];var r=[];return e.rules.filter((function(e){return e.type===types.STYLE_RULE})).forEach((function(e){var n=getDeclarations(e.cssText);n.length>0&&e.parsedSelector.split(",").forEach((function(e){e=e.trim(),r.push({selector:e,declarations:n,specificity:computeSpecificity(),nu:t})})),t++})),r}function computeSpecificity(e){return 1}var IMPORTANT="!important",FIND_DECLARATIONS=/(?:^|[;\s{]\s*)(--[\w-]*?)\s*:\s*(?:((?:'(?:\\'|.)*?'|"(?:\\"|.)*?"|\([^)]*?\)|[^};{])+)|\{([^}]*)\}(?:(?=[;\s}])|$))/gm;function getDeclarations(e){for(var t,r=[];t=FIND_DECLARATIONS.exec(e.trim());){var n=normalizeValue(t[2]),s=n.value,o=n.important;r.push({prop:t[1].trim(),value:compileTemplate(s),important:o})}return r}function normalizeValue(e){var t=(e=e.replace(/\s+/gim," ").trim()).endsWith(IMPORTANT);return t&&(e=e.slice(0,e.length-IMPORTANT.length).trim()),{value:e,important:t}}function getActiveSelectors(e,t,r){var n=[],s=getScopesForElement(t,e);return r.forEach((function(e){return n.push(e)})),s.forEach((function(e){return n.push(e)})),sortSelectors(getSelectorsForScopes(n).filter((function(t){return matches(e,t.selector)})))}function getScopesForElement(e,t){for(var r=[];t;){var n=e.get(t);n&&r.push(n),t=t.parentElement}return r}function getSelectorsForScopes(e){var t=[];return e.forEach((function(e){t.push.apply(t,e.selectors)})),t}function sortSelectors(e){return e.sort((function(e,t){return e.specificity===t.specificity?e.nu-t.nu:e.specificity-t.specificity})),e}function matches(e,t){return":root"===t||"html"===t||e.matches(t)}function parseCSS(e){var t=parse(e),r=compileTemplate(e);return{original:e,template:r,selectors:getSelectors(t),usesCssVars:r.length>1}}function addGlobalStyle(e,t){if(e.some((function(e){return e.styleEl===t})))return!1;var r=parseCSS(t.textContent);return r.styleEl=t,e.push(r),!0}function updateGlobalScopes(e){var t=resolveValues(getSelectorsForScopes(e));e.forEach((function(e){e.usesCssVars&&(e.styleEl.textContent=executeTemplate(e.template,t))}))}function reScope(e,t){var r=e.template.map((function(r){return"string"==typeof r?replaceScope(r,e.scopeId,t):r})),n=e.selectors.map((function(r){return __assign(__assign({},r),{selector:replaceScope(r.selector,e.scopeId,t)})}));return __assign(__assign({},e),{template:r,selectors:n,scopeId:t})}function replaceScope(e,t,r){return e=replaceAll(e,"\\.".concat(t),".".concat(r))}function replaceAll(e,t,r){return e.replace(new RegExp(t,"g"),r)}function loadDocument(e,t){return loadDocumentStyles(e,t),loadDocumentLinks(e,t).then((function(){updateGlobalScopes(t)}))}function startWatcher(e,t){"undefined"!=typeof MutationObserver&&new MutationObserver((function(){loadDocumentStyles(e,t)&&updateGlobalScopes(t)})).observe(document.head,{childList:!0})}function loadDocumentLinks(e,t){for(var r=[],n=e.querySelectorAll('link[rel="stylesheet"][href]:not([data-no-shim])'),s=0;s<n.length;s++)r.push(addGlobalLink(e,t,n[s]));return Promise.all(r)}function loadDocumentStyles(e,t){return Array.from(e.querySelectorAll("style:not([data-styles]):not([data-no-shim])")).map((function(e){return addGlobalStyle(t,e)})).some(Boolean)}function addGlobalLink(e,t,r){var n=r.href;return fetch(n).then((function(e){return e.text()})).then((function(s){if(hasCssVariables(s)&&r.parentNode){hasRelativeUrls(s)&&(s=fixRelativeUrls(s,n));var o=e.createElement("style");o.setAttribute("data-styles",""),o.textContent=s,addGlobalStyle(t,o),r.parentNode.insertBefore(o,r),r.remove()}})).catch((function(e){console.error(e)}))}var CSS_VARIABLE_REGEXP=/[\s;{]--[-a-zA-Z0-9]+\s*:/m;function hasCssVariables(e){return e.indexOf("var(")>-1||CSS_VARIABLE_REGEXP.test(e)}var CSS_URL_REGEXP=/url[\s]*\([\s]*['"]?(?!(?:https?|data)\:|\/)([^\'\"\)]*)[\s]*['"]?\)[\s]*/gim;function hasRelativeUrls(e){return CSS_URL_REGEXP.lastIndex=0,CSS_URL_REGEXP.test(e)}function fixRelativeUrls(e,t){var r=t.replace(/[^/]*$/,"");return e.replace(CSS_URL_REGEXP,(function(e,t){var n=r+t;return e.replace(t,n)}))}var CustomStyle=function(){function e(e,t){this.win=e,this.doc=t,this.count=0,this.hostStyleMap=new WeakMap,this.hostScopeMap=new WeakMap,this.globalScopes=[],this.scopesMap=new Map,this.didInit=!1}return e.prototype.i=function(){var e=this;return this.didInit||!this.win.requestAnimationFrame?Promise.resolve():(this.didInit=!0,new Promise((function(t){e.win.requestAnimationFrame((function(){startWatcher(e.doc,e.globalScopes),loadDocument(e.doc,e.globalScopes).then((function(){return t()}))}))})))},e.prototype.addLink=function(e){var t=this;return addGlobalLink(this.doc,this.globalScopes,e).then((function(){t.updateGlobal()}))},e.prototype.addGlobalStyle=function(e){addGlobalStyle(this.globalScopes,e)&&this.updateGlobal()},e.prototype.createHostStyle=function(e,t,r,n){if(this.hostScopeMap.has(e))throw new Error("host style already created");var s=this.registerHostTemplate(r,t,n),o=this.doc.createElement("style");return o.setAttribute("data-no-shim",""),s.usesCssVars?n?(o["s-sc"]=t="".concat(s.scopeId,"-").concat(this.count),o.textContent="/*needs update*/",this.hostStyleMap.set(e,o),this.hostScopeMap.set(e,reScope(s,t)),this.count++):(s.styleEl=o,s.usesCssVars||(o.textContent=executeTemplate(s.template,{})),this.globalScopes.push(s),this.updateGlobal(),this.hostScopeMap.set(e,s)):o.textContent=r,o},e.prototype.removeHost=function(e){var t=this.hostStyleMap.get(e);t&&t.remove(),this.hostStyleMap.delete(e),this.hostScopeMap.delete(e)},e.prototype.updateHost=function(e){var t=this.hostScopeMap.get(e);if(t&&t.usesCssVars&&t.isScoped){var r=this.hostStyleMap.get(e);if(r){var n=resolveValues(getActiveSelectors(e,this.hostScopeMap,this.globalScopes));r.textContent=executeTemplate(t.template,n)}}},e.prototype.updateGlobal=function(){updateGlobalScopes(this.globalScopes)},e.prototype.registerHostTemplate=function(e,t,r){var n=this.scopesMap.get(t);return n||((n=parseCSS(e)).scopeId=t,n.isScoped=r,this.scopesMap.set(t,n)),n},e}();!function(e){!e||e.__cssshim||e.CSS&&e.CSS.supports&&e.CSS.supports("color","var(--c)")||(e.__cssshim=new CustomStyle(e,e.document))}("undefined"!=typeof window&&window);
+var __assign=this&&this.__assign||function(){return(__assign=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var s in t=arguments[r])Object.prototype.hasOwnProperty.call(t,s)&&(e[s]=t[s]);return e}).apply(this,arguments)},StyleNode=function(){this.start=0,this.end=0,this.previous=null,this.parent=null,this.rules=null,this.parsedCssText="",this.cssText="",this.atRule=!1,this.type=0,this.keyframesName="",this.selector="",this.parsedSelector=""};function parse(e){return parseCss(lex(e=clean(e)),e)}function clean(e){return e.replace(RX.comments,"").replace(RX.port,"")}function lex(e){var t=new StyleNode;t.start=0,t.end=e.length;for(var r=t,n=0,s=e.length;n<s;n++)if(e[n]===OPEN_BRACE){r.rules||(r.rules=[]);var o=r,a=o.rules[o.rules.length-1]||null;(r=new StyleNode).start=n+1,r.parent=o,r.previous=a,o.rules.push(r)}else e[n]===CLOSE_BRACE&&(r.end=n+1,r=r.parent||t);return t}function parseCss(e,t){var r=t.substring(e.start,e.end-1);if(e.parsedCssText=e.cssText=r.trim(),e.parent){var n=e.previous?e.previous.end:e.parent.start;r=(r=(r=_expandUnicodeEscapes(r=t.substring(n,e.start-1))).replace(RX.multipleSpaces," ")).substring(r.lastIndexOf(";")+1);var s=e.parsedSelector=e.selector=r.trim();e.atRule=0===s.indexOf(AT_START),e.atRule?0===s.indexOf(MEDIA_START)?e.type=types.MEDIA_RULE:s.match(RX.keyframesRule)&&(e.type=types.KEYFRAMES_RULE,e.keyframesName=e.selector.split(RX.multipleSpaces).pop()):0===s.indexOf(VAR_START)?e.type=types.MIXIN_RULE:e.type=types.STYLE_RULE}var o=e.rules;if(o)for(var a=0,i=o.length,l=void 0;a<i&&(l=o[a]);a++)parseCss(l,t);return e}function _expandUnicodeEscapes(e){return e.replace(/\\([0-9a-f]{1,6})\s/gi,(function(){for(var e=arguments[1],t=6-e.length;t--;)e="0"+e;return"\\"+e}))}var types={STYLE_RULE:1,KEYFRAMES_RULE:7,MEDIA_RULE:4,MIXIN_RULE:1e3},OPEN_BRACE="{",CLOSE_BRACE="}",RX={comments:/\/\*[^*]*\*+([^/*][^*]*\*+)*\//gim,port:/@import[^;]*;/gim,customProp:/(?:^[^;\-\s}]+)?--[^;{}]*?:[^{};]*?(?:[;\n]|$)/gim,mixinProp:/(?:^[^;\-\s}]+)?--[^;{}]*?:[^{};]*?{[^}]*?}(?:[;\n]|$)?/gim,mixinApply:/@apply\s*\(?[^);]*\)?\s*(?:[;\n]|$)?/gim,varApply:/[^;:]*?:[^;]*?var\([^;]*\)(?:[;\n]|$)?/gim,keyframesRule:/^@[^\s]*keyframes/,multipleSpaces:/\s+/g},VAR_START="--",MEDIA_START="@media",AT_START="@",VAR_USAGE_START=/\bvar\(/,VAR_ASSIGN_START=/\B--[\w-]+\s*:/,COMMENTS=/\/\*[^*]*\*+([^/*][^*]*\*+)*\//gim,TRAILING_LINES=/^[\t ]+\n/gm;function findRegex(e,t,r){e.lastIndex=0;var n=t.substring(r).match(e);if(n){var s=r+n.index;return{start:s,end:s+n[0].length}}return null}function resolveVar(e,t,r){return e[t]?e[t]:r?executeTemplate(r,e):""}function findVarEndIndex(e,t){for(var r=0,n=t;n<e.length;n++){var s=e[n];if("("===s)r++;else if(")"===s&&--r<=0)return n+1}return n}function parseVar(e,t){var r=findRegex(VAR_USAGE_START,e,t);if(!r)return null;var n=findVarEndIndex(e,r.start),s=e.substring(r.end,n-1).split(","),o=s[0],a=s.slice(1);return{start:r.start,end:n,propName:o.trim(),fallback:a.length>0?a.join(",").trim():void 0}}function compileVar(e,t,r){var n=parseVar(e,r);if(!n)return t.push(e.substring(r,e.length)),e.length;var s=n.propName,o=null!=n.fallback?compileTemplate(n.fallback):void 0;return t.push(e.substring(r,n.start),(function(e){return resolveVar(e,s,o)})),n.end}function executeTemplate(e,t){for(var r="",n=0;n<e.length;n++){var s=e[n];r+="string"==typeof s?s:s(t)}return r}function findEndValue(e,t){for(var r=!1,n=!1,s=t;s<e.length;s++){var o=e[s];if(r)n&&'"'===o&&(r=!1),n||"'"!==o||(r=!1);else if('"'===o)r=!0,n=!0;else if("'"===o)r=!0,n=!1;else{if(";"===o)return s+1;if("}"===o)return s}}return s}function removeCustomAssigns(e){for(var t="",r=0;;){var n=findRegex(VAR_ASSIGN_START,e,r),s=n?n.start:e.length;if(t+=e.substring(r,s),!n)break;r=findEndValue(e,s)}return t}function compileTemplate(e){var t=0;e=removeCustomAssigns(e=e.replace(COMMENTS,"")).replace(TRAILING_LINES,"");for(var r=[];t<e.length;)t=compileVar(e,r,t);return r}function resolveValues(e){var t={};e.forEach((function(e){e.declarations.forEach((function(e){t[e.prop]=e.value}))}));for(var r={},n=Object.entries(t),s=function(e){var t=!1;if(n.forEach((function(e){var n=e[0],s=executeTemplate(e[1],r);s!==r[n]&&(r[n]=s,t=!0)})),!t)return"break"},o=0;o<10;o++){if("break"===s())break}return r}function getSelectors(e,t){if(void 0===t&&(t=0),!e.rules)return[];var r=[];return e.rules.filter((function(e){return e.type===types.STYLE_RULE})).forEach((function(e){var n=getDeclarations(e.cssText);n.length>0&&e.parsedSelector.split(",").forEach((function(e){e=e.trim(),r.push({selector:e,declarations:n,specificity:computeSpecificity(),nu:t})})),t++})),r}function computeSpecificity(e){return 1}var IMPORTANT="!important",FIND_DECLARATIONS=/(?:^|[;\s{]\s*)(--[\w-]*?)\s*:\s*(?:((?:'(?:\\'|.)*?'|"(?:\\"|.)*?"|\([^)]*?\)|[^};{])+)|\{([^}]*)\}(?:(?=[;\s}])|$))/gm;function getDeclarations(e){for(var t,r=[];t=FIND_DECLARATIONS.exec(e.trim());){var n=normalizeValue(t[2]),s=n.value,o=n.important;r.push({prop:t[1].trim(),value:compileTemplate(s),important:o})}return r}function normalizeValue(e){var t=(e=e.replace(/\s+/gim," ").trim()).endsWith(IMPORTANT);return t&&(e=e.slice(0,e.length-IMPORTANT.length).trim()),{value:e,important:t}}function getActiveSelectors(e,t,r){var n=[],s=getScopesForElement(t,e);return r.forEach((function(e){return n.push(e)})),s.forEach((function(e){return n.push(e)})),sortSelectors(getSelectorsForScopes(n).filter((function(t){return matches(e,t.selector)})))}function getScopesForElement(e,t){for(var r=[];t;){var n=e.get(t);n&&r.push(n),t=t.parentElement}return r}function getSelectorsForScopes(e){var t=[];return e.forEach((function(e){t.push.apply(t,e.selectors)})),t}function sortSelectors(e){return e.sort((function(e,t){return e.specificity===t.specificity?e.nu-t.nu:e.specificity-t.specificity})),e}function matches(e,t){return":root"===t||"html"===t||e.matches(t)}function parseCSS(e){var t=parse(e),r=compileTemplate(e);return{original:e,template:r,selectors:getSelectors(t),usesCssVars:r.length>1}}function addGlobalStyle(e,t){if(e.some((function(e){return e.styleEl===t})))return!1;var r=parseCSS(t.textContent);return r.styleEl=t,e.push(r),!0}function updateGlobalScopes(e){var t=resolveValues(getSelectorsForScopes(e));e.forEach((function(e){e.usesCssVars&&(e.styleEl.textContent=executeTemplate(e.template,t))}))}function reScope(e,t){var r=e.template.map((function(r){return"string"==typeof r?replaceScope(r,e.scopeId,t):r})),n=e.selectors.map((function(r){return __assign(__assign({},r),{selector:replaceScope(r.selector,e.scopeId,t)})}));return __assign(__assign({},e),{template:r,selectors:n,scopeId:t})}function replaceScope(e,t,r){return e=replaceAll(e,"\\.".concat(t),".".concat(r))}function replaceAll(e,t,r){return e.replace(new RegExp(t,"g"),r)}function loadDocument(e,t){return loadDocumentStyles(e,t),loadDocumentLinks(e,t).then((function(){updateGlobalScopes(t)}))}function startWatcher(e,t){"undefined"!=typeof MutationObserver&&new MutationObserver((function(){loadDocumentStyles(e,t)&&updateGlobalScopes(t)})).observe(document.head,{childList:!0})}function loadDocumentLinks(e,t){for(var r=[],n=e.querySelectorAll('link[rel="stylesheet"][href]:not([data-no-shim])'),s=0;s<n.length;s++)r.push(addGlobalLink(e,t,n[s]));return Promise.all(r)}function loadDocumentStyles(e,t){return Array.from(e.querySelectorAll("style:not([data-styles]):not([data-no-shim])")).map((function(e){return addGlobalStyle(t,e)})).some(Boolean)}function addGlobalLink(e,t,r){var n=r.href;return fetch(n).then((function(e){return e.text()})).then((function(s){if(hasCssVariables(s)&&r.parentNode){hasRelativeUrls(s)&&(s=fixRelativeUrls(s,n));var o=e.createElement("style");o.setAttribute("data-styles",""),o.textContent=s,addGlobalStyle(t,o),r.parentNode.insertBefore(o,r),r.remove()}})).catch((function(e){console.error(e)}))}var CSS_VARIABLE_REGEXP=/[\s;{]--[-a-zA-Z0-9]+\s*:/m;function hasCssVariables(e){return e.indexOf("var(")>-1||CSS_VARIABLE_REGEXP.test(e)}var CSS_URL_REGEXP=/url[\s]*\([\s]*['"]?(?!(?:https?|data)\:|\/)([^\'\"\)]*)[\s]*['"]?\)[\s]*/gim;function hasRelativeUrls(e){return CSS_URL_REGEXP.lastIndex=0,CSS_URL_REGEXP.test(e)}function fixRelativeUrls(e,t){var r=t.replace(/[^/]*$/,"");return e.replace(CSS_URL_REGEXP,(function(e,t){var n=r+t;return e.replace(t,n)}))}var CustomStyle=function(){function e(e,t){this.win=e,this.doc=t,this.count=0,this.hostStyleMap=new WeakMap,this.hostScopeMap=new WeakMap,this.globalScopes=[],this.scopesMap=new Map,this.didInit=!1}return e.prototype.i=function(){var e=this;return this.didInit||!this.win.requestAnimationFrame?Promise.resolve():(this.didInit=!0,new Promise((function(t){e.win.requestAnimationFrame((function(){startWatcher(e.doc,e.globalScopes),loadDocument(e.doc,e.globalScopes).then((function(){return t()}))}))})))},e.prototype.addLink=function(e){var t=this;return addGlobalLink(this.doc,this.globalScopes,e).then((function(){t.updateGlobal()}))},e.prototype.addGlobalStyle=function(e){addGlobalStyle(this.globalScopes,e)&&this.updateGlobal()},e.prototype.createHostStyle=function(e,t,r,n){if(this.hostScopeMap.has(e))throw new Error("host style already created");var s=this.registerHostTemplate(r,t,n),o=this.doc.createElement("style");return o.setAttribute("data-no-shim",""),s.usesCssVars?n?(o["s-sc"]=t="".concat(s.scopeId,"-").concat(this.count),o.textContent="/*needs update*/",this.hostStyleMap.set(e,o),this.hostScopeMap.set(e,reScope(s,t)),this.count++):(s.styleEl=o,s.usesCssVars||(o.textContent=executeTemplate(s.template,{})),this.globalScopes.push(s),this.updateGlobal(),this.hostScopeMap.set(e,s)):o.textContent=r,o},e.prototype.removeHost=function(e){var t=this.hostStyleMap.get(e);t&&t.remove(),this.hostStyleMap.delete(e),this.hostScopeMap.delete(e)},e.prototype.updateHost=function(e){var t=this.hostScopeMap.get(e);if(t&&t.usesCssVars&&t.isScoped){var r=this.hostStyleMap.get(e);if(r){var n=resolveValues(getActiveSelectors(e,this.hostScopeMap,this.globalScopes));r.textContent=executeTemplate(t.template,n)}}},e.prototype.updateGlobal=function(){updateGlobalScopes(this.globalScopes)},e.prototype.registerHostTemplate=function(e,t,r){var n=this.scopesMap.get(t);return n||((n=parseCSS(e)).scopeId=t,n.isScoped=r,this.scopesMap.set(t,n)),n},e}();!function(e){!e||e.__cssshim||e.CSS&&e.CSS.supports&&e.CSS.supports("color","var(--c)")||(e.__cssshim=new CustomStyle(e,e.document))}("undefined"!=typeof window&&window);

dist/mds-badge/mds-badge.esm.js

@@ -1,1 +0,1 @@
-import{p as a,b as p}from"./p-ff128c64.js";(()=>{const p=import.meta.url,r={};return""!==p&&(r.resourcesUrl=new URL(".",p).href),a(r)})().then((a=>p([["p-6e087d8c",[[1,"mds-badge",{variant:[513],tone:[513],typography:[1],typographyVariant:[1,"typography-variant"]}]]]],a)));
+import{p as a,b as p}from"./p-e65189b0.js";(()=>{const p=import.meta.url,r={};return""!==p&&(r.resourcesUrl=new URL(".",p).href),a(r)})().then((a=>p([["p-1a5aa463",[[1,"mds-badge",{variant:[513],tone:[513],typography:[1],typographyVariant:[1,"typography-variant"]}]]]],a)));

dist/stats.json

 {
-  "timestamp": "2022-06-27T08:48:38",
+  "timestamp": "2022-12-06T12:51:49",
   "compiler": {
@@ -12,8 +12,9 @@ "name": "node",
     "entries": 1,
-    "bundles": 63,
+    "bundles": 64,
     "outputs": [
       {
         "name": "dist-collection",
-        "files": 22,
+        "files": 23,
         "generatedFiles": [
+          "./dist/collection/common/aria.js",
           "./dist/collection/components/mds-badge/mds-badge.js",
@@ -57,3 +58,3 @@ "./dist/collection/components/mds-badge/test/mds-badge.stories.js",
         "generatedFiles": [
-          "./dist/cjs/index-dbb73e49.js",
+          "./dist/cjs/index-bb85c9cf.js",
           "./dist/cjs/index.cjs.js",
@@ -63,3 +64,3 @@ "./dist/cjs/loader.cjs.js",
           "./dist/cjs/mds-badge.cjs.js",
-          "./dist/esm-es5/index-f9027781.js",
+          "./dist/esm-es5/index-cf40bb97.js",
           "./dist/esm-es5/index.js",
@@ -69,3 +70,3 @@ "./dist/esm-es5/loader.js",
           "./dist/esm-es5/mds-badge.js",
-          "./dist/esm/index-f9027781.js",
+          "./dist/esm/index-cf40bb97.js",
           "./dist/esm/index.js",
@@ -80,17 +81,17 @@ "./dist/esm/loader.js",
           "./dist/mds-badge/mds-badge.js",
+          "./dist/mds-badge/p-1a5aa463.entry.js",
           "./dist/mds-badge/p-50ea2036.system.js",
-          "./dist/mds-badge/p-6e087d8c.entry.js",
-          "./dist/mds-badge/p-cb89dbaf.system.js",
-          "./dist/mds-badge/p-cdc85d85.system.js",
-          "./dist/mds-badge/p-e2fa9435.system.entry.js",
-          "./dist/mds-badge/p-ff128c64.js",
+          "./dist/mds-badge/p-8b1a1abd.system.js",
+          "./dist/mds-badge/p-ba2086cd.system.js",
+          "./dist/mds-badge/p-e65189b0.js",
+          "./dist/mds-badge/p-f124b8f0.system.entry.js",
           "./www/build/index.esm.js",
           "./www/build/mds-badge.esm.js",
           "./www/build/mds-badge.js",
+          "./www/build/p-1a5aa463.entry.js",
           "./www/build/p-50ea2036.system.js",
-          "./www/build/p-6e087d8c.entry.js",
-          "./www/build/p-cb89dbaf.system.js",
-          "./www/build/p-cdc85d85.system.js",
-          "./www/build/p-e2fa9435.system.entry.js",
-          "./www/build/p-ff128c64.js"
+          "./www/build/p-8b1a1abd.system.js",
+          "./www/build/p-ba2086cd.system.js",
+          "./www/build/p-e65189b0.js",
+          "./www/build/p-f124b8f0.system.entry.js"
         ]
@@ -128,8 +129,8 @@ },
         ],
-        "bundleId": "p-6e087d8c",
-        "fileName": "p-6e087d8c.entry.js",
+        "bundleId": "p-1a5aa463",
+        "fileName": "p-1a5aa463.entry.js",
         "imports": [
-          "p-ff128c64.js"
+          "p-e65189b0.js"
         ],
-        "originalByteSize": 8230
+        "originalByteSize": 8109
       }
@@ -146,5 +147,5 @@ ],
         "imports": [
-          "index-f9027781.js"
+          "index-cf40bb97.js"
         ],
-        "originalByteSize": 8234
+        "originalByteSize": 8113
       }
@@ -161,5 +162,5 @@ ],
         "imports": [
-          "index-f9027781.js"
+          "index-cf40bb97.js"
         ],
-        "originalByteSize": 8234
+        "originalByteSize": 8113
       }
@@ -173,8 +174,8 @@ ],
         ],
-        "bundleId": "p-e2fa9435.system",
-        "fileName": "p-e2fa9435.system.entry.js",
+        "bundleId": "p-f124b8f0.system",
+        "fileName": "p-f124b8f0.system.entry.js",
         "imports": [
-          "p-cb89dbaf.system.js"
+          "p-8b1a1abd.system.js"
         ],
-        "originalByteSize": 8566
+        "originalByteSize": 8397
       }
@@ -191,5 +192,5 @@ ],
         "imports": [
-          "index-dbb73e49.js"
+          "index-bb85c9cf.js"
         ],
-        "originalByteSize": 8310
+        "originalByteSize": 8189
       }
@@ -315,3 +316,3 @@ ]
             "original": "TypographyVariants",
-            "resolved": "\"info\" | \"mono\" | \"read\" | \"title\"",
+            "resolved": "\"code\" | \"info\" | \"read\" | \"title\"",
             "references": {
@@ -436,3 +437,3 @@ "TypographyVariants": {
                 "original": "TypographyVariants",
-                "resolved": "\"info\" | \"mono\" | \"read\" | \"title\"",
+                "resolved": "\"code\" | \"info\" | \"read\" | \"title\"",
                 "references": {
@@ -466,3 +467,3 @@ "TypographyVariants": {
                 {
-                  "absolutePath": "/builds/maggiolispa/ricerca-sviluppo-new-media/design-system/projects/stencil/.build/mds-badge/src/components/mds-badge/mds-badge.css",
+                  "absolutePath": "/builds/maggiolispa/ricerca-sviluppo-new-media/magma/design-system/projects/stencil/.build/mds-badge/src/components/mds-badge/mds-badge.css",
                   "relativePath": "mds-badge.css",
@@ -499,4 +500,4 @@ "originalComponentPath": "mds-badge.css"
           },
-          "jsFilePath": "/builds/maggiolispa/ricerca-sviluppo-new-media/design-system/projects/stencil/.build/mds-badge/src/components/mds-badge/mds-badge.js",
-          "sourceFilePath": "/builds/maggiolispa/ricerca-sviluppo-new-media/design-system/projects/stencil/.build/mds-badge/src/components/mds-badge/mds-badge.tsx",
+          "jsFilePath": "/builds/maggiolispa/ricerca-sviluppo-new-media/magma/design-system/projects/stencil/.build/mds-badge/src/components/mds-badge/mds-badge.js",
+          "sourceFilePath": "/builds/maggiolispa/ricerca-sviluppo-new-media/magma/design-system/projects/stencil/.build/mds-badge/src/components/mds-badge/mds-badge.tsx",
           "sourceMapPath": null,
@@ -550,2 +551,3 @@ "hasAttributeChangedCallbackFn": false,
           "htmlAttrNames": [
+            "tag",
             "typography",
@@ -574,6 +576,7 @@ "variant"
     "sc-mds-badge": [
-      "p-ff128c64.js"
+      "p-e65189b0.js"
     ]
   },
   "sourceGraph": {
+    "./src/common/aria.ts": [],
     "./src/components/mds-badge/mds-badge.tsx": [],
@@ -580,0 +583,0 @@ "./src/components/mds-badge/test/mds-badge.stories.tsx": [],

dist/types/stencil-public-runtime.d.ts

@@ -224,3 +224,5 @@ declare type CustomMethodDecorator<T> = (target: Object, propertyKey: string | symbol, descriptor: TypedPropertyDescriptor<T>) => TypedPropertyDescriptor<T> | void;
 /**
- * getMode
+ * `getMode()` is used for libraries which provide multiple "modes" for styles.
+ * @param ref a reference to the node to get styles for
+ * @returns the current mode or undefined, if not found
  */
@@ -238,2 +240,5 @@ export declare function getMode<T = string | undefined>(ref: any): T;
  * if the path needs to be customized.
+ * @param path the path to use in calculating the asset path. this value will be
+ * used in conjunction with the base asset path
+ * @returns the base path
  */
@@ -251,8 +256,12 @@ export declare function getAssetPath(path: string): string;
  * But do note that this configuration depends on how your script is bundled, or lack of
- * bunding, and where your assets can be loaded from. Additionally custom bundling
+ * bundling, and where your assets can be loaded from. Additionally custom bundling
  * will have to ensure the static assets are copied to its build directory.
+ * @param path the asset path to set
+ * @returns the set path
  */
 export declare function setAssetPath(path: string): string;
 /**
- * getElement
+ * Retrieve a Stencil element for a given reference
+ * @param ref the ref to get the Stencil element for
+ * @returns a reference to the element
  */
@@ -263,3 +272,5 @@ export declare function getElement(ref: any): HTMLStencilElement;
  *
- * Notice `forceUpdate()` is not syncronous and might perform the DOM render in the next frame.
+ * Notice `forceUpdate()` is not synchronous and might perform the DOM render in the next frame.
+ *
+ * @param ref the node/element to force the re-render of
  */
@@ -269,2 +280,3 @@ export declare function forceUpdate(ref: any): void;
  * getRenderingRef
+ * @returns the rendering ref
  */
@@ -280,2 +292,4 @@ export declare function getRenderingRef(): any;
  * For further information: https://developers.google.com/web/fundamentals/performance/rendering/avoid-large-complex-layouts-and-layout-thrashing
+ *
+ * @param task the DOM-write to schedule
  */
@@ -288,2 +302,4 @@ export declare function writeTask(task: RafCallback): void;
  * For further information: https://developers.google.com/web/fundamentals/performance/rendering/avoid-large-complex-layouts-and-layout-thrashing
+ *
+ * @param task the DOM-read to schedule
  */
@@ -290,0 +306,0 @@ export declare function readTask(task: RafCallback): void;

dist/types/types/typography.d.ts

@@ -1,3 +0,3 @@
-export declare type TypographyType = 'action' | 'caption' | 'code' | 'detail' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'hack' | 'label' | 'option' | 'paragraph' | 'tip';
-export declare type TypographyVariants = 'title' | 'info' | 'read' | 'mono';
+export declare type TypographyType = 'action' | 'caption' | 'snippet' | 'detail' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'hack' | 'label' | 'option' | 'paragraph' | 'tip';
+export declare type TypographyVariants = 'title' | 'info' | 'read' | 'code';
 export declare type TypographyTitleType = 'action' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
@@ -7,3 +7,3 @@ export declare type TypographyInfoType = 'caption' | 'detail' | 'label' | 'option' | 'paragraph' | 'tip';
 export declare type TypographySmallerType = 'tip' | 'option';
-export declare type TypographyMonoType = 'code' | 'hack';
+export declare type TypographyMonoType = 'snippet' | 'hack';
 export declare type TypographyTooltipType = 'caption' | 'detail' | 'tip';

loader/package.json

 {
   "name": "mds-badge-loader",
+  "private": true,
   "typings": "./index.d.ts",
@@ -4,0 +5,0 @@ "module": "./index.js",

package.json

 {
   "name": "@maggioli-design-system/mds-badge",
-  "version": "2.0.2",
+  "version": "2.1.1",
   "description": "mds-badge is a web-component from Maggioli Design System Magma, built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.",
@@ -26,5 +26,5 @@ "main": "dist/index.cjs.js",
   "dependencies": {
-    "@maggioli-design-system/mds-text": "^2.0.2",
-    "@maggioli-design-system/styles": "^8.0.0",
-    "@stencil/core": "^2.17.0"
+    "@maggioli-design-system/mds-text": "^3.0.0",
+    "@maggioli-design-system/styles": "^10.0.0",
+    "@stencil/core": "^2.19.3"
   },
@@ -31,0 +31,0 @@ "license": "MIT",

readme.md

@@ -14,3 +14,3 @@ # mds-badge
 | `typography`        | `typography`         | Specifies the typography of the element | `"caption" \| "detail" \| "label" \| "option" \| "paragraph" \| "tip"`                                                                                                             | `'option'`  |
-| `typographyVariant` | `typography-variant` | Specifies the variant for `typography`  | `"info" \| "mono" \| "read" \| "title"`                                                                                                                                            | `undefined` |
+| `typographyVariant` | `typography-variant` | Specifies the variant for `typography`  | `"code" \| "info" \| "read" \| "title"`                                                                                                                                            | `undefined` |
 | `variant`           | `variant`            | Sets the theme variant colors           | `"amaranth" \| "aqua" \| "blue" \| "dark" \| "error" \| "green" \| "info" \| "light" \| "lime" \| "orange" \| "orchid" \| "sky" \| "success" \| "violet" \| "warning" \| "yellow"` | `'green'`   |
@@ -17,0 +17,0 @@

src/components/mds-badge/readme.md

@@ -14,3 +14,3 @@ # mds-badge
 | `typography`        | `typography`         | Specifies the typography of the element | `"caption" \| "detail" \| "label" \| "option" \| "paragraph" \| "tip"`                                                                                                             | `'option'`  |
-| `typographyVariant` | `typography-variant` | Specifies the variant for `typography`  | `"info" \| "mono" \| "read" \| "title"`                                                                                                                                            | `undefined` |
+| `typographyVariant` | `typography-variant` | Specifies the variant for `typography`  | `"code" \| "info" \| "read" \| "title"`                                                                                                                                            | `undefined` |
 | `variant`           | `variant`            | Sets the theme variant colors           | `"amaranth" \| "aqua" \| "blue" \| "dark" \| "error" \| "green" \| "info" \| "light" \| "lime" \| "orange" \| "orchid" \| "sky" \| "success" \| "violet" \| "warning" \| "yellow"` | `'green'`   |
@@ -17,0 +17,0 @@

src/dictionary/typography.ts

 const typographyDictionary = [
   'action',
   'caption',
-  'code',
+  'snippet',
   'detail',
@@ -23,7 +23,7 @@ 'h1',
   'read',
-  'mono',
+  'code',
 ]
 
 const typographyMonoDictionary = [
-  'code',
+  'snippet',
   'hack',
@@ -30,0 +30,0 @@ ]

src/fixtures/icons.json

@@ -21,6 +21,6 @@ [
     "mi/baseline/border-all",
+    "mi/baseline/cancel",
     "mi/baseline/check-box",
     "mi/baseline/check-box-outline-blank",
     "mi/baseline/check-circle",
-    "mi/baseline/check-circle-outline",
     "mi/baseline/close",
@@ -32,3 +32,3 @@ "mi/baseline/css",
     "mi/baseline/email",
-    "mi/baseline/error-outline",
+    "mi/baseline/error",
     "mi/baseline/explore",
@@ -35,0 +35,0 @@ "mi/baseline/folder-zip",

src/types/typography.ts

 export type TypographyType =
   | 'action'
   | 'caption'
-  | 'code'
+  | 'snippet'
   | 'detail'
@@ -22,3 +22,3 @@ | 'h1'
   | 'read'
-  | 'mono'
+  | 'code'
 
@@ -52,3 +52,3 @@ export type TypographyTitleType =
 export type TypographyMonoType =
-  | 'code'
+  | 'snippet'
   | 'hack'
@@ -55,0 +55,0 @@

www/build/mds-badge.esm.js

@@ -1,1 +0,1 @@
-import{p as a,b as p}from"./p-ff128c64.js";(()=>{const p=import.meta.url,r={};return""!==p&&(r.resourcesUrl=new URL(".",p).href),a(r)})().then((a=>p([["p-6e087d8c",[[1,"mds-badge",{variant:[513],tone:[513],typography:[1],typographyVariant:[1,"typography-variant"]}]]]],a)));
+import{p as a,b as p}from"./p-e65189b0.js";(()=>{const p=import.meta.url,r={};return""!==p&&(r.resourcesUrl=new URL(".",p).href),a(r)})().then((a=>p([["p-1a5aa463",[[1,"mds-badge",{variant:[513],tone:[513],typography:[1],typographyVariant:[1,"typography-variant"]}]]]],a)));

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

743365

increased by2.94%

Number of package files

152

increased by2.01%

Lines of code

8937

increased by4.12%

Dependency changes

• + Added@fontsource/karla@5.0.18(transitive)

• + Added@fontsource/merriweather@5.0.8(transitive)

• + Added@fontsource/roboto@5.0.8(transitive)

• + Added@fontsource/roboto-mono@4.5.105.0.16(transitive)

• + Added@maggioli-design-system/design-tokens@10.7.012.0.1(transitive)

• + Added@maggioli-design-system/mds-text@3.7.0(transitive)

• + Added@maggioli-design-system/styles@10.0.114.1.0(transitive)

• + Added@stencil/core@4.9.1(transitive)

• + Addedclsx@2.1.0(transitive)

• - Removed@maggioli-design-system/design-tokens@8.0.0(transitive)

• - Removed@maggioli-design-system/mds-text@2.0.2(transitive)

• - Removed@maggioli-design-system/styles@8.2.0(transitive)

• - Removedclsx@1.2.1(transitive)

• - Removedtypeface-karla@1.1.13(transitive)

• - Removedtypeface-merriweather@1.1.13(transitive)

• - Removedtypeface-roboto@1.1.13(transitive)

• Updated@maggioli-design-system/mds-text@^3.0.0

• Updated@maggioli-design-system/styles@^10.0.0

• Updated@stencil/core@^2.19.3