@duetds/components 6.2.4 → 6.2.5

package/lib/collection/components/duet-upload/upload-editable-item-error.js

@@ -7,10 +7,5 @@ export const ErrorItem = ({ data, errorCodes }) => {
   const { item, error } = data;
   const { name } = item;
   const { type } = error;
-  return (h("span", { class: "duet-upload-item-error", role: "status" },
-    h("duet-paragraph", { class: "duet-upload-item-name", color: "danger", margin: "none", weight: "semi-bold" },
-      h("duet-icon", { margin: "none", size: "x-small", name: "messaging-attachment" }),
-      h("duet-spacer", { size: "xx-small", direction: "horizontal" }),
-      name),
-    h("duet-paragraph", { class: "duet-upload-item-error-label", size: "small", margin: "none", color: "danger" }, getI18nError(type, errorCodes))));
+  return (h("span", { class: "duet-upload-item-error", role: "status" }, h("duet-paragraph", { class: "duet-upload-item-name", color: "danger", margin: "none", weight: "semi-bold" }, h("duet-icon", { margin: "none", size: "x-small", name: "messaging-attachment" }), h("duet-spacer", { size: "xx-small", direction: "horizontal" }), name), h("duet-paragraph", { class: "duet-upload-item-error-label", size: "small", margin: "none", color: "danger" }, getI18nError(type, errorCodes))));
 };

package/lib/collection/components/duet-upload/upload-editable-item-inprogres.js

@@ -2,9 +2,4 @@
  * Built with Duet Design System
  */
 import { h } from "@stencil/core";
-export const ProgressItem = ({ progress, name }) => (h("span", { class: "duet-upload-item-name" },
-  h("duet-icon", { margin: "none", size: "x-small", name: "messaging-attachment" }),
-  h("duet-spacer", { size: "xx-small", direction: "horizontal" }),
-  name,
-  h("br", null),
-  h("duet-progress", { progress: Math.ceil(progress), "aria-hidden": true })));
+export const ProgressItem = ({ progress, name }) => (h("span", { class: "duet-upload-item-name" }, h("duet-icon", { margin: "none", size: "x-small", name: "messaging-attachment" }), h("duet-spacer", { size: "xx-small", direction: "horizontal" }), name, h("br", null), h("duet-progress", { progress: Math.ceil(progress), "aria-hidden": true })));

package/lib/collection/components/duet-upload/upload-editable-item-pending.js

@@ -2,7 +2,4 @@
  * Built with Duet Design System
  */
 import { h } from "@stencil/core";
-export const PendingItem = ({ name }) => (h("span", { class: "duet-upload-item-name" },
-  h("duet-icon", { margin: "none", size: "x-small", name: "messaging-attachment" }),
-  h("duet-spacer", { size: "xx-small", direction: "horizontal" }),
-  name));
+export const PendingItem = ({ name }) => (h("span", { class: "duet-upload-item-name" }, h("duet-icon", { margin: "none", size: "x-small", name: "messaging-attachment" }), h("duet-spacer", { size: "xx-small", direction: "horizontal" }), name));

package/lib/collection/components/duet-upload/upload-editable-item-success.js

