@duetds/components 6.2.4 → 6.2.6

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

@@ -1,33 +1,16 @@
 /*!
  * 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 DuetGridItem {
   constructor() {
-    /**
-     * Make the grid item fill the remaining available grid space.
-     */
     this.fill = false;
-    /**
-     * Theme of the grid item.
-     */
+    this.maxWidth = undefined;
+    this.minWidth = undefined;
     this.theme = "";
-    /**
-     * Controls the margin of the component.
-     */
     this.margin = "auto";
-    /**
-     * @internal
-     * Enable or disable the automatic responsive behaviour of the grid item.
-     * This property is used internally by Grid, and should not be set by the developer.
-     */
     this.responsive = false;
-    /**
-     * @internal
-     * Switch the breakpoint used to trigger the content stacking.
-     * This property is used internally by Grid, and should not be set by the developer.
-     */
     this.breakpoint = "small";
   }
   /**
@@ -56,157 +39,163 @@ export class DuetGridItem {
   }
   static get is() { return "duet-grid-item"; }
   static get encapsulation() { return "scoped"; }
-  static get originalStyleUrls() { return {
-    "$": ["duet-grid-item.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["duet-grid-item.css"]
-  }; }
-  static get properties() { return {
-    "fill": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Make the grid item fill the remaining available grid space."
-      },
-      "attribute": "fill",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "maxWidth": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Sets the maximum width for the grid item using any valid numeric CSS\nvalue. E.g. \"300px\"."
+  static get originalStyleUrls() {
+    return {
+      "$": ["duet-grid-item.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["duet-grid-item.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "fill": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Make the grid item fill the remaining available grid space."
+        },
+        "attribute": "fill",
+        "reflect": false,
+        "defaultValue": "false"
       },
-      "attribute": "max-width",
-      "reflect": false
-    },
-    "minWidth": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+      "maxWidth": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Sets the maximum width for the grid item using any valid numeric CSS\nvalue. E.g. \"300px\"."
+        },
+        "attribute": "max-width",
+        "reflect": false
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Sets the minimum width for the grid item using any valid numeric CSS\nvalue. E.g. \"33.333%\"."
+      "minWidth": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Sets the minimum width for the grid item using any valid numeric CSS\nvalue. E.g. \"33.333%\"."
+        },
+        "attribute": "min-width",
+        "reflect": false
       },
-      "attribute": "min-width",
-      "reflect": false
-    },
-    "theme": {
-      "type": "string",
-      "mutable": true,
-      "complexType": {
-        "original": "DuetTheme",
-        "resolved": "\"\" | \"default\" | \"turva\"",
-        "references": {
-          "DuetTheme": {
-            "location": "import",
-            "path": "../../common-types"
+      "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 grid item."
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Theme of the grid item."
+        },
+        "attribute": "theme",
+        "reflect": false,
+        "defaultValue": "\"\""
       },
-      "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."
+        },
+        "attribute": "margin",
+        "reflect": false,
+        "defaultValue": "\"auto\""
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Controls the margin of the component."
+      "responsive": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [{
+              "name": "internal",
+              "text": "Enable or disable the automatic responsive behaviour of the grid item.\nThis property is used internally by Grid, and should not be set by the developer."
+            }],
+          "text": ""
+        },
+        "attribute": "responsive",
+        "reflect": false,
+        "defaultValue": "false"
       },
-      "attribute": "margin",
-      "reflect": false,
-      "defaultValue": "\"auto\""
-    },
-    "responsive": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "name": "internal",
-            "text": "Enable or disable the automatic responsive behaviour of the grid item.\nThis property is used internally by Grid, and should not be set by the developer."
-          }],
-        "text": ""
-      },
-      "attribute": "responsive",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "breakpoint": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "DuetGridBreakpoint",
-        "resolved": "\"medium\" | \"small\" | \"x-large\"",
-        "references": {
-          "DuetGridBreakpoint": {
-            "location": "import",
-            "path": "../../common-types"
+      "breakpoint": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "DuetGridBreakpoint",
+          "resolved": "\"medium\" | \"small\" | \"x-large\"",
+          "references": {
+            "DuetGridBreakpoint": {
+              "location": "import",
+              "path": "../../common-types"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "name": "internal",
-            "text": "Switch the breakpoint used to trigger the content stacking.\nThis property is used internally by Grid, and should not be set by the developer."
-          }],
-        "text": ""
-      },
-      "attribute": "breakpoint",
-      "reflect": false,
-      "defaultValue": "\"small\""
-    }
-  }; }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [{
+              "name": "internal",
+              "text": "Switch the breakpoint used to trigger the content stacking.\nThis property is used internally by Grid, and should not be set by the developer."
+            }],
+          "text": ""
+        },
+        "attribute": "breakpoint",
+        "reflect": false,
+        "defaultValue": "\"small\""
+      }
+    };
+  }
 }

package/lib/collection/components/duet-header/duet-header-dropdown.js

@@ -6,23 +6,15 @@ import { h } from "@stencil/core";
 import { DuetHeaderIcon } from "./duet-header-icon";
 export const DuetHeaderDropdown = (props, _children) => {
   const accessibleLabel = props.accessibleText ? props.accessibleText : props.label;
-  return (h("div", { class: { ["duet-header-dropdown"]: true, [props.className]: !!props.className } },
-    h("button", { ref: props.toggleRef, "aria-haspopup": "listbox", "aria-controls": props.id, "aria-expanded": props.isOpen ? "true" : "false", "aria-labelledby": `${props.id}-accessible-label`, id: `${props.id}-button`, type: "button", class: {
-        [props.id]: true,
-        "duet-header-dropdown-toggle": true,
-        "duet-header-button": true,
-        active: props.active,
-        open: props.isOpen,
-      }, onClick: props.onToggle },
-      props.icon && h(DuetHeaderIcon, { icon: props.icon }),
-      h("span", { "aria-hidden": "true", id: `${props.id}-label`, class: "duet-header-dropdown-label" }, props.label),
-      props.badge && h("div", { class: "duet-header-badge" }),
-      h("div", { class: "duet-header-caret", "aria-hidden": "true" },
-        h("duet-icon", { margin: "none", size: "auto", icon: arrowDownIcon.svg, color: "currentColor" })),
-      h("duet-visually-hidden", { id: `${props.id}-accessible-label` }, accessibleLabel)),
-    h("div", { ref: props.itemsRef, tabindex: "-1", role: "menu", id: props.id, "aria-labelledby": `${props.id}-button`, class: {
-        "duet-header-dropdown-content": true,
-        [`${props.id}-items`]: true,
-        active: props.isOpen,
-      } }, _children)));
+  return (h("div", { class: { ["duet-header-dropdown"]: true, [props.className]: !!props.className } }, h("button", { ref: props.toggleRef, "aria-haspopup": "listbox", "aria-controls": props.id, "aria-expanded": props.isOpen ? "true" : "false", "aria-labelledby": `${props.id}-accessible-label`, id: `${props.id}-button`, type: "button", class: {
+      [props.id]: true,
+      "duet-header-dropdown-toggle": true,
+      "duet-header-button": true,
+      active: props.active,
+      open: props.isOpen,
+    }, onClick: props.onToggle }, props.icon && h(DuetHeaderIcon, { icon: props.icon }), h("span", { "aria-hidden": "true", id: `${props.id}-label`, class: "duet-header-dropdown-label" }, props.label), props.badge && h("div", { class: "duet-header-badge" }), h("div", { class: "duet-header-caret", "aria-hidden": "true" }, h("duet-icon", { margin: "none", size: "auto", icon: arrowDownIcon.svg, color: "currentColor" })), h("duet-visually-hidden", { id: `${props.id}-accessible-label` }, accessibleLabel)), h("div", { ref: props.itemsRef, tabindex: "-1", role: "menu", id: props.id, "aria-labelledby": `${props.id}-button`, class: {
+      "duet-header-dropdown-content": true,
+      [`${props.id}-items`]: true,
+      active: props.isOpen,
+    } }, _children)));
 };

package/lib/collection/components/duet-header/duet-header-hamburger.js

@@ -2,8 +2,4 @@
  * Built with Duet Design System
  */
 import { h } from "@stencil/core";
-export const DuetHeaderHamburger = () => (h("div", { class: "duet-header-hamburger" },
-  h("span", { class: "duet-header-bar" }),
-  h("span", { class: "duet-header-bar" }),
-  h("span", { class: "duet-header-bar" }),
-  h("span", { class: "duet-header-bar" })));
+export const DuetHeaderHamburger = () => (h("div", { class: "duet-header-hamburger" }, h("span", { class: "duet-header-bar" }), h("span", { class: "duet-header-bar" }), h("span", { class: "duet-header-bar" }), h("span", { class: "duet-header-bar" })));

package/lib/collection/components/duet-header/duet-header-icon.js

@@ -4,6 +4,5 @@
 import { h } from "@stencil/core";
 export const DuetHeaderIcon = (props, _children) => {
   const iconSize = props.iconSize ? props.iconSize : "x-small";
-  return (h("span", { class: `duet-header-icon ${props.class ? props.class : ""}` },
-    h("duet-icon", { margin: "none", size: iconSize, icon: props.icon, color: "currentColor" })));
+  return (h("span", { class: `duet-header-icon ${props.class ? props.class : ""}` }, h("duet-icon", { margin: "none", size: iconSize, icon: props.icon, color: "currentColor" })));
 };