@duetds/components 6.2.4 → 6.2.6

package/lib/collection/components/duet-list/duet-list.js

@@ -1,39 +1,17 @@
 /*!
  * Built with Duet Design System
  */
-import { Component, Element, h, Prop, Watch } from "@stencil/core";
+import { h } from "@stencil/core";
 import { inheritGlobalTheme } from "../../common/themeable-component";
 import { watchForOptions } from "../../utils/watch-options";
 export class DuetList {
   constructor() {
-    /**
-     * Theme of the list.
-     */
     this.theme = "";
-    /**
-     * Controls the margin of the component.
-     */
     this.margin = "auto";
-    /**
-     * Controls the padding of the component.
-     */
     this.padding = "auto";
-    /**
-     * Adjusts the alignment of the list items on mobile breakpoint.
-     */
     this.mobile = "left";
-    /**
-     * Switch the breakpoint used to trigger the content stacking. These match to
-     * similar media query tokens: $media-query-small and $media-query-large.
-     */
     this.breakpoint = "small";
-    /**
-     * Style variation of the list.
-     */
     this.variation = "default";
-    /**
-     * Set the column width of the first column in percentages.
-     */
     this.labelWidth = "30";
   }
   /**
@@ -89,194 +67,201 @@ export class DuetList {
    * Always the last one in the class.
    */
   render() {
-    return (h("dl", { class: { "duet-list-component": true, "duet-m-0": this.margin === "none" } },
-      h("slot", null)));
+    return (h("dl", { class: { "duet-list-component": true, "duet-m-0": this.margin === "none" } }, h("slot", null)));
   }
   static get is() { return "duet-list"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["duet-list.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["duet-list.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-list.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["duet-list.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 of the list."
+        },
+        "attribute": "theme",
+        "reflect": false,
+        "defaultValue": "\"\""
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Theme of the list."
-      },
-      "attribute": "theme",
-      "reflect": false,
-      "defaultValue": "\"\""
-    },
-    "margin": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "DuetMargin",
-        "resolved": "\"auto\" | \"none\"",
-        "references": {
-          "DuetMargin": {
-            "location": "import",
-            "path": "../../common-types"
+      "margin": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "DuetMargin",
+          "resolved": "\"auto\" | \"none\"",
+          "references": {
+            "DuetMargin": {
+              "location": "import",
+              "path": "../../common-types"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Controls the margin of the component."
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Controls the margin of the component."
+        },
+        "attribute": "margin",
+        "reflect": false,
+        "defaultValue": "\"auto\""
       },
-      "attribute": "margin",
-      "reflect": false,
-      "defaultValue": "\"auto\""
-    },
-    "padding": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "DuetPadding",
-        "resolved": "\"auto\" | \"none\"",
-        "references": {
-          "DuetPadding": {
-            "location": "import",
-            "path": "../../common-types"
+      "padding": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "DuetPadding",
+          "resolved": "\"auto\" | \"none\"",
+          "references": {
+            "DuetPadding": {
+              "location": "import",
+              "path": "../../common-types"
+            }
           }
-        }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Controls the padding of the component."
+        },
+        "attribute": "padding",
+        "reflect": false,
+        "defaultValue": "\"auto\""
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Controls the padding of the component."
-      },
-      "attribute": "padding",
-      "reflect": false,
-      "defaultValue": "\"auto\""
-    },
-    "mobile": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "DuetListMobileAlignment",
-        "resolved": "\"center\" | \"left\"",
-        "references": {
-          "DuetListMobileAlignment": {
-            "location": "local"
+      "mobile": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "DuetListMobileAlignment",
+          "resolved": "\"center\" | \"left\"",
+          "references": {
+            "DuetListMobileAlignment": {
+              "location": "local"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Adjusts the alignment of the list items on mobile breakpoint."
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Adjusts the alignment of the list items on mobile breakpoint."
+        },
+        "attribute": "mobile",
+        "reflect": false,
+        "defaultValue": "\"left\""
       },
-      "attribute": "mobile",
-      "reflect": false,
-      "defaultValue": "\"left\""
-    },
-    "breakpoint": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "DuetListBreakpoint",
-        "resolved": "\"large\" | \"small\"",
-        "references": {
-          "DuetListBreakpoint": {
-            "location": "local"
+      "breakpoint": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "DuetListBreakpoint",
+          "resolved": "\"large\" | \"small\"",
+          "references": {
+            "DuetListBreakpoint": {
+              "location": "local"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Switch the breakpoint used to trigger the content stacking. These match to\nsimilar media query tokens: $media-query-small and $media-query-large."
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Switch the breakpoint used to trigger the content stacking. These match to\nsimilar media query tokens: $media-query-small and $media-query-large."
+        },
+        "attribute": "breakpoint",
+        "reflect": false,
+        "defaultValue": "\"small\""
       },
-      "attribute": "breakpoint",
-      "reflect": false,
-      "defaultValue": "\"small\""
-    },
-    "variation": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "DuetListVariation",
-        "resolved": "\"default\" | \"striped\"",
-        "references": {
-          "DuetListVariation": {
-            "location": "local"
+      "variation": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "DuetListVariation",
+          "resolved": "\"default\" | \"striped\"",
+          "references": {
+            "DuetListVariation": {
+              "location": "local"
+            }
           }
-        }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Style variation of the list."
+        },
+        "attribute": "variation",
+        "reflect": false,
+        "defaultValue": "\"default\""
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Style variation of the list."
-      },
-      "attribute": "variation",
-      "reflect": false,
-      "defaultValue": "\"default\""
-    },
-    "labelWidth": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "DuetListLabelWidth",
-        "resolved": "\"30\" | \"50\" | \"70\"",
-        "references": {
-          "DuetListLabelWidth": {
-            "location": "local"
+      "labelWidth": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "DuetListLabelWidth",
+          "resolved": "\"30\" | \"50\" | \"70\"",
+          "references": {
+            "DuetListLabelWidth": {
+              "location": "local"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Set the column width of the first column in percentages."
-      },
-      "attribute": "label-width",
-      "reflect": false,
-      "defaultValue": "\"30\""
-    }
-  }; }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Set the column width of the first column in percentages."
+        },
+        "attribute": "label-width",
+        "reflect": false,
+        "defaultValue": "\"30\""
+      }
+    };
+  }
   static get elementRef() { return "element"; }