@@ -6,25 +6,9 @@ import { formatBytes } from "./upload.helpers";
 export const SuccessItem = ({ data, showLinks }) => {
   const { item, size, uploaded, url, meta } = data;
   const { name } = item;
-  const ContentName = (h("span", { class: "duet-upload-item-name" },
-    h("duet-icon", { margin: "none", size: "x-small", name: "messaging-attachment" }),
-    h("duet-spacer", { size: "xx-small", direction: "horizontal" }),
-    name));
-  const SizeText = (h("span", { class: "duet-upload-item-size", style: { fontSize: "14px", fontWeight: "400" } },
-    "(",
-    formatBytes(size),
-    ")"));
-  const FilenameLine = uploaded && url && showLinks ? (h("duet-paragraph", { color: "secondary", margin: "none", weight: "semi-bold" },
-    h("duet-link", { url: url, external: true }, ContentName),
-    h("duet-spacer", { size: "xx-small", direction: "horizontal" }),
-    SizeText)) : (h("duet-paragraph", { color: "secondary", margin: "none", weight: "semi-bold" },
-    ContentName,
-    h("duet-spacer", { size: "xx-small", direction: "horizontal" }),
-    SizeText));
-  const Badges = meta && meta.badges ? (h("span", null,
-    h("duet-spacer", { size: "xx-small" }),
-    meta.badges.map(badgeText => (h("duet-badge", { color: "primary" }, badgeText))))) : undefined;
-  return (h("span", { class: "duet-upload-item-success" },
-    h("div", null, FilenameLine),
-    Badges));
+  const ContentName = (h("span", { class: "duet-upload-item-name" }, h("duet-icon", { margin: "none", size: "x-small", name: "messaging-attachment" }), h("duet-spacer", { size: "xx-small", direction: "horizontal" }), name));
+  const SizeText = (h("span", { class: "duet-upload-item-size", style: { fontSize: "14px", fontWeight: "400" } }, "(", formatBytes(size), ")"));
+  const FilenameLine = uploaded && url && showLinks ? (h("duet-paragraph", { color: "secondary", margin: "none", weight: "semi-bold" }, h("duet-link", { url: url, external: true }, ContentName), h("duet-spacer", { size: "xx-small", direction: "horizontal" }), SizeText)) : (h("duet-paragraph", { color: "secondary", margin: "none", weight: "semi-bold" }, ContentName, h("duet-spacer", { size: "xx-small", direction: "horizontal" }), SizeText));
+  const Badges = meta && meta.badges ? (h("span", null, h("duet-spacer", { size: "xx-small" }), meta.badges.map(badgeText => (h("duet-badge", { color: "primary" }, badgeText))))) : undefined;
+  return (h("span", { class: "duet-upload-item-success" }, h("div", null, FilenameLine), Badges));
 };

package/lib/collection/components/duet-upload-aria-status/duet-upload-aria-status.js

@@ -1,37 +1,9 @@
 /*!
  * Built with Duet Design System
  */
-import { Component, h, Host, Prop, State, Watch } from "@stencil/core";
+import { h, Host } from "@stencil/core";
 export class DuetUploadAriaStatus {
   constructor() {
-    /**
-     * State() variables
-     */
-    this.statusMessage = null;
-    /**
-     * Status labels used in the component
-     */
-    this.statusMessageLabel = null;
-    /**
-     * Adds accessible label that is read aloud
-     */
-    this.accessibleAriaLive = "polite";
-    /**
-     * valid file amount
-     */
-    this.valid = undefined;
-    /**
-     * total files
-     */
-    this.total = undefined;
-    /**
-     * invalid file amount
-     */
-    this.invalid = undefined;
-    /**
-     * valid file amount
-     */
-    this.inprogress = undefined;
     /**
      * Private functions
      */
@@ -70,6 +42,13 @@ export class DuetUploadAriaStatus {
       }
       return;
     };
+    this.statusMessage = null;
+    this.statusMessageLabel = null;
+    this.accessibleAriaLive = "polite";
+    this.valid = undefined;
+    this.total = undefined;
+    this.invalid = undefined;
+    this.inprogress = undefined;
   }
   watchHandler(newValue, oldValue) {
     if (newValue !== oldValue) {
@@ -81,137 +60,142 @@ export class DuetUploadAriaStatus {
    * Always the last one in the class.
    */
   render() {
-    return (h(Host, { role: "status", "aria-live": "assertive", "aria-atomic": "true", "aria-relevant": "all" },
-      h("duet-visually-hidden", null, this.statusMessage)));
+    return (h(Host, { role: "status", "aria-live": "assertive", "aria-atomic": "true", "aria-relevant": "all" }, h("duet-visually-hidden", null, this.statusMessage)));
   }
   static get is() { return "duet-upload-aria-status"; }
   static get encapsulation() { return "shadow"; }
-  static get properties() { return {
-    "statusMessageLabel": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "StatusMessage",
-        "resolved": "{ inProgress: string; inProgressWithErrors: string; done: string; doneWithErrors: string; file: string; files: string; }",
-        "references": {
-          "StatusMessage": {
-            "location": "local"
+  static get properties() {
+    return {
+      "statusMessageLabel": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "StatusMessage",
+          "resolved": "{ inProgress: string; inProgressWithErrors: string; done: string; doneWithErrors: string; file: string; files: string; }",
+          "references": {
+            "StatusMessage": {
+              "location": "local"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Status labels used in the component"
-      },
-      "defaultValue": "null"
-    },
-    "accessibleAriaLive": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "\"off\" | \"polite\" | \"assertive\"",
-        "resolved": "\"assertive\" | \"off\" | \"polite\"",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Adds accessible label that is read aloud"
-      },
-      "attribute": "accessible-aria-live",
-      "reflect": false,
-      "defaultValue": "\"polite\""
-    },
-    "valid": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Status labels used in the component"
+        },
+        "defaultValue": "null"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "valid file amount"
+      "accessibleAriaLive": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "\"off\" | \"polite\" | \"assertive\"",
+          "resolved": "\"assertive\" | \"off\" | \"polite\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Adds accessible label that is read aloud"
+        },
+        "attribute": "accessible-aria-live",
+        "reflect": false,
+        "defaultValue": "\"polite\""
       },
-      "attribute": "valid",
-      "reflect": false,
-      "defaultValue": "undefined"
-    },
-    "total": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
+      "valid": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "valid file amount"
+        },
+        "attribute": "valid",
+        "reflect": false,
+        "defaultValue": "undefined"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "total files"
+      "total": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "total files"
+        },
+        "attribute": "total",
+        "reflect": false,
+        "defaultValue": "undefined"
       },
