@duetds/components 8.3.1 → 8.4.0

package/lib/collection/components/duet-toolbar/duet-toolbar.a11y.e2e.js

@@ -5,23 +5,74 @@ import { formatViolations, options as axeRunOptions, testWithAxe } from "../../u
 describe("[a11y] duet-toolbar", () => {
     it("should render an accessible component", async () => {
         const result = await testWithAxe(`
-        <duet-toolbar>
+        <duet-toolbar accessible-label="Secondary">
           <div slot="left">
-            <duet-toolbar-link active>Henkilöasiakkaat</duet-toolbar-link>
-            <duet-toolbar-link href="#yritysasiakkaat">Yritysasiakkaat</duet-toolbar-link>
-            <duet-toolbar-dropdown icon="navigation-language">
-              <span slot="label">Yhtiöryhmä</span>
-              <duet-toolbar-dropdown-link>Valinta</duet-toolbar-dropdown-link>
-              <duet-toolbar-dropdown-link>Valinta</duet-toolbar-dropdown-link>
-            </duet-toolbar-dropdown>
+            <duet-toolbar-item url="#henkiloasiakkaat" active>Henkilöasiakkaat</duet-toolbar-item>
+            <duet-toolbar-item url="#yritysasiakkaat">Yritysasiakkaat</duet-toolbar-item>
+            <duet-toolbar-item url="#maatila-asiakkaat">Maatila-asiakkaat</duet-toolbar-item>
+            <duet-toolbar-item leading-icon="navigation-language" id="toolbar-item-yhtioryhma">Yhtiöryhmä</duet-toolbar-item>
+            <duet-popup-menu controller="toolbar-item-yhtioryhma" accessible-role="list" skip-teleport>
+              <duet-popup-menu-item accessible-role="listitem">Valinta</duet-popup-menu-item>
+              <duet-popup-menu-item accessible-role="listitem">Valinta</duet-popup-menu-item>
+              <duet-popup-menu-item accessible-role="listitem">Valinta</duet-popup-menu-item>
+            </duet-popup-menu>
           </div>
           <div slot="right">
-            <duet-toolbar-link id="search" href="#search" icon="form-search">Hae</duet-toolbar-link>
-            <duet-toolbar-dropdown icon="navigation-language">
-              <span slot="label">FI</span>
-              <duet-toolbar-dropdown-link active>Suomeksi</duet-toolbar-dropdown-link>
-              <duet-toolbar-dropdown-link>På Svenska</duet-toolbar-dropdown-link>
-            </duet-toolbar-dropdown>
+            <duet-toolbar-item id="desktop-search-opener" url="#search" icon="form-search">Hae</duet-toolbar-item>
+            <duet-slideout opener="desktop-search-opener" accessible-role="generic">
+              <div slot="sticky-header">
+                <duet-grid alignment="center" style="gap: var(--space-small)">
+                  <duet-icon name="form-search" size="medium" margin="none"></duet-icon>
+                  <duet-heading visual-level="h3" fixed-size margin="none">Haku</duet-heading>
+                </duet-grid>
+                <duet-spacer></duet-spacer>
+                <duet-input type="text" expand label="Haku" label-hidden clear="true"></duet-input>
+              </div>
+              <duet-spacer size="x-small"></duet-spacer>
+              <div>
+                <duet-heading level="h3" visual-level="h6">Usein haettua</duet-heading>
+                <div role="list">
+                  <duet-popup-menu-item leading-icon="navigation-arrow-right" leading-icon-color="primary" url="#" accessible-role="listitem">Autovakuutus</duet-popup-menu-item>
+                  <duet-popup-menu-item leading-icon="navigation-arrow-right" leading-icon-color="primary" url="#" accessible-role="listitem">Lapsiturva</duet-popup-menu-item>
+                  <duet-popup-menu-item leading-icon="navigation-arrow-right" leading-icon-color="primary" url="#" accessible-role="listitem">Rahastosäästäminen</duet-popup-menu-item>
+                  <duet-popup-menu-item leading-icon="navigation-arrow-right" leading-icon-color="primary" url="#" accessible-role="listitem">Henkivakuutus</duet-popup-menu-item>
+                  <duet-popup-menu-item leading-icon="navigation-arrow-right" leading-icon-color="primary" url="#" accessible-role="listitem">Varainhoito</duet-popup-menu-item>
+                </div>
+              </div>
+              <duet-divider></duet-divider>
+              <div>
+                <duet-heading level="h3" visual-level="h6" color="gray-darker">Ehdotetut haut</duet-heading>
+                <div role="list">
+                  <duet-popup-menu-item leading-icon="form-search" leading-icon-color="primary" accessible-role="listitem"><b>auto</b>vakuutus</duet-popup-menu-item>
+                  <duet-popup-menu-item leading-icon="form-search" leading-icon-color="primary" accessible-role="listitem">sähkö<b>auto</b>n vakuutus</duet-popup-menu-item>
+                  <duet-popup-menu-item leading-icon="form-search" leading-icon-color="primary" accessible-role="listitem"><b>auto</b>maattinen korvauskäsittely</duet-popup-menu-item>
+                  <duet-popup-menu-item leading-icon="form-search" leading-icon-color="primary" accessible-role="listitem"><b>auto</b>tie</duet-popup-menu-item>
+                </div>
+              </div>
+              <duet-spacer size="large"></duet-spacer>
+              <div>
+                <duet-heading level="h3" visual-level="h6" color="gray-darker">Hakutulokset termillä 'auto' (93)</duet-heading>
+                <ul style="list-style: none; padding: 0;">
+                  <li style="padding: var(--space-medium) 0;">
+                    <duet-button url="#" variation="plain" margin="none" padding="none" fixed>Autovakuutus</duet-button>
+                    <duet-paragraph margin="none">Halvin autovakuutus ei aina ole järkevin vaihtoehto. Suosittelemme vakuutusten sisällön vertailua ja huomioimaan erityisesti...</duet-paragraph>
+                    <duet-spacer size="xx-small"></duet-spacer>
+                    <duet-breadcrumbs variation="plain" color="gray-darker">
+                      <span><duet-breadcrumb icon="">Henkilöasiakas</duet-breadcrumb></span>
+                      <span><duet-breadcrumb >Vakuutukset</duet-breadcrumb></span>
+                      <span><duet-breadcrumb>Ajoneuvot</duet-breadcrumb></span>
+                      <span><duet-breadcrumb>Autovakuutus</duet-breadcrumb></span>
+                    </duet-breadcrumbs>
+                  </li>
+                </ul>
+              </div>
+            </duet-slideout>
+            <duet-toolbar-item accessible-label="Valitse kieli" leading-icon="navigation-language" id="toolbar-item-language">FI</duet-toolbar-item>
+            <duet-popup-menu controller="toolbar-item-language" accessible-role="list" skip-teleport>
+              <duet-popup-menu-item accessible-role="listitem" accessible-label="Vaihda kieli suomeksi" active>Suomeksi</duet-popup-menu-item>
+              <duet-popup-menu-item accessible-role="listitem" accessible-label="Byt språk till svenska" target-language="sv">På Svenska</duet-popup-menu-item>
+              <duet-popup-menu-item accessible-role="listitem" accessible-label="Change language to English" target-language="en">In English</duet-popup-menu-item>
+            </duet-popup-menu>
           </div>
         </duet-toolbar>
       `, axeRunOptions);

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

@@ -20,6 +20,7 @@
   -moz-appearance: none;
   -webkit-appearance: none;
   appearance: none;
+  position: relative;
   width: 100%;
 }
 

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

@@ -18,19 +18,6 @@ export class DuetToolbar {
      */
     componentWillLoad() {
         inheritGlobalTheme(this);
-        const children = Array.from(this.element.children);
-        for (const child of children) {
-            if (child.getAttribute("slot") === "left") {
-                for (const slotChild of Array.from(child.children)) {
-                    slotChild.setAttribute("role", "listitem");
-                }
-            }
-            else if (child.getAttribute("slot") === "right") {
-                for (const slotChild of Array.from(child.children)) {
-                    slotChild.setAttribute("role", "listitem");
-                }
-            }
-        }
     }
     /**
      * render() function

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

@@ -50,7 +50,7 @@ export class DuetToolbarDropdown {
             itemsAlign = this.element.parentElement.getAttribute("slot") === "left" ? "right" : "left";
         }
         const variation = this.variation === "negative" ? "negative" : "white";
-        return (h(Host, null, h("div", { class: {
+        return (h(Host, { role: "listitem" }, h("div", { class: {
                 "duet-toolbar-dropdown": true,
                 "duet-theme-turva": this.theme === "turva",
                 [itemsAlign]: true,

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

@@ -35,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, "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("span", { class: "label" }, h("slot", null)), this.active && (h("duet-icon", { name: "messaging-checked-small", size: "xx-small", margin: "none", color: "currentColor" })))));
+            }, href: this.href, lang: this.targetLanguage, hreflang: this.targetLanguage, role: "link 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("span", { class: "label" }, h("slot", null)), this.active && (h("duet-icon", { name: "messaging-checked-small", size: "xx-small", margin: "none", color: "currentColor" })))));
     }
     static get is() { return "duet-toolbar-dropdown-link"; }
     static get encapsulation() { return "shadow"; }

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

@@ -0,0 +1,122 @@
+*,
+*::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;
+  height: 100%;
+}
+
+.duet-toolbar-item {
+  position: relative;
+  display: flex;
+  gap: 8px;
+  align-items: center;
+  justify-content: center;
+  height: 100%;
+  padding: 0 16px;
+  font-family: "localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+  font-size: 0.875rem;
+  font-weight: 400;
+  line-height: 1.25;
+  color: rgb(0, 77, 128);
+  text-align: center;
+  text-decoration: none;
+  white-space: nowrap;
+  cursor: pointer;
+}
+.duet-toolbar-item:focus {
+  outline: 0;
+  box-shadow: 0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3;
+}
+.duet-theme-turva .duet-toolbar-item:focus, .duet-toolbar-item:focus.duet-theme-turva {
+  box-shadow: 0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a;
+}
+.duet-toolbar-item[aria-expanded=true] .trailing-icon.rotate {
+  transform: rotate(180deg);
+}
+.duet-toolbar-item.negative {
+  color: rgb(255, 255, 255);
+}
+.duet-toolbar-item.negative duet-icon {
+  color: rgb(205, 229, 241);
+}
+.duet-toolbar-item.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-toolbar-item.duet-theme-turva.negative {
+  color: rgb(255, 255, 255);
+}
+.duet-toolbar-item.duet-theme-turva.negative duet-icon {
+  color: rgb(244, 207, 214);
+}
+.duet-toolbar-item:hover {
+  color: rgb(0, 41, 77);
+  background: rgb(243, 249, 252);
+}
+.duet-toolbar-item:hover.negative {
+  color: rgb(255, 255, 255);
+  background: rgba(0, 41, 77, 0.2);
+}
+.duet-toolbar-item:hover.duet-theme-turva {
+  color: rgb(23, 28, 58);
+  background: rgb(245, 245, 247);
+}
+.duet-toolbar-item:hover.duet-theme-turva.negative {
+  color: rgb(255, 255, 255);
+  background: rgba(23, 28, 58, 0.2);
+}
+.duet-toolbar-item.active {
+  color: rgb(0, 41, 77);
+}
+.duet-toolbar-item.active.negative {
+  font-weight: 600;
+  color: rgb(255, 255, 255);
+  background: rgba(23, 28, 58, 0.2);
+}
+.duet-toolbar-item.active.negative::after {
+  display: none;
+}
+.duet-toolbar-item.active::after {
+  position: absolute;
+  top: auto;
+  bottom: 1px;
+  left: 0;
+  display: block;
+  width: 100%;
+  height: 1px;
+  content: "";
+  background: rgb(0, 119, 179);
+  transition: 300ms ease;
+  transform: translateY(1px);
+}
+.duet-toolbar-item.active::after.duet-theme-turva {
+  background: rgb(198, 12, 48);
+}
+.duet-toolbar-item.active.duet-theme-turva {
+  color: rgb(23, 28, 58);
+}
+.duet-toolbar-item.active.duet-theme-turva::after {
+  background: rgb(198, 12, 48);
+}
+.duet-toolbar-item.active.duet-theme-turva.negative {
+  color: rgb(255, 255, 255);
+  background: rgba(23, 28, 58, 0.2);
+}

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

@@ -0,0 +1,270 @@
+/*!
+ * Built with Duet Design System
+ */
+import { h, Host } from "@stencil/core";
+import { inheritGlobalTheme } from "../../common/themeable-component";
+export class DuetToolbarItem {
+    constructor() {
+        this.theme = "";
+        this.variation = "default";
+        this.active = false;
+        this.url = undefined;
+        this.leadingIcon = undefined;
+        this.trailingIcon = undefined;
+        this.accessibleLabel = undefined;
+        this.accessibleExpanded = undefined;
+        this.accessiblePopup = "false";
+    }
+    /**
+     * Component lifecycle events.
+     */
+    componentWillLoad() {
+        inheritGlobalTheme(this);
+    }
+    /**
+     * Sets focus. Use this method instead of the global focus().
+     */
+    async setFocus(options) {
+        setTimeout(() => this.itemElement.focus(options), 200);
+    }
+    /**
+     * render() function
+     * Always the last one in the class.
+     */
+    render() {
+        const TagName = this.url ? "a" : "button";
+        const variation = this.variation === "negative" ? "negative" : "white";
+        return (h(Host, { role: "listitem" }, h(TagName, { ref: element => (this.itemElement = element), class: {
+                "duet-toolbar-item": true,
+                "duet-theme-turva": this.theme === "turva",
+                active: this.active,
+                [variation]: true,
+            }, href: this.url, role: `${TagName === "a" ? "link" : "button"}`, "aria-current": this.active ? "true" : "false", "aria-label": this.accessibleLabel, "aria-expanded": this.accessibleExpanded != null ? this.accessibleExpanded.toString() : undefined, "aria-haspopup": this.accessiblePopup != null ? this.accessiblePopup.toString() : undefined }, this.leadingIcon && (h("duet-icon", { size: "x-small", name: this.leadingIcon, margin: "none", theme: this.theme, color: "currentColor" })), h("slot", null), this.trailingIcon && (h("duet-icon", { class: {
+                "trailing-icon": true,
+                rotate: this.trailingIcon === "action-arrow-down-small" && this.accessibleExpanded,
+            }, theme: this.theme, name: this.trailingIcon, margin: "none", size: this.trailingIcon === "action-arrow-down-small" ? "xxx-small" : "x-small", color: "currentColor" })))));
+    }
+    static get is() { return "duet-toolbar-item"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["duet-toolbar-item.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["duet-toolbar-item.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "theme": {
+                "type": "string",
+                "mutable": true,
+                "complexType": {
+                    "original": "DuetTheme",
+                    "resolved": "\"\" | \"default\" | \"turva\"",
+                    "references": {
+                        "DuetTheme": {
+                            "location": "import",
+                            "path": "../../common-types",
+                            "id": "src/common-types.d.ts::DuetTheme"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Theme."
+                },
+                "attribute": "theme",
+                "reflect": false,
+                "defaultValue": "\"\""
+            },
+            "variation": {
+                "type": "string",
+                "mutable": true,
+                "complexType": {
+                    "original": "\"default\" | \"negative\"",
+                    "resolved": "\"default\" | \"negative\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Variation."
+                },
+                "attribute": "variation",
+                "reflect": false,
+                "defaultValue": "\"default\""
+            },
+            "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"
+            },
+            "url": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Url"
+                },
+                "attribute": "url",
+                "reflect": false
+            },
+            "leadingIcon": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "DuetIconName",
+                    "resolved": "string",
+                    "references": {
+                        "DuetIconName": {
+                            "location": "import",
+                            "path": "../../common-types",
+                            "id": "src/common-types.d.ts::DuetIconName"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Left icon."
+                },
+                "attribute": "leading-icon",
+                "reflect": false,
+                "defaultValue": "undefined"
+            },
+            "trailingIcon": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "DuetIconName",
+                    "resolved": "string",
+                    "references": {
+                        "DuetIconName": {
+                            "location": "import",
+                            "path": "../../common-types",
+                            "id": "src/common-types.d.ts::DuetIconName"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Right icon."
+                },
+                "attribute": "trailing-icon",
+                "reflect": false,
+                "defaultValue": "undefined"
+            },
+            "accessibleLabel": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Adds accessible label for the link that is only shown for screen readers.\nTypically, this label text replaces the visible text on the link for users\nwho use assistive technology."
+                },
+                "attribute": "accessible-label",
+                "reflect": false
+            },
+            "accessibleExpanded": {
+                "type": "boolean",
+                "mutable": true,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "If a button expands or collapses adjacent content, then use the ariaExpanded\nprop to add the aria-expanded attribute to the button. Set the value to convey\nthe current expanded (true) or collapsed (false) state of the content."
+                },
+                "attribute": "accessible-expanded",
+                "reflect": true
+            },
+            "accessiblePopup": {
+                "type": "string",
+                "mutable": true,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Use this property to add an aria-haspopup attribute to a button."
+                },
+                "attribute": "accessible-popup",
+                "reflect": true,
+                "defaultValue": "\"false\""
+            }
+        };
+    }
+    static get methods() {
+        return {
+            "setFocus": {
+                "complexType": {
+                    "signature": "(options?: FocusOptions) => Promise<void>",
+                    "parameters": [{
+                            "name": "options",
+                            "type": "FocusOptions",
+                            "docs": ""
+                        }],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        },
+                        "FocusOptions": {
+                            "location": "global",
+                            "id": "global::FocusOptions"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "Sets focus. Use this method instead of the global focus().",
+                    "tags": []
+                }
+            }
+        };
+    }
+    static get elementRef() { return "element"; }
+}

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