-  static get watchers() { return [{
-      "propName": "theme",
-      "methodName": "updateListItems"
-    }, {
-      "propName": "padding",
-      "methodName": "updateListItems"
-    }, {
-      "propName": "mobile",
-      "methodName": "updateListItems"
-    }, {
-      "propName": "breakpoint",
-      "methodName": "updateListItems"
-    }, {
-      "propName": "variation",
-      "methodName": "updateListItems"
-    }, {
-      "propName": "labelWidth",
-      "methodName": "updateListItems"
-    }]; }
+  static get watchers() {
+    return [{
+        "propName": "theme",
+        "methodName": "updateListItems"
+      }, {
+        "propName": "padding",
+        "methodName": "updateListItems"
+      }, {
+        "propName": "mobile",
+        "methodName": "updateListItems"
+      }, {
+        "propName": "breakpoint",
+        "methodName": "updateListItems"
+      }, {
+        "propName": "variation",
+        "methodName": "updateListItems"
+      }, {
+        "propName": "labelWidth",
+        "methodName": "updateListItems"
+      }];
+  }
 }

package/lib/collection/components/duet-list-item/duet-list-item.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { Component, h, Host } from "@stencil/core";
+import { h, Host } from "@stencil/core";
 /**
  * @slot label - The list item component’s label content. Use this to put content into description list’s dt element.
  * @slot value - The list item component’s value content. Use this to put content into description list’s dd element.
@@ -12,18 +12,18 @@ export class DuetListItem {
    * Always the last one in the class.
    */
   render() {
-    return (h(Host, null,
-      h("dt", null,
-        h("slot", { name: "label" })),
-      h("dd", null,
-        h("slot", { name: "value" }))));
+    return (h(Host, null, h("dt", null, h("slot", { name: "label" })), h("dd", null, h("slot", { name: "value" }))));
   }
   static get is() { return "duet-list-item"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["duet-list-item.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["duet-list-item.css"]
-  }; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["duet-list-item.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["duet-list-item.css"]
+    };
+  }
 }