@duetds/components 6.8.2 → 6.8.3

package/lib/collection/components/duet-submenu-bar-dropdown/duet-submenu-bar-dropdown.js

@@ -4,6 +4,7 @@
 import { media_query_large } from "@duetds/tokens/lib/tokens.json";
 import { h, Host } from "@stencil/core";
 import { inheritGlobalTheme } from "../../common/themeable-component";
+import { isEscapeKey } from "../../utils/keyboard-utils";
 export class DuetSubmenuBarDropdown {
   constructor() {
     /**
@@ -24,6 +25,7 @@ export class DuetSubmenuBarDropdown {
     };
     this.iconSize = "small";
     this.theme = "";
+    this.active = false;
     this.open = false;
     this.icon = undefined;
   }
@@ -59,14 +61,38 @@ export class DuetSubmenuBarDropdown {
     }
     this.boundMqlFunctions = [];
   }
+  handleEscape(e) {
+    if (isEscapeKey(e)) {
+      if (this.open) {
+        this.open = false;
+      }
+      else {
+        const dropdown = this.element.closest("duet-submenu-bar");
+        dropdown.open = false;
+        dropdown.setFocus();
+      }
+    }
+  }
+  /**
+   * Sets focus. Use this method instead of the global focus().
+   */
+  async setFocus(options) {
+    this.button.focus(options);
+  }
   /**
    * render() function
    * Always the last one in the class.
    */
   render() {
-    return (h(Host, null, h("div", { class: { "duet-submenu-bar-dropdown": true, "duet-theme-turva": this.theme === "turva", active: this.open } }, h("button", { "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", id: "button", type: "button", class: {
-        active: this.open,
-      }, onClick: this.onClick }, this.icon && (h("duet-icon", { theme: this.theme, name: this.icon, size: this.iconSize, margin: "none", color: "currentColor" })), h("div", { class: "label" }, h("slot", { name: "label" }), h("duet-icon", { class: "caret", theme: this.theme, name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" }))), h("div", { tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
+    return (h(Host, null, h("div", { class: {
+        "duet-submenu-bar-dropdown": true,
+        "duet-theme-turva": this.theme === "turva",
+        open: this.open,
+        active: this.active,
+      } }, h("button", { ref: element => (this.button = element), "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", "aria-current": this.active ? "true" : "false", id: "button", type: "button", class: {
+        open: this.open,
+        active: this.active,
+      }, onClick: this.onClick, onKeyUp: e => this.handleEscape(e) }, this.icon && (h("duet-icon", { theme: this.theme, name: this.icon, size: this.iconSize, margin: "none", color: "currentColor" })), h("div", { class: "label" }, h("span", { class: "label-text" }, h("slot", { name: "label" })), h("duet-icon", { class: "caret", theme: this.theme, name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" }))), h("div", { tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
         items: true,
         hidden: !this.open,
       } }, h("slot", null)))));
@@ -108,6 +134,24 @@ export class DuetSubmenuBarDropdown {
         "reflect": false,
         "defaultValue": "\"\""
       },
+      "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"
+      },
       "open": {
         "type": "boolean",
         "mutable": true,
@@ -151,6 +195,32 @@ export class DuetSubmenuBarDropdown {
       "iconSize": {}
     };
   }
+  static get methods() {
+    return {
+      "setFocus": {
+        "complexType": {
+          "signature": "(options?: FocusOptions) => Promise<void>",
+          "parameters": [{
+              "tags": [],
+              "text": ""
+            }],
+          "references": {
+            "Promise": {
+              "location": "global"
+            },
+            "FocusOptions": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "Sets focus. Use this method instead of the global focus().",
+          "tags": []
+        }
+      }
+    };
+  }
   static get elementRef() { return "element"; }
   static get listeners() {
     return [{

package/lib/collection/components/duet-submenu-bar-dropdown-link/duet-submenu-bar-dropdown-link.css

@@ -46,10 +46,40 @@
     font-size: 0.875rem;
   }
 }
+.duet-submenu-bar-dropdown-link:focus {
+  outline: 0;
+  box-shadow: 0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px rgb(0, 119, 179);
+}
+.duet-submenu-bar-dropdown-link:focus.duet-theme-turva {
+  box-shadow: 0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px rgb(23, 28, 58);
+}
+.duet-submenu-bar-dropdown-link.active .label {
+  position: relative;
+}
+.duet-submenu-bar-dropdown-link.active .label::after {
+  position: absolute;
+  top: auto;
+  bottom: 0;
+  left: 0;
+  display: block;
+  width: 100%;
+  height: 1px;
+  content: "";
+  background: rgb(0, 119, 179);
+  transform: 1px;
+}
+@media (min-width: 62em) {
+  .duet-submenu-bar-dropdown-link.active .label::after {
+    display: none;
+  }
+}
 .duet-submenu-bar-dropdown-link.duet-theme-turva {
   font-family: "turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
   color: rgb(23, 28, 58);
 }
+.duet-submenu-bar-dropdown-link.duet-theme-turva.active .label::after {
+  background: rgb(198, 12, 48);
+}
 @media (min-width: 62em) {
   .duet-submenu-bar-dropdown-link:hover {
     color: rgb(0, 77, 128);

package/lib/collection/components/duet-submenu-bar-dropdown-link/duet-submenu-bar-dropdown-link.js

@@ -3,9 +3,11 @@
  */
 import { h, Host } from "@stencil/core";
 import { inheritGlobalTheme } from "../../common/themeable-component";
+import { isEscapeKey } from "../../utils/keyboard-utils";
 export class DuetSubmenuBarDropdownLink {
   constructor() {
     this.theme = "";
+    this.active = false;
     this.href = "#";
     this.icon = undefined;
     this.caret = false;
@@ -17,6 +19,13 @@ export class DuetSubmenuBarDropdownLink {
   componentWillLoad() {
     inheritGlobalTheme(this);
   }
+  handleEscape(e) {
+    if (isEscapeKey(e)) {
+      const dropdown = this.element.closest("duet-submenu-bar-dropdown");
+      dropdown.open = false;
+      dropdown.setFocus();
+    }
+  }
   /**
    * render() function
    * Always the last one in the class.
@@ -26,7 +35,8 @@ export class DuetSubmenuBarDropdownLink {
         "duet-submenu-bar-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", color: "currentColor" }), h("slot", null), this.caret && h("duet-icon", { name: "action-arrow-right-small", size: "xxx-small", margin: "none" }))));
+        active: this.active,
+      }, "aria-current": this.active ? "true" : "false", href: this.href, onKeyUp: e => this.handleEscape(e) }, this.icon && h("duet-icon", { name: this.icon, size: "x-small", margin: "none", color: "currentColor" }), h("span", { class: "label" }, h("slot", null)), this.caret && h("duet-icon", { name: "action-arrow-right-small", size: "xxx-small", margin: "none" }))));
   }
   static get is() { return "duet-submenu-bar-dropdown-link"; }
   static get encapsulation() { return "shadow"; }
@@ -65,6 +75,24 @@ export class DuetSubmenuBarDropdownLink {
         "reflect": false,
         "defaultValue": "\"\""
       },
+      "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"
+      },
       "href": {
         "type": "string",
         "mutable": true,

package/lib/collection/components/duet-submenu-bar-link/duet-submenu-bar-link.css

@@ -55,10 +55,64 @@
     color: rgb(0, 77, 128);
   }
 }
+.duet-submenu-bar-link:focus {
+  outline: 0;
+  box-shadow: 0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px rgb(0, 119, 179);
+}
+.duet-submenu-bar-link:focus.duet-theme-turva {
+  box-shadow: 0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px rgb(23, 28, 58);
+}
+@media (min-width: 62em) {
+  .duet-submenu-bar-link.active {
+    color: rgb(0, 119, 179);
+  }
+  .duet-theme-turva .duet-submenu-bar-link.active {
+    color: rgb(198, 12, 48);
+  }
+}
+.duet-submenu-bar-link.active .label {
+  position: relative;
+}
+.duet-submenu-bar-link.active .label::after {
+  position: absolute;
+  top: auto;
+  bottom: 0;
+  left: 0;
+  display: block;
+  width: 100%;
+  height: 1px;
+  content: "";
+  background: rgb(0, 119, 179);
+  transform: 1px;
+}
+@media (min-width: 62em) {
+  .duet-submenu-bar-link.active .label::after {
+    display: none;
+  }
+  .duet-submenu-bar-link.active::after {
+    position: absolute;
+    top: auto;
+    bottom: 0;
+    left: 0;
+    display: block;
+    width: 100%;
+    height: 1px;
+    content: "";
+    background: rgb(0, 119, 179);
+    transition: 300ms ease;
+    transform: translateY(1px);
+  }
+}
 .duet-submenu-bar-link.duet-theme-turva {
   font-family: "turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
   color: rgb(23, 28, 58);
 }
+.duet-submenu-bar-link.duet-theme-turva.active .label::after {
+  background: rgb(198, 12, 48);
+}
+.duet-submenu-bar-link.duet-theme-turva.active::after {
+  background: rgb(198, 12, 48);
+}
 @media (min-width: 62em) {
   .duet-submenu-bar-link:hover {
     color: rgb(0, 41, 77);

package/lib/collection/components/duet-submenu-bar-link/duet-submenu-bar-link.js

@@ -4,6 +4,7 @@
 import { media_query_large } from "@duetds/tokens/lib/tokens.json";
 import { h, Host } from "@stencil/core";
 import { inheritGlobalTheme } from "../../common/themeable-component";
+import { isEscapeKey } from "../../utils/keyboard-utils";
 export class DuetSubmenuBarLink {
   constructor() {
     /**
@@ -21,6 +22,7 @@ export class DuetSubmenuBarLink {
     };
     this.iconSize = "small";
     this.theme = "";
+    this.active = false;
     this.href = "#";
     this.icon = undefined;
   }
@@ -50,12 +52,19 @@ export class DuetSubmenuBarLink {
     }
     this.boundMqlFunctions = [];
   }
+  handleEscape(e) {
+    if (isEscapeKey(e)) {
+      const dropdown = this.element.closest("duet-submenu-bar");
+      dropdown.open = false;
+      dropdown.setFocus();
+    }
+  }
   /**
    * render() function
    * Always the last one in the class.
    */
   render() {
-    return (h(Host, null, h("a", { class: { "duet-submenu-bar-link": true, "duet-theme-turva": this.theme === "turva" }, href: this.href, role: "menuitem" }, this.icon && (h("duet-icon", { theme: this.theme, name: this.icon, size: this.iconSize, margin: "none", color: "currentColor" })), h("slot", null))));
+    return (h(Host, null, h("a", { class: { "duet-submenu-bar-link": true, "duet-theme-turva": this.theme === "turva", active: this.active }, href: this.href, onKeyUp: e => this.handleEscape(e), "aria-current": this.active ? "true" : "false" }, this.icon && (h("duet-icon", { theme: this.theme, name: this.icon, size: this.iconSize, margin: "none", color: "currentColor" })), h("span", { class: "label" }, h("slot", null)))));
   }
   static get is() { return "duet-submenu-bar-link"; }
   static get encapsulation() { return "shadow"; }
@@ -94,6 +103,24 @@ export class DuetSubmenuBarLink {
         "reflect": false,
         "defaultValue": "\"\""
       },
+      "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"
+      },
       "href": {
         "type": "string",
         "mutable": true,

package/lib/collection/components/duet-tab-group/duet-tab-group.css

@@ -331,6 +331,14 @@
   color: rgb(0, 41, 77);
   text-align: left;
 }
+.duet-tab-group-content:focus {
+  outline: 0;
+  box-shadow: 0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px rgb(0, 119, 179) !important;
+}
+.duet-theme-turva .duet-tab-group-content:focus {
+  outline: 0;
+  box-shadow: 0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px rgb(23, 28, 58) !important;
+}
 .duet-tab-group-content.checked-group-content {
   padding: 28px 0 28px 0;
 }

package/lib/collection/components/duet-toolbar-dropdown/duet-toolbar-dropdown.css

@@ -54,6 +54,10 @@
   color: rgb(0, 41, 77);
   background: rgb(243, 249, 252);
 }
+.duet-toolbar-dropdown button:focus {
+  outline: 0;
+  box-shadow: 0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px rgb(0, 119, 179);
+}
 .duet-toolbar-dropdown button.open .caret {
   transform: rotate(180deg);
 }
@@ -105,6 +109,9 @@
   color: rgb(23, 28, 58);
   background: rgb(245, 245, 247);
 }
+.duet-toolbar-dropdown.duet-theme-turva button:focus {
+  box-shadow: 0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px rgb(23, 28, 58);
+}
 .duet-toolbar-dropdown.duet-theme-turva button.active, .duet-toolbar-dropdown.duet-theme-turva button.open {
   color: rgb(23, 28, 58);
 }

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

@@ -3,6 +3,7 @@
  */
 import { h, Host } from "@stencil/core";
 import { inheritGlobalTheme } from "../../common/themeable-component";
+import { isEscapeKey } from "../../utils/keyboard-utils";
 export class DuetToolbarDropdown {
   constructor() {
     this.onClick = () => {
@@ -25,6 +26,18 @@ export class DuetToolbarDropdown {
   componentWillLoad() {
     inheritGlobalTheme(this);
   }
+  handleEscape(e) {
+    if (isEscapeKey(e)) {
+      this.open = false;
+      this.setFocus();
+    }
+  }
+  /**
+   * Sets focus. Use this method instead of the global focus().
+   */
+  async setFocus(options) {
+    this.button.focus(options);
+  }
   /**
    * render() function
    * Always the last one in the class.
@@ -38,10 +51,10 @@ export class DuetToolbarDropdown {
         "duet-toolbar-dropdown": true,
         "duet-theme-turva": this.theme === "turva",
         [itemsAlign]: true,
-      } }, h("button", { "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", id: "button", type: "button", class: {
+      } }, h("button", { ref: element => (this.button = element), "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", "aria-current": this.active ? "true" : "false", id: "button", type: "button", class: {
         active: this.active,
         open: this.open,
-      }, onClick: this.onClick }, this.icon && (h("duet-icon", { theme: this.theme, name: this.icon, size: "x-small", margin: "none", color: "currentColor" })), h("div", { class: "label" }, h("slot", { name: "label" }), h("duet-icon", { class: "caret", theme: this.theme, name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" }))), h("div", { tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
+      }, onClick: this.onClick, onKeyUp: e => this.handleEscape(e) }, this.icon && (h("duet-icon", { theme: this.theme, name: this.icon, size: "x-small", margin: "none", color: "currentColor" })), h("div", { class: "label" }, h("slot", { name: "label" }), h("duet-icon", { class: "caret", theme: this.theme, name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" }))), h("div", { tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
         items: true,
         hidden: !this.open,
       } }, h("slot", null)))));
@@ -139,6 +152,32 @@ export class DuetToolbarDropdown {
       }
     };
   }
+  static get methods() {
+    return {
+      "setFocus": {
+        "complexType": {
+          "signature": "(options?: FocusOptions) => Promise<void>",
+          "parameters": [{
+              "tags": [],
+              "text": ""
+            }],
+          "references": {
+            "Promise": {
+              "location": "global"
+            },
+            "FocusOptions": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "Sets focus. Use this method instead of the global focus().",
+          "tags": []
+        }
+      }
+    };
+  }
   static get elementRef() { return "element"; }
   static get listeners() {
     return [{

package/lib/collection/components/duet-toolbar-dropdown-link/duet-toolbar-dropdown-link.css

@@ -44,6 +44,13 @@
   font-family: "turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
   color: rgb(23, 28, 58);
 }
+.duet-toolbar-dropdown-link:focus {
+  outline: 0;
+  box-shadow: 0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px rgb(0, 119, 179);
+}
+.duet-toolbar-dropdown-link:focus.duet-theme-turva {
+  box-shadow: 0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px rgb(23, 28, 58);
+}
 .duet-toolbar-dropdown-link.active, .duet-toolbar-dropdown-link.active:hover {
   color: rgb(255, 255, 255);
   background: rgb(0, 119, 179);

package/lib/collection/components/duet-toolbar-dropdown-link/duet-toolbar-dropdown-link.js

@@ -3,6 +3,7 @@
  */
 import { h, Host } from "@stencil/core";
 import { inheritGlobalTheme } from "../../common/themeable-component";
+import { isEscapeKey } from "../../utils/keyboard-utils";
 export class DuetToolbarDropdownLink {
   constructor() {
     this.accessibleLabel = undefined;
@@ -18,6 +19,13 @@ export class DuetToolbarDropdownLink {
   componentWillLoad() {
     inheritGlobalTheme(this);
   }
+  handleEscape(e) {
+    if (isEscapeKey(e)) {
+      const dropdown = this.element.closest("duet-toolbar-dropdown");
+      dropdown.open = false;
+      dropdown.setFocus();
+    }
+  }
   /**
    * render() function
    * Always the last one in the class.
@@ -27,7 +35,7 @@ export class DuetToolbarDropdownLink {
         "duet-toolbar-dropdown-link": true,
         "duet-theme-turva": this.theme === "turva",
         active: this.active,
-      }, href: this.href, lang: this.targetLanguage, hreflang: this.targetLanguage, role: "menuitem", "aria-label": this.accessibleLabel }, this.icon && h("duet-icon", { name: this.icon, size: "x-small", margin: "none" }), h("slot", null))));
+      }, href: this.href, lang: this.targetLanguage, hreflang: this.targetLanguage, role: "menuitem", "aria-label": this.accessibleLabel, "aria-current": this.active ? "true" : "false", onKeyUp: e => this.handleEscape(e) }, this.icon && h("duet-icon", { name: this.icon, size: "x-small", margin: "none" }), h("slot", null))));
   }
   static get is() { return "duet-toolbar-dropdown-link"; }
   static get encapsulation() { return "shadow"; }

package/lib/collection/components/duet-toolbar-link/duet-toolbar-link.css

@@ -52,6 +52,13 @@
   color: rgb(23, 28, 58);
   background: rgb(245, 245, 247);
 }
+.duet-toolbar-link:focus {
+  outline: 0;
+  box-shadow: 0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px rgb(0, 119, 179);
+}
+.duet-toolbar-link:focus.duet-theme-turva {
+  box-shadow: 0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px rgb(23, 28, 58);
+}
 .duet-toolbar-link.active {
   color: rgb(0, 41, 77);
 }

package/lib/collection/components/duet-toolbar-link/duet-toolbar-link.js

@@ -21,7 +21,7 @@ export class DuetToolbarLink {
    * Always the last one in the class.
    */
   render() {
-    return (h(Host, null, h("a", { class: { "duet-toolbar-link": true, "duet-theme-turva": this.theme === "turva", active: this.active }, href: this.href }, this.icon && (h("duet-icon", { size: "x-small", name: this.icon, margin: "none", theme: this.theme, color: "currentColor" })), h("slot", null))));
+    return (h(Host, null, h("a", { class: { "duet-toolbar-link": true, "duet-theme-turva": this.theme === "turva", active: this.active }, href: this.href, "aria-current": this.active ? "true" : "false" }, this.icon && (h("duet-icon", { size: "x-small", name: this.icon, margin: "none", theme: this.theme, color: "currentColor" })), h("slot", null))));
   }
   static get is() { return "duet-toolbar-link"; }
   static get encapsulation() { return "shadow"; }

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

@@ -119,6 +119,9 @@ export class DuetTooltip {
   componentWillLoad() {
     inheritGlobalTheme(this);
   }
+  componentDidLoad() {
+    this.handleHorizontalVisibility();
+  }
   componentDidUpdate() {
     switch (this.focusTarget) {
       case "tooltip":

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-07f7b627.js';
+import { D as DuetActionButton$1, d as defineCustomElement$1 } from './p-9cfa785f.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-6b444ad0.js';
+import { D as DuetAlert$1, d as defineCustomElement$1 } from './p-681c9a42.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-6c1ba2d9.js';
+import { D as DuetBadge$1, d as defineCustomElement$1 } from './p-2e97d3cf.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, d as Host } from './p-92a173c2.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-89dbfa07.js';
 import { i as inheritGlobalTheme } from './p-4ebf1618.js';
-import { d as defineCustomElement$2 } from './p-2f7dd873.js';
+import { d as defineCustomElement$2 } from './p-26afb575.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;font-weight:inherit;color:rgb(0, 41, 77);text-decoration:none}.duet-breadcrumb:hover{color:rgb(0, 77, 128)}.duet-breadcrumb.duet-theme-turva{color:rgb(23, 28, 58)}.duet-breadcrumb.duet-theme-turva:hover{color:rgb(148, 9, 37)}.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 rgb(0, 119, 179)}: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 rgb(23, 28, 58)}.duet-breadcrumb.duet-breadcrumb-without-href:hover{color:rgb(0, 41, 77)}.duet-breadcrumb.duet-breadcrumb-without-href.duet-theme-turva:hover{color:rgb(23, 28, 58)}.duet-breadcrumb.duet-breadcrumb-without-href:active{opacity:1}";
 

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, d as Host } from './p-92a173c2.js';
+import { p as proxyCustomElement, H, h, F as Fragment, d as Host } from './p-89dbfa07.js';
 import { i as inheritGlobalTheme } from './p-4ebf1618.js';
 import { g as getLocaleString } from './p-6c05e879.js';
-import { d as defineCustomElement$2 } from './p-2f7dd873.js';
+import { d as defineCustomElement$2 } from './p-26afb575.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>"};
 

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-b869fb52.js';
+import { D as DuetButton$1, d as defineCustomElement$1 } from './p-a0efab88.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-84465a50.js';
+import { D as DuetCaption$1, d as defineCustomElement$1 } from './p-9556589f.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, d as Host } from './p-92a173c2.js';
+import { p as proxyCustomElement, H, c as createEvent, h, F as Fragment, d as Host } from './p-89dbfa07.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-2f7dd873.js';
-import { d as defineCustomElement$2 } from './p-35850774.js';
+import { d as defineCustomElement$3 } from './p-26afb575.js';
+import { d as defineCustomElement$2 } from './p-9b6166b7.js';
 
 const duetHeadingLevels = ["h1", "h2", "h3", "h4", "h5", "h6"];
 const duetBlock = "div";

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-4040e9d1.js';
+import { D as DuetCheckbox$1, d as defineCustomElement$1 } from './p-10030e7c.js';
 
 const DuetCheckbox = DuetCheckbox$1;
 const defineCustomElement = defineCustomElement$1;

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

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