@@ -24,7 +24,7 @@ export class DuetToolbarLink {
      */
     render() {
         const variation = this.variation === "negative" ? "negative" : "white";
-        return (h(Host, null, h("a", { class: {
+        return (h(Host, { role: "listitem" }, h("a", { class: {
                 "duet-toolbar-link": true,
                 "duet-theme-turva": this.theme === "turva",
                 active: this.active,

package/lib/collection/utils/keyboard-utils.js

@@ -38,12 +38,14 @@ function listenMouse() {
     window.removeEventListener("mousedown", listenMouse);
     window.addEventListener("keydown", listenKeys, false);
 }
-// start listening for tabbing (and mouse clicking through that) only if window is defined (i.e. not on server)
+// start listening for mouse clicking (and tabbing through that) only if window is defined (i.e. not on server)
 if (typeof window !== "undefined") {
-    window.addEventListener("keydown", listenKeys, false);
+    window.addEventListener("mousedown", listenMouse, false);
+    window.addEventListener("blur", () => notifySubscribers(true));
 }
 export const subscribeTabbingChange = component => {
     tabbingChangeSubscribers.add(component);
+    component.element.classList.add("user-is-tabbing");
 };
 export const unsubscribeTabbingChange = component => {
     tabbingChangeSubscribers.delete(component);

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-85c51c36.js';
+import { D as DuetActionButton$1, d as defineCustomElement$1 } from './p-f38ed7fe.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-33c43f27.js';
+import { D as DuetAlert$1, d as defineCustomElement$1 } from './p-604f5020.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-92e8fec4.js';
+import { D as DuetBadge$1, d as defineCustomElement$1 } from './p-e47bf090.js';
 
 const DuetBadge = DuetBadge$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,14 +1,14 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h as h$1, d as Host } from './p-3380c780.js';
+import { p as proxyCustomElement, H, h as h$1, d as Host } from './p-85712a7c.js';
 import { i as inheritGlobalTheme } from './p-a58bd561.js';
 import { h } from './p-62c7d9d4.js';
 import { h as hasSlot, c as checkNamedSlotElement } from './p-796edee6.js';
 import { p as parsePossibleJSON } from './p-0e052642.js';
 import { g as getColorByName } from './p-cbac9ed5.js';
-import { d as defineCustomElement$3 } from './p-13cbfdc6.js';
-import { d as defineCustomElement$2 } from './p-eb30f749.js';
+import { d as defineCustomElement$3 } from './p-b9f613f5.js';
+import { d as defineCustomElement$2 } from './p-0e584f41.js';
 
 const DuetPicture = ({ img, sources }) => {
     return (h("picture", null,

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

@@ -1,12 +1,12 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h, d as Host } from './p-3380c780.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-85712a7c.js';
 import { i as inheritGlobalTheme } from './p-a58bd561.js';
-import { s as subscribeTabbingChange, u as unsubscribeTabbingChange } from './p-55634a0b.js';
+import { s as subscribeTabbingChange, u as unsubscribeTabbingChange } from './p-bec3a15c.js';
 import { a as getLanguage, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver, g as getLocaleString } from './p-2e36d5bf.js';
-import { d as defineCustomElement$3 } from './p-eb30f749.js';
-import { d as defineCustomElement$2 } from './p-8500f1f3.js';
+import { d as defineCustomElement$3 } from './p-0e584f41.js';
+import { d as defineCustomElement$2 } from './p-0b90bbc2.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-breadcrumbs.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h, d as Host } from './p-3380c780.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-85712a7c.js';
 import { i as inheritGlobalTheme } from './p-a58bd561.js';
 import { g as getLocaleString } from './p-2e36d5bf.js';
 import { g as getColorByName } from './p-cbac9ed5.js';

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-f1a37b7f.js';
+import { D as DuetButton$1, d as defineCustomElement$1 } from './p-231e248d.js';
 
 const DuetButton = DuetButton$1;
 const defineCustomElement = defineCustomElement$1;