-      "attribute": "total",
-      "reflect": false,
-      "defaultValue": "undefined"
-    },
-    "invalid": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
+      "invalid": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "invalid file amount"
+        },
+        "attribute": "invalid",
+        "reflect": false,
+        "defaultValue": "undefined"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "invalid file amount"
-      },
-      "attribute": "invalid",
-      "reflect": false,
-      "defaultValue": "undefined"
-    },
-    "inprogress": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "valid file amount"
-      },
-      "attribute": "inprogress",
-      "reflect": false,
-      "defaultValue": "undefined"
-    }
-  }; }
-  static get states() { return {
-    "statusMessage": {}
-  }; }
-  static get watchers() { return [{
-      "propName": "valid",
-      "methodName": "watchHandler"
-    }, {
-      "propName": "invalid",
-      "methodName": "watchHandler"
-    }, {
-      "propName": "inprogress",
-      "methodName": "watchHandler"
-    }, {
-      "propName": "total",
-      "methodName": "watchHandler"
-    }]; }
+      "inprogress": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "valid file amount"
+        },
+        "attribute": "inprogress",
+        "reflect": false,
+        "defaultValue": "undefined"
+      }
+    };
+  }
+  static get states() {
+    return {
+      "statusMessage": {}
+    };
+  }
+  static get watchers() {
+    return [{
+        "propName": "valid",
+        "methodName": "watchHandler"
+      }, {
+        "propName": "invalid",
+        "methodName": "watchHandler"
+      }, {
+        "propName": "inprogress",
+        "methodName": "watchHandler"
+      }, {
+        "propName": "total",
+        "methodName": "watchHandler"
+      }];
+  }
 }

package/lib/collection/components/duet-visually-hidden/duet-visually-hidden.js

@@ -1,22 +1,25 @@
 /*!
  * Built with Duet Design System
  */
-import { Component, h, Host } from "@stencil/core";
+import { h, Host } from "@stencil/core";
 export class DuetVisuallyHidden {
   /**
    * render() function
    * Always the last one in the class.
    */
   render() {
-    return (h(Host, { class: "duet-visually-hidden" },
-      h("slot", null)));
+    return (h(Host, { class: "duet-visually-hidden" }, h("slot", null)));
   }
   static get is() { return "duet-visually-hidden"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["duet-visually-hidden.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["duet-visually-hidden.css"]
-  }; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["duet-visually-hidden.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["duet-visually-hidden.css"]
+    };
+  }
 }

package/lib/dist-custom-elements/duet-action-button.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { D as DuetActionButton$1, d as defineCustomElement$1 } from './p-f674e164.js';
+import { D as DuetActionButton$1, d as defineCustomElement$1 } from './p-d628dd87.js';
 
 const DuetActionButton = DuetActionButton$1;
 const defineCustomElement = defineCustomElement$1;

package/lib/dist-custom-elements/duet-alert.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { D as DuetAlert$1, d as defineCustomElement$1 } from './p-9cfc3bee.js';
+import { D as DuetAlert$1, d as defineCustomElement$1 } from './p-af2e8de4.js';
 
 const DuetAlert = DuetAlert$1;
 const defineCustomElement = defineCustomElement$1;

package/lib/dist-custom-elements/duet-badge.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { D as DuetBadge$1, d as defineCustomElement$1 } from './p-b89983b2.js';
+import { D as DuetBadge$1, d as defineCustomElement$1 } from './p-d34c42bc.js';
 
 const DuetBadge = DuetBadge$1;
 const defineCustomElement = defineCustomElement$1;

package/lib/dist-custom-elements/duet-breadcrumb.js

@@ -1,9 +1,9 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h, b as Host } from './p-4367369a.js';
+import { p as proxyCustomElement, H, h, b as Host } from './p-14a163e6.js';
 import { i as inheritGlobalTheme } from './p-4ebf1618.js';
-import { d as defineCustomElement$2 } from './p-908c1151.js';
+import { d as defineCustomElement$2 } from './p-fddad5df.js';
 
 const duetBreadcrumbCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%}.duet-breadcrumb{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;height:100%;font-size:0.875rem;color:#00294d;text-decoration:none}.duet-breadcrumb:hover{color:#004d80}.duet-breadcrumb.duet-theme-turva{color:#171c3a}.duet-breadcrumb.duet-theme-turva:hover{color:#940925}.duet-breadcrumb:focus{outline:0}.duet-breadcrumb:active{opacity:0.75}:host(.user-is-tabbing) .duet-breadcrumb:focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing) .duet-breadcrumb.duet-theme-turva:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}";
 
@@ -12,18 +12,10 @@ const DuetBreadcrumb$1 = /*@__PURE__*/ proxyCustomElement(class extends H {
     super();
     this.__registerHost();
     this.__attachShadow();
-    /**
-     * Theme
-     */
     this.theme = "";
-    /**
-     * Href
-     */
     this.href = "";
-    /**
-     * Icon
-     */
     this.icon = "";
+    this.accessibleLabel = undefined;
   }
   /**
    * Component lifecycle events.

package/lib/dist-custom-elements/duet-breadcrumbs.js

@@ -1,10 +1,10 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h, F as Fragment, b as Host } from './p-4367369a.js';
+import { p as proxyCustomElement, H, h, F as Fragment, b as Host } from './p-14a163e6.js';
 import { i as inheritGlobalTheme } from './p-4ebf1618.js';
 import { g as getLocaleString } from './p-ede854e1.js';
-import { d as defineCustomElement$2 } from './p-908c1151.js';
+import { d as defineCustomElement$2 } from './p-fddad5df.js';
 
 var actionArrowRightSmall={"title":"action-arrow-right-small","tags":"action arrow right small caret","svg":"<svg fill=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" role=\"img\"><path d=\"M19.5 12a2.3 2.3 0 0 1-.78 1.729L7.568 23.54a1.847 1.847 0 0 1-2.439-2.773l9.752-8.579a.25.25 0 0 0 0-.376L5.129 3.233A1.847 1.847 0 0 1 7.568.46l11.148 9.808A2.31 2.31 0 0 1 19.5 12z\"/></svg>"};
 
@@ -21,9 +21,7 @@ const DuetBreadcrumbs$1 = /*@__PURE__*/ proxyCustomElement(class extends H {
       sv: "Ströbröd",
       en: "Breadcrumbs",
     });
-    /**
-     * Theme
-     */
+    this.children = undefined;
     this.theme = "";
   }
   /**

package/lib/dist-custom-elements/duet-button.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { D as DuetButton$1, d as defineCustomElement$1 } from './p-b4b809ff.js';
+import { D as DuetButton$1, d as defineCustomElement$1 } from './p-eb6fc032.js';
 
 const DuetButton = DuetButton$1;
 const defineCustomElement = defineCustomElement$1;

package/lib/dist-custom-elements/duet-caption.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { D as DuetCaption$1, d as defineCustomElement$1 } from './p-c4165359.js';
+import { D as DuetCaption$1, d as defineCustomElement$1 } from './p-db135ec9.js';
 
 const DuetCaption = DuetCaption$1;
 const defineCustomElement = defineCustomElement$1;

package/lib/dist-custom-elements/duet-card.js

@@ -1,14 +1,14 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, c as createEvent, h, F as Fragment, b as Host } from './p-4367369a.js';
+import { p as proxyCustomElement, H, c as createEvent, h, F as Fragment, b as Host } from './p-14a163e6.js';
 import { i as inheritGlobalTheme } from './p-4ebf1618.js';
 import { c as createID } from './p-c1325e35.js';
 import { i as isKeyboardClick } from './p-d8549efe.js';
 import { s as sanitizeString } from './p-5a9d75e1.js';
-import { g as getColorByName } from './p-9ed347f9.js';
-import { d as defineCustomElement$3 } from './p-908c1151.js';
-import { d as defineCustomElement$2 } from './p-e987e04b.js';
+import { g as getColorByName } from './p-535ce3ec.js';
+import { d as defineCustomElement$3 } from './p-fddad5df.js';
+import { d as defineCustomElement$2 } from './p-25d4fffb.js';
 
 var actionArrowUp={"title":"action-arrow-up","tags":"action arrow up caret","svg":"<svg fill=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" role=\"img\"><path d=\"M.75 17.939a.752.752 0 0 1-.53-1.281L10.94 5.94c.283-.284.659-.44 1.059-.44.401 0 .777.156 1.06.438l10.721 10.72a.752.752 0 0 1-.53 1.281.743.743 0 0 1-.53-.22L12 7 1.28 17.719a.743.743 0 0 1-.53.22z\"/></svg>"};
 
@@ -21,60 +21,6 @@ const DuetCard$1 = /*@__PURE__*/ proxyCustomElement(class extends H {
     this.__attachShadow();
     this.duetToggle = createEvent(this, "duetToggle", 7);
     this.cardId = createID("DuetCard");
-    /**
-     * The content for the card heading. If empty, both heading and collapse
-     * functionality will be hidden.
-     */
-    this.heading = "";
-    /**
-     * Additional content for the card heading. If empty, both heading and collapse
-     * functionality will be hidden.
-     */
-    this.secondaryHeading = "";
-    /**
-     * Style variation of the card.
-     */
-    this.variation = "default";
-    /**
-     * Makes the card expand and collapse when the collapse/expand arrow in the
-     * heading is clicked or tapped. This option only works together with the
-     * heading option, meaning that you also need to set the heading for this
-     * functionality to show up.
-     */
-    this.collapsible = false;
-    /**
-     * If the card is collapsible, this property controls whether the card is open or closed.
-     */
-    this.open = true;
-    /**
-     * The actual heading level used for the heading in html markup. This setting
-     * exists for accessibility reasons. It doesn’t change the style visually.
-     */
-    this.headingLevel = "h2";
-    /**
-     * Custom color to be used for the card background, as a design token entered in
-     * camelCase or kebab-case. Example: "primary".
-     */
-    this.background = "gray-lightest";
-    /**
-     * The padding for the card. Please note that the card padding values don’t directly
-     * translate to similar space token names, but instead the card uses it’s own
-     * derived defaults.
-     */
-    this.padding = "small";
-    /**
-     * Controls the margin of the component.
-     */
-    this.margin = "auto";
-    /**
-     * Theme of the card.
-     */
-    this.theme = "";
-    /**
-     * Breakpoint used to remove shadow around card. These match to
-     * similar media query tokens: $media-query-small and $media-query-medium.
-     */
-    this.shadowBreakpoint = undefined;
     /**
      * Local methods.
      */
@@ -91,6 +37,21 @@ const DuetCard$1 = /*@__PURE__*/ proxyCustomElement(class extends H {
         this.togglePanel(e);
       }
     };
+    this.accessibleLabel = undefined;
+    this.heading = "";
+    this.secondaryHeading = "";
+    this.variation = "default";
+    this.collapsible = false;
+    this.open = true;
+    this.headingLevel = "h2";
+    this.icon = undefined;
+    this.image = undefined;
+    this.background = "gray-lightest";
+    this.padding = "small";
+    this.margin = "auto";
+    this.theme = "";
+    this.url = undefined;
+    this.shadowBreakpoint = undefined;
   }
   /**
    * Component lifecycle events.

package/lib/dist-custom-elements/duet-checkbox.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { D as DuetCheckbox$1, d as defineCustomElement$1 } from './p-bd4ab88c.js';
+import { D as DuetCheckbox$1, d as defineCustomElement$1 } from './p-9fef7d37.js';
 
 const DuetCheckbox = DuetCheckbox$1;
 const defineCustomElement = defineCustomElement$1;