npm - @duetds/components - Versions diffs - 6.2.3 → 6.2.5 - Mend

@duetds/components 6.2.3 → 6.2.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (566) hide show

package/lib/collection/components/duet-menu-bar-menu-dropdown-link/duet-menu-bar-menu-dropdown-link.js CHANGED Viewed

@@ -1,29 +1,14 @@
 /*!
  * Built with Duet Design System
  */
-import { Component, Element, h, Host, Prop } from "@stencil/core";
+import { h, Host } from "@stencil/core";
 import { inheritGlobalTheme } from "../../common/themeable-component";
 export class DuetMenuBarMenuDropdownLink {
   constructor() {
-    /**
-     * Theme.
-     */
     this.theme = "";
-    /**
-     * Href
-     */
     this.href = "#";
-    /**
-     * Icon
-     */
     this.icon = undefined;
-    /**
-     * Caret
-     */
     this.caret = false;
-    /**
-     * Highlight
-     */
     this.highlight = false;
   }
   /**
@@ -37,120 +22,122 @@ export class DuetMenuBarMenuDropdownLink {
    * Always the last one in the class.
    */
   render() {
-    return (h(Host, null,
-      h("a", { class: {
-          "duet-menu-bar-menu-dropdown-link": true,
-          "duet-theme-turva": this.theme === "turva",
-          highlight: this.highlight,
-        }, href: this.href, role: "menuitem" },
-        this.icon && h("duet-icon", { name: this.icon, size: "x-small", margin: "none" }),
-        h("slot", null),
-        this.caret && h("duet-icon", { name: "action-arrow-right-small", size: "xxx-small", margin: "none" }))));
+    return (h(Host, null, h("a", { class: {
+        "duet-menu-bar-menu-dropdown-link": true,
+        "duet-theme-turva": this.theme === "turva",
+        highlight: this.highlight,
+      }, href: this.href, role: "menuitem" }, this.icon && h("duet-icon", { name: this.icon, size: "x-small", margin: "none" }), h("slot", null), this.caret && h("duet-icon", { name: "action-arrow-right-small", size: "xxx-small", margin: "none" }))));
   }
   static get is() { return "duet-menu-bar-menu-dropdown-link"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["duet-menu-bar-menu-dropdown-link.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["duet-menu-bar-menu-dropdown-link.css"]
-  }; }
-  static get properties() { return {
-    "theme": {
-      "type": "string",
-      "mutable": true,
-      "complexType": {
-        "original": "DuetTheme",
-        "resolved": "\"\" | \"default\" | \"turva\"",
-        "references": {
-          "DuetTheme": {
-            "location": "import",
-            "path": "../../common-types"
+  static get originalStyleUrls() {
+    return {
+      "$": ["duet-menu-bar-menu-dropdown-link.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["duet-menu-bar-menu-dropdown-link.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "theme": {
+        "type": "string",
+        "mutable": true,
+        "complexType": {
+          "original": "DuetTheme",
+          "resolved": "\"\" | \"default\" | \"turva\"",
+          "references": {
+            "DuetTheme": {
+              "location": "import",
+              "path": "../../common-types"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Theme."
-      },
-      "attribute": "theme",
-      "reflect": false,
-      "defaultValue": "\"\""
-    },
-    "href": {
-      "type": "string",
-      "mutable": true,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Href"
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Theme."
+        },
+        "attribute": "theme",
+        "reflect": false,
+        "defaultValue": "\"\""
       },
-      "attribute": "href",
-      "reflect": false,
-      "defaultValue": "\"#\""
-    },
-    "icon": {
-      "type": "string",
-      "mutable": true,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+      "href": {
+        "type": "string",
+        "mutable": true,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Href"
+        },
+        "attribute": "href",
+        "reflect": false,
+        "defaultValue": "\"#\""
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Icon"
+      "icon": {
+        "type": "string",
+        "mutable": true,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Icon"
+        },
+        "attribute": "icon",
+        "reflect": true,
+        "defaultValue": "undefined"
       },
-      "attribute": "icon",
-      "reflect": true,
-      "defaultValue": "undefined"
-    },
-    "caret": {
-      "type": "boolean",
-      "mutable": true,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
+      "caret": {
+        "type": "boolean",
+        "mutable": true,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Caret"
+        },
+        "attribute": "caret",
+        "reflect": false,
+        "defaultValue": "false"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Caret"
-      },
-      "attribute": "caret",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "highlight": {
-      "type": "boolean",
-      "mutable": true,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Highlight"
-      },
-      "attribute": "highlight",
-      "reflect": false,
-      "defaultValue": "false"
-    }
-  }; }
+      "highlight": {
+        "type": "boolean",
+        "mutable": true,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Highlight"
+        },
+        "attribute": "highlight",
+        "reflect": false,
+        "defaultValue": "false"
+      }
+    };
+  }
   static get elementRef() { return "element"; }
 }

package/lib/collection/components/duet-menu-bar-menu-link/duet-menu-bar-menu-link.js CHANGED Viewed

@@ -1,25 +1,13 @@
 /*!
  * Built with Duet Design System
  */
-import { Component, Element, h, Host, Prop } from "@stencil/core";
+import { h, Host } from "@stencil/core";
 import { inheritGlobalTheme } from "../../common/themeable-component";
 export class DuetMenuBarMenuLink {
   constructor() {
-    /**
-     * Theme.
-     */
     this.theme = "";
-    /**
-     * Active
-     */
     this.active = false;
-    /**
-     * Href
-     */
     this.href = "#";
-    /**
-     * Icon
-     */
     this.icon = undefined;
   }
   /**
@@ -33,97 +21,100 @@ export class DuetMenuBarMenuLink {
    * Always the last one in the class.
    */
   render() {
-    return (h(Host, null,
-      h("a", { class: { "duet-menu-bar-menu-link": true, "duet-theme-turva": this.theme === "turva", active: this.active }, href: this.href, role: "menuitem" },
-        this.icon && h("duet-icon", { name: this.icon, size: "x-small", margin: "none" }),
-        h("slot", null))));
+    return (h(Host, null, h("a", { class: { "duet-menu-bar-menu-link": true, "duet-theme-turva": this.theme === "turva", active: this.active }, href: this.href, role: "menuitem" }, this.icon && h("duet-icon", { name: this.icon, size: "x-small", margin: "none" }), h("slot", null))));
   }
   static get is() { return "duet-menu-bar-menu-link"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["duet-menu-bar-menu-link.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["duet-menu-bar-menu-link.css"]
-  }; }
-  static get properties() { return {
-    "theme": {
-      "type": "string",
-      "mutable": true,
-      "complexType": {
-        "original": "DuetTheme",
-        "resolved": "\"\" | \"default\" | \"turva\"",
-        "references": {
-          "DuetTheme": {
-            "location": "import",
-            "path": "../../common-types"
+  static get originalStyleUrls() {
+    return {
+      "$": ["duet-menu-bar-menu-link.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["duet-menu-bar-menu-link.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "theme": {
+        "type": "string",
+        "mutable": true,
+        "complexType": {
+          "original": "DuetTheme",
+          "resolved": "\"\" | \"default\" | \"turva\"",
+          "references": {
+            "DuetTheme": {
+              "location": "import",
+              "path": "../../common-types"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Theme."
-      },
-      "attribute": "theme",
-      "reflect": false,
-      "defaultValue": "\"\""
-    },
-    "active": {
-      "type": "boolean",
-      "mutable": true,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Theme."
+        },
+        "attribute": "theme",
+        "reflect": false,
+        "defaultValue": "\"\""
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Active"
+      "active": {
+        "type": "boolean",
+        "mutable": true,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Active"
+        },
+        "attribute": "active",
+        "reflect": false,
+        "defaultValue": "false"
       },
-      "attribute": "active",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "href": {
-      "type": "string",
-      "mutable": true,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+      "href": {
+        "type": "string",
+        "mutable": true,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Href"
+        },
+        "attribute": "href",
+        "reflect": false,
+        "defaultValue": "\"#\""
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Href"
-      },
-      "attribute": "href",
-      "reflect": false,
-      "defaultValue": "\"#\""
-    },
-    "icon": {
-      "type": "string",
-      "mutable": true,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Icon"
-      },
-      "attribute": "icon",
-      "reflect": true,
-      "defaultValue": "undefined"
-    }
-  }; }
+      "icon": {
+        "type": "string",
+        "mutable": true,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Icon"
+        },
+        "attribute": "icon",
+        "reflect": true,
+        "defaultValue": "undefined"
+      }
+    };
+  }
   static get elementRef() { return "element"; }
 }