@duetds/components 6.2.4 → 6.2.5

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

@@ -1,21 +1,13 @@
 /*!
  * Built with Duet Design System
  */
-import { Component, h, Host, Prop } from "@stencil/core";
+import { h, Host } from "@stencil/core";
 import { inheritGlobalTheme } from "../../common/themeable-component";
 export class DuetLabel {
   constructor() {
-    /**
-     * Theme of the label.
-     */
     this.theme = "";
-    /**
-     * Controls the margin of the component.
-     */
+    this.for = undefined;
     this.margin = "auto";
-    /**
-     * Controls the size of the label.
-     */
     this.size = "medium";
   }
   /**
@@ -35,103 +27,106 @@ export class DuetLabel {
         "duet-theme-turva": this.theme === "turva",
         "duet-small-margin": this.margin === "small",
         "duet-m-0": this.margin === "none",
-      } },
-      h("label", { htmlFor: this.for },
-        h("span", null,
-          h("slot", null)))));
+      } }, h("label", { htmlFor: this.for }, h("span", null, h("slot", null)))));
   }
   static get is() { return "duet-label"; }
   static get encapsulation() { return "scoped"; }
-  static get originalStyleUrls() { return {
-    "$": ["duet-label.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["duet-label.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-label.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["duet-label.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 label."
-      },
-      "attribute": "theme",
-      "reflect": false,
-      "defaultValue": "\"\""
-    },
-    "for": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Theme of the label."
+        },
+        "attribute": "theme",
+        "reflect": false,
+        "defaultValue": "\"\""
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "ID of the component that the label is labelling."
+      "for": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "ID of the component that the label is labelling."
+        },
+        "attribute": "for",
+        "reflect": false
       },
-      "attribute": "for",
-      "reflect": false
-    },
-    "margin": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "DuetLabelMargin",
-        "resolved": "\"auto\" | \"none\" | \"small\"",
-        "references": {
-          "DuetLabelMargin": {
-            "location": "local"
+      "margin": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "DuetLabelMargin",
+          "resolved": "\"auto\" | \"none\" | \"small\"",
+          "references": {
+            "DuetLabelMargin": {
+              "location": "local"
+            }
           }
-        }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Controls the margin of the component."
+        },
+        "attribute": "margin",
+        "reflect": false,
+        "defaultValue": "\"auto\""
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Controls the margin of the component."
-      },
-      "attribute": "margin",
-      "reflect": false,
-      "defaultValue": "\"auto\""
-    },
-    "size": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "DuetLabelSize",
-        "resolved": "\"medium\" | \"small\"",
-        "references": {
-          "DuetLabelSize": {
-            "location": "local"
+      "size": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "DuetLabelSize",
+          "resolved": "\"medium\" | \"small\"",
+          "references": {
+            "DuetLabelSize": {
+              "location": "local"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Controls the size of the label."
-      },
-      "attribute": "size",
-      "reflect": false,
-      "defaultValue": "\"medium\""
-    }
-  }; }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Controls the size of the label."
+        },
+        "attribute": "size",
+        "reflect": false,
+        "defaultValue": "\"medium\""
+      }
+    };
+  }
 }

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

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { Component, Element, h, Host, Prop } from "@stencil/core";
+import { h, Host } from "@stencil/core";
 import isInternetExplorer from "../../utils/is-internet-explorer";
 /**
  * @slot main - The layout component’s primary content. Use this for the main content on the page.
@@ -15,35 +15,12 @@ export class DuetLayout {
      */
     this.hasSidebar = false;
     this.hasTop = false;
-    /**
-     * Makes the sidebar stick to the top of the window when scrolling down.
-     */
     this.sticky = false;
-    /**
-     * Controls the margin of the component.
-     */
     this.margin = "auto";
-    /**
-     * Adjust sticky sidebar’s distance to duet navigation component using this property.
-     */
     this.stickyDistance = "with-links";
-    /**
-     * Center align all direct children of this component.
-     */
     this.center = false;
-    /**
-     * If set to true, the sidebar position will be adjusted to take tabs inside main content
-     * area into account.
-     */
     this.tabs = false;
-    /**
-     * Align container vertically in the middle when the space allows it.
-     */
     this.middle = false;
-    /**
-     * Breakpoint used to remove padding. These match to
-     * similar media query tokens: $media-query-small and $media-query-medium.
-     */
     this.paddingBreakpoint = undefined;
   }
   /**
@@ -64,182 +41,179 @@ export class DuetLayout {
     return (h(Host, { class: {
         "duet-middle": this.middle,
         "duet-ie": isInternetExplorer(),
-      } },
-      this.hasTop && (h("div", { class: {
-          "duet-layout-top": true,
-          "duet-m-0": this.margin === "none",
-          "duet-center": this.center,
-        } },
-        h("div", { class: "duet-layout-top-wrapper" },
-          h("slot", { name: "top" })))),
-      h("div", { class: {
-          "duet-layout": true,
-          "duet-layout-has-top": this.hasTop,
-          "has-sidebar": this.hasSidebar,
-          "duet-m-0": this.margin === "none",
-          "duet-center": this.center,
-          [`padding-${this.paddingBreakpoint}`]: !!this.paddingBreakpoint,
-        } },
-        h("main", { class: "duet-main" },
-          h("slot", { name: "main" })),
-        this.hasSidebar && (h("aside", { class: "duet-sidebar" },
-          h("div", { class: {
-              "duet-sidebar-container": true,
-              "has-tabs": this.tabs,
-              sticky: this.sticky,
-              [this.stickyDistance]: this.sticky,
-            } },
-            h("slot", { name: "sidebar" })))))));
+      } }, this.hasTop && (h("div", { class: {
+        "duet-layout-top": true,
+        "duet-m-0": this.margin === "none",
+        "duet-center": this.center,
+      } }, h("div", { class: "duet-layout-top-wrapper" }, h("slot", { name: "top" })))), h("div", { class: {
+        "duet-layout": true,
+        "duet-layout-has-top": this.hasTop,
+        "has-sidebar": this.hasSidebar,
+        "duet-m-0": this.margin === "none",
+        "duet-center": this.center,
+        [`padding-${this.paddingBreakpoint}`]: !!this.paddingBreakpoint,
+      } }, h("main", { class: "duet-main" }, h("slot", { name: "main" })), this.hasSidebar && (h("aside", { class: "duet-sidebar" }, h("div", { class: {
+        "duet-sidebar-container": true,
+        "has-tabs": this.tabs,
+        sticky: this.sticky,
+        [this.stickyDistance]: this.sticky,
+      } }, h("slot", { name: "sidebar" })))))));
   }
   static get is() { return "duet-layout"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["duet-layout.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["duet-layout.css"]
-  }; }
-  static get properties() { return {
-    "sticky": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Makes the sidebar stick to the top of the window when scrolling down."
+  static get originalStyleUrls() {
+    return {
+      "$": ["duet-layout.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["duet-layout.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "sticky": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Makes the sidebar stick to the top of the window when scrolling down."
+        },
+        "attribute": "sticky",
+        "reflect": false,
+        "defaultValue": "false"
       },
-      "attribute": "sticky",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "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."
+        },
+        "attribute": "margin",
+        "reflect": false,
+        "defaultValue": "\"auto\""
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Controls the margin of the component."
-      },
-      "attribute": "margin",
-      "reflect": false,
-      "defaultValue": "\"auto\""
-    },
-    "stickyDistance": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "DuetLayoutStickyDistance",
-        "resolved": "\"with-links\" | \"without-links\"",
-        "references": {
-          "DuetLayoutStickyDistance": {
-            "location": "local"
+      "stickyDistance": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "DuetLayoutStickyDistance",
+          "resolved": "\"with-links\" | \"without-links\"",
+          "references": {
+            "DuetLayoutStickyDistance": {
+              "location": "local"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Adjust sticky sidebar\u2019s distance to duet navigation component using this property."
-      },
-      "attribute": "sticky-distance",
-      "reflect": false,
-      "defaultValue": "\"with-links\""
-    },
-    "center": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Adjust sticky sidebar\u2019s distance to duet navigation component using this property."
+        },
+        "attribute": "sticky-distance",
+        "reflect": false,
+        "defaultValue": "\"with-links\""
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Center align all direct children of this component."
+      "center": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Center align all direct children of this component."
+        },
+        "attribute": "center",
+        "reflect": false,
+        "defaultValue": "false"
       },
-      "attribute": "center",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "tabs": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
+      "tabs": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "If set to true, the sidebar position will be adjusted to take tabs inside main content\narea into account."
+        },
+        "attribute": "tabs",
+        "reflect": false,
+        "defaultValue": "false"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "If set to true, the sidebar position will be adjusted to take tabs inside main content\narea into account."
+      "middle": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Align container vertically in the middle when the space allows it."
+        },
+        "attribute": "middle",
+        "reflect": false,
+        "defaultValue": "false"
       },
-      "attribute": "tabs",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "middle": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Align container vertically in the middle when the space allows it."
-      },
-      "attribute": "middle",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "paddingBreakpoint": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "DuetBreakpoints",
-        "resolved": "\"large\" | \"medium\" | \"small\" | \"x-large\" | \"x-small\" | \"xx-large\" | \"xx-small\" | \"xxx-large\" | \"xxx-small\"",
-        "references": {
-          "DuetBreakpoints": {
-            "location": "import",
-            "path": "../../utils/token-utils"
+      "paddingBreakpoint": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "DuetBreakpoints",
+          "resolved": "\"large\" | \"medium\" | \"small\" | \"x-large\" | \"x-small\" | \"xx-large\" | \"xx-small\" | \"xxx-large\" | \"xxx-small\"",
+          "references": {
+            "DuetBreakpoints": {
+              "location": "import",
+              "path": "../../utils/token-utils"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "Breakpoint used to remove padding. These match to\nsimilar media query tokens: $media-query-small and $media-query-medium."
-      },
-      "attribute": "padding-breakpoint",
-      "reflect": false,
-      "defaultValue": "undefined"
-    }
-  }; }
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "Breakpoint used to remove padding. These match to\nsimilar media query tokens: $media-query-small and $media-query-medium."
+        },
+        "attribute": "padding-breakpoint",
+        "reflect": false,
+        "defaultValue": "undefined"
+      }
+    };
+  }
   static get elementRef() { return "element"; }
 }