@duetds/components 9.5.2 → 9.6.0

package/lib/dist-custom-elements/{p-2bb0877f.js → p-4e00e010.js}

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h, d as Host } from './p-1b7f952f.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-c084f5f2.js';
 
 const duetSpacerCss = ":host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:relative;display:block;width:12px;min-width:12px;height:12px}@media (min-width: 36em){:host{width:16px;min-width:16px;height:16px}}:host(.duet-spacer-horizontal){display:inline-block;height:100% !important}:host(.duet-spacer-horizontal.xx-small){width:4px;min-width:4px;height:100%}@media (min-width: 36em){:host(.duet-spacer-horizontal.xx-small){width:4px;min-width:4px}}:host(.duet-spacer-horizontal.x-small){width:4px;min-width:4px;height:100%}@media (min-width: 36em){:host(.duet-spacer-horizontal.x-small){width:8px;min-width:8px}}:host(.duet-spacer-horizontal.small){width:8px;min-width:8px;height:100%}@media (min-width: 36em){:host(.duet-spacer-horizontal.small){width:12px;min-width:12px}}:host(.duet-spacer-horizontal.medium){height:100%}:host(.duet-spacer-horizontal.large){width:16px;min-width:16px;height:100%}@media (min-width: 36em){:host(.duet-spacer-horizontal.large){width:20px;min-width:20px}}:host(.duet-spacer-horizontal.x-large){width:20px;min-width:20px;height:100%}@media (min-width: 36em){:host(.duet-spacer-horizontal.x-large){width:28px;min-width:28px}}:host(.duet-spacer-horizontal.xx-large){width:28px;min-width:28px;height:100%}@media (min-width: 36em){:host(.duet-spacer-horizontal.xx-large){width:36px;min-width:36px}}:host(.duet-spacer-horizontal.xxx-large){width:36px;min-width:36px;height:100%}@media (min-width: 36em){:host(.duet-spacer-horizontal.xxx-large){width:48px;min-width:48px}}:host(.duet-spacer-horizontal.xxxx-large){width:48px;min-width:48px;height:100%}@media (min-width: 36em){:host(.duet-spacer-horizontal.xxxx-large){width:72px;min-width:72px}}:host(.duet-spacer-vertical.xx-small){width:100%;height:4px;min-height:4px}:host(.duet-spacer-vertical.x-small){width:100%;height:4px;min-height:4px}@media (min-width: 36em){:host(.duet-spacer-vertical.x-small){height:8px;min-height:8px}}:host(.duet-spacer-vertical.small){width:100%;height:8px;min-height:8px}@media (min-width: 36em){:host(.duet-spacer-vertical.small){height:12px;min-height:12px}}:host(.duet-spacer-vertical.medium){width:100%}:host(.duet-spacer-vertical.large){width:100%;height:16px;min-height:16px}@media (min-width: 36em){:host(.duet-spacer-vertical.large){height:20px;min-height:20px}}:host(.duet-spacer-vertical.x-large){width:100%;height:20px;min-height:20px}@media (min-width: 36em){:host(.duet-spacer-vertical.x-large){height:28px;min-height:28px}}:host(.duet-spacer-vertical.xx-large){width:100%;height:28px;min-height:28px}@media (min-width: 36em){:host(.duet-spacer-vertical.xx-large){height:36px;min-height:36px}}:host(.duet-spacer-vertical.xxx-large){width:100%;height:36px;min-height:36px}@media (min-width: 36em){:host(.duet-spacer-vertical.xxx-large){height:48px;min-height:48px}}:host(.duet-spacer-vertical.xxxx-large){width:100%;height:48px;min-height:48px}@media (min-width: 36em){:host(.duet-spacer-vertical.xxxx-large){height:72px;min-height:72px}}:host(.duet-spacer-xx-small){display:none}@media (max-width: 22.5em){:host(.duet-spacer-xx-small){display:block}}:host(.duet-spacer-x-small){display:none}@media (max-width: 35.9375em){:host(.duet-spacer-x-small){display:block}}:host(.duet-spacer-small){display:none}@media (min-width: 36em){:host(.duet-spacer-small){display:block}}:host(.duet-spacer-medium){display:none}@media (min-width: 48em){:host(.duet-spacer-medium){display:block}}:host(.duet-spacer-large){display:none}@media (min-width: 62em){:host(.duet-spacer-large){display:block}}:host(.duet-spacer-x-large){display:none}@media (min-width: 64.0625em){:host(.duet-spacer-x-large){display:block}}:host(.duet-spacer-xx-large){display:none}@media (min-width: 76.25em){:host(.duet-spacer-xx-large){display:block}}";
 const DuetSpacerStyle0 = duetSpacerCss;
@@ -20,7 +20,7 @@ const DuetSpacer = /*@__PURE__*/ proxyCustomElement(class DuetSpacer extends H {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: '37319380d158f854c7b73b9fc3360a521c6660a3', class: {
+        return (h(Host, { key: 'd503dd5ec4ebf49ecc18d7a622f1d62cbcb1b905', class: {
                 "duet-spacer": true,
                 "duet-spacer-xx-small": this.breakpoint === "xx-small",
                 "duet-spacer-x-small": this.breakpoint === "x-small",

package/lib/dist-custom-elements/{p-a571ab43.js → p-5554d38b.js}

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h, d as Host } from './p-1b7f952f.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-c084f5f2.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
 
 const duetBadgeCss = "*,*::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;margin-right:4px !important;margin-bottom:2px !important;display:inline-block;width:auto;vertical-align:middle}:host:last-child,:host:last-of-type{margin-right:0 !important}:host(.duet-m-0){margin:0 !important}.duet-badge{display:inline-block;width:100%;padding:4.4444444444px 12px 5.4444444444px;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.75rem;font-style:normal;font-weight:600;line-height:1.25;color:rgb(8, 42, 77);text-align:center;word-break:break-word;vertical-align:middle;background:#d9ebf4;border-radius:20rem}.duet-badge.duet-p-0{padding:0 !important}.duet-badge.duet-m-0{margin:0 !important}.duet-badge.duet-theme-turva{padding:5.4444444444px 12px 4.4444444444px;font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-weight:700;color:rgb(23, 28, 58);background:#e8e8eb}.duet-badge.warning{background:#fdecc9}.duet-badge.warning.duet-theme-turva{background:#fdecc9}.duet-badge.danger{background:#f7d2dc}.duet-badge.danger.duet-theme-turva{background:#f7d2dc}.duet-badge.success{background:#d6e6e1}.duet-badge.success.duet-theme-turva{background:#d6e6e1}.duet-badge.subtle{color:rgb(98, 121, 138);background:none;outline:1px solid rgb(212, 223, 229);outline-offset:-1px}.duet-badge.subtle.duet-theme-turva{color:rgb(113, 118, 132);background:none;outline-color:rgb(222, 224, 228)}.duet-badge.background-strong.default{color:rgb(255, 255, 255);background:rgb(0, 119, 179)}.duet-badge.background-strong.default.duet-theme-turva{color:rgb(255, 255, 255);background:rgb(23, 28, 58)}.duet-badge.background-strong.warning{background:#f9c153}.duet-badge.background-strong.warning.duet-theme-turva{background:#f9c153}.duet-badge.background-strong.danger{color:rgb(255, 255, 255);background:rgb(214, 28, 82)}.duet-badge.background-strong.danger.duet-theme-turva{color:rgb(255, 255, 255);background:rgb(214, 28, 82)}.duet-badge.background-strong.success{color:rgb(255, 255, 255);background:rgb(48, 131, 105)}.duet-badge.background-strong.success.duet-theme-turva{color:rgb(255, 255, 255);background:rgb(48, 131, 105)}.duet-badge.background-strong.subtle{border-color:rgb(181, 198, 208);outline-color:rgb(8, 42, 77)}.duet-badge.background-strong.subtle.duet-theme-turva{border-color:rgb(199, 202, 207);outline-color:rgb(23, 28, 58)}";
@@ -29,12 +29,12 @@ const DuetBadge = /*@__PURE__*/ proxyCustomElement(class DuetBadge extends H {
      */
     render() {
         const backgroundClass = `background-${this.background}`;
-        return (h(Host, { key: 'cb78bbf707726afa6370adc12ad150bf355b6859', class: { "duet-m-0": this.margin === "none" } }, h("span", { key: '84a4bcb3eae5bad6cbb54c1196ecd7c601910b04', class: {
+        return (h(Host, { key: '0fb98aa1f2907baf25a77db2ef2890e8ba01da24', class: { "duet-m-0": this.margin === "none" } }, h("span", { key: 'e0da2a8830c8e053b81a8ba1ba9fdac3a74f0a79', class: {
                 "duet-badge": true,
                 [this.variation]: true,
                 [backgroundClass]: true,
                 "duet-theme-turva": this.theme === "turva",
-            } }, h("slot", { key: '47192a702299c359b51b2b904363fc8a90fc50a5' }))));
+            } }, h("slot", { key: '50f738303eb006070e7d29254c5244537d4605d0' }))));
     }
     get element() { return this; }
     static get style() { return DuetBadgeStyle0; }

package/lib/dist-custom-elements/{p-495fa25d.js → p-670555eb.js}

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-1b7f952f.js';
+import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-c084f5f2.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
 import { c as createID } from './p-5e59e970.js';
 

package/lib/dist-custom-elements/p-71d24b1e.js

@@ -0,0 +1,213 @@
+/*!
+ * Built with Duet Design System
+ */
+import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-c084f5f2.js';
+import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
+import { c as createID } from './p-5e59e970.js';
+import { s as subscribeTabbingChange, u as unsubscribeTabbingChange } from './p-8db11326.js';
+import { g as getLocaleString, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './p-35375593.js';
+import { h as hasSlot } from './p-f21662ea.js';
+import { d as defineCustomElement$6 } from './p-1399c239.js';
+import { d as defineCustomElement$5 } from './p-dff748c3.js';
+import { d as defineCustomElement$4 } from './p-17b1f88c.js';
+import { d as defineCustomElement$3 } from './p-c18fe324.js';
+import { d as defineCustomElement$2 } from './p-83dee022.js';
+import { d as defineCustomElement$1 } from './p-86431925.js';
+
+const duetAlertCss = "*,*::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%;max-height:999px;transition:opacity 300ms ease, visibility 300ms ease, transform 300ms ease, max-height 300ms ease}:host(:focus){outline:0}:host(.user-is-tabbing:focus){border-radius:4px;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing.duet-theme-turva:focus){box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}:host(.duet-alert-is-dismissed){max-height:0;overflow:hidden;visibility:hidden !important;opacity:0;transform:scale(0.98)}:host(.duet-alert-is-dismissed) .duet-alert{margin:0 !important}.duet-alert-wrapper{margin-bottom:16px !important;position:relative;width:100%;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:1rem;font-weight:400;line-height:1.25;color:rgb(8, 42, 77);background:rgb(228, 241, 247);border:1px solid rgb(172, 210, 229);border-radius:12px;transition:margin 100ms 300ms ease}.duet-alert-wrapper.duet-p-0{padding:0 !important}.duet-alert-wrapper.duet-m-0{margin:0 !important}.duet-alert-wrapper.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\"}.duet-alert-wrapper.warning{color:rgb(38, 26, 4);background:rgb(255, 247, 221);border:1px solid rgb(255, 217, 120)}.duet-alert-wrapper.danger{color:rgb(89, 0, 45);background:rgb(255, 225, 231);border:1px solid rgb(252, 136, 162)}.duet-alert-wrapper.success{color:rgb(4, 38, 33);background:rgb(231, 248, 239);border:1px solid rgb(163, 229, 202)}.duet-alert-wrapper.below-nav{margin-bottom:0 !important;border:0;border-bottom:1px solid rgb(212, 223, 229)}.duet-alert-wrapper .duet-alert{position:relative;width:100%;max-width:1384px;padding:16px;margin:0 auto}.duet-alert-wrapper .duet-alert.duet-alert-is-dismissible{padding:16px 48px 16px 16px;text-align:left}.duet-alert-wrapper .duet-alert.duet-alert-is-dismissible .duet-alert-container{text-align:left}.duet-alert-wrapper .duet-alert.duet-alert-has-show-more{padding-bottom:0}.duet-alert-wrapper .duet-alert.duet-alert-has-icon .duet-alert-show-more{margin-left:36px}.duet-alert-wrapper .duet-alert.duet-alert-expandable{padding-right:20px}.duet-alert-dismiss{position:absolute;top:3px;right:3px}.duet-alert-dismiss duet-button:hover{background-color:rgb(198, 225, 238);border-radius:8px}.warning .duet-alert-dismiss duet-button:hover{background-color:rgb(255, 232, 160)}.danger .duet-alert-dismiss duet-button:hover{background-color:rgb(255, 173, 190)}.success .duet-alert-dismiss duet-button:hover{background-color:rgb(191, 239, 218)}.duet-alert-container{display:inline-flex;align-items:center;justify-content:center;width:100%;margin:0 auto !important}.duet-alert-container span{width:100%}.duet-alert-has-icon .duet-alert-container{margin-top:2px !important}.duet-alert-container:focus{outline:none}.duet-alert-icon{display:inline-block;align-self:center;width:20px;min-width:20px;height:20px;margin:0 16px 0 0 !important}.duet-alert-expandable .duet-alert-icon{position:relative;top:2px;align-self:flex-start}.duet-alert-icon.below-nav{align-self:flex-start}.duet-alert-icon duet-icon{width:20px;height:20px}.duet-alert-expander{display:flex;gap:16px;align-items:flex-start;justify-content:space-between;width:calc(100% + 32px + 40px);padding:16px;padding-right:20px;padding-left:52px;margin:-16px;margin-left:-52px;font-family:inherit;color:inherit;cursor:pointer;background-color:inherit}.duet-alert-expanded .duet-alert-expander{margin-bottom:-4px}.duet-alert-expander>span{flex-grow:1;font-size:1rem;line-height:1.5;text-align:left}.duet-alert-expander duet-icon{position:relative;top:4px;transition:rotate 300ms ease}.duet-alert-expanded .duet-alert-expander duet-icon{rotate:180deg}.duet-alert-expander:hover{filter:brightness(85%)}";
+const DuetAlertStyle0 = duetAlertCss;
+
+const DuetAlert = /*@__PURE__*/ proxyCustomElement(class DuetAlert extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.duetDismiss = createEvent(this, "duetDismiss", 7);
+        this.duetCloseComplete = createEvent(this, "duetCloseComplete", 7);
+        this.descriptiveId = createID("DuetAlert");
+        this.hasShowMoreSlot = false;
+        this.handleDismiss = (ev) => {
+            this.handleHide();
+            this.duetDismiss.emit({
+                component: "duet-alert",
+                originalEvent: ev,
+            });
+        };
+        this.handleShow = () => {
+            this.isDismissed = false;
+        };
+        this.handleHide = () => {
+            this.isDismissed = true;
+            this.element.addEventListener("transitionend", () => this.duetCloseComplete.emit(), { once: true });
+        };
+        this.handleExpandToggle = () => {
+            this.isExpanded = !this.isExpanded;
+        };
+        this.theme = "";
+        this.isDismissed = false;
+        this.isExpanded = false;
+        this.timeoutID = undefined;
+        this.accessibleLabelDefaults = {
+            fi: "Painike viestin sulkemiseen",
+            sv: "Knapp för att stänga meddelandet",
+            en: "Button to close the message",
+        };
+        this.accessibleLabel = getLocaleString(this.accessibleLabelDefaults);
+        this.announcements = true;
+        this.icon = "";
+        this.autoDismiss = undefined;
+        this.margin = "auto";
+        this.padding = "auto";
+        this.variation = "default";
+        this.position = "content";
+        this.dismissible = false;
+        this.focusable = false;
+        this.expandingTitle = "";
+    }
+    /**
+     * Component lifecycle events.
+     */
+    componentWillLoad() {
+        inheritGlobalTheme(this);
+        this.hasShowMoreSlot = hasSlot(this.element, "show-more");
+    }
+    componentDidLoad() {
+        if (this.autoDismiss) {
+            this.timeoutID = setTimeout(() => this.handleDismiss(), this.autoDismiss);
+        }
+    }
+    connectedCallback() {
+        connectLanguageChangeObserver(this, { prop: "accessibleLabel", defaults: "accessibleLabelDefaults" });
+        subscribeTabbingChange(this);
+    }
+    disconnectedCallback() {
+        if (this.timeoutID) {
+            clearTimeout(this.timeoutID);
+        }
+        disconnectLanguageChangeObserver(this);
+        unsubscribeTabbingChange(this);
+    }
+    /**
+     * Show.
+     */
+    async show() {
+        this.handleShow();
+    }
+    /**
+     * Hide.
+     */
+    async hide() {
+        this.handleHide();
+    }
+    /**
+     * Sets focus on the specified `duet-alert`.
+     * Works only when focusable property is set to true.
+     * Use this method instead of the global
+     * `button.focus()`.
+     */
+    async setFocus(options) {
+        this.alertContainer.focus(options);
+    }
+    /**
+     * There is bug in NVDA screen reader
+     * that is causing multiple alert readings
+     * when alert contains other components (link, button etc.).
+     */
+    /**
+     * render() function
+     * Always the last one in the class.
+     */
+    render() {
+        return (h(Host, { key: '06620fa82e81c4a150b23f4f6e966147b6e6870c', class: {
+                "duet-theme-turva": this.theme === "turva",
+                "duet-alert-is-dismissed": this.isDismissed,
+            }, role: this.announcements ? "alert" : undefined }, h("div", { key: 'f7a81ec3238b0d2fbd7bbf073177c19834570796', class: {
+                "duet-alert-wrapper": true,
+                "duet-p-0": this.padding === "none",
+                "duet-m-0": this.margin === "none",
+                [this.variation]: true,
+                [this.position]: true,
+                "duet-theme-turva": this.theme === "turva",
+            } }, h("div", { key: '3592e88a89d85f1ce0381d852a475b9dfe5442b9', class: {
+                "duet-alert": true,
+                "duet-alert-expandable": !!this.expandingTitle,
+                "duet-alert-expanded": this.isExpanded,
+                "duet-alert-has-icon": !!this.icon || this.position === "below-nav",
+                "duet-alert-has-show-more": this.hasShowMoreSlot,
+                "duet-alert-is-dismissible": this.dismissible,
+                "duet-p-0": this.padding === "none",
+                "duet-m-0": this.margin === "none",
+                [this.variation]: true,
+                "duet-theme-turva": this.theme === "turva",
+            } }, h("div", { key: 'fe5b231c4e4c832dbc67ad92881397b83939a8bd', class: "duet-alert-container", ref: element => {
+                this.alertContainer = element;
+            }, tabindex: this.focusable ? "0" : undefined }, this.position !== "below-nav" && (h("div", { key: 'cfea6d4a41a4d738ac66f98c0a20c3d768366cd9', class: "duet-alert-icon" }, (this.icon && h("duet-icon", { key: 'a25f4bbc61467c1778990fb06dbc3d6ac858ba2a', size: "auto", name: this.icon, color: "currentColor" })) || (h("duet-status-icon", { key: 'a4dfb99f40a39303027cd9fca17522d1d3561580', strong: true, variation: this.variation, margin: "none", size: "auto" })))), this.position === "below-nav" && (h("div", { key: '9cf13040b80a2cae970a5fcb4f5c648766ba8e84', class: "duet-alert-icon below-nav" }, h("duet-status-icon", { key: '7ff20b576f48af77014e044e1789ab9752c931f0', strong: true, variation: this.variation, margin: "none", size: "auto" }))), h("span", { key: 'b063829358afa09115ad242c8ed74e28ff45771f', id: this.descriptiveId }, this.expandingTitle && (h("button", { key: '8039158452820911e9a03456557b62b321098642', "aria-expanded": this.isExpanded.toString(), "aria-controls": `${this.descriptiveId}-content`, class: "duet-alert-expander", onClick: this.handleExpandToggle }, h("span", { key: 'b3830e45790cb825cc50b7df82919794e860c2b4' }, this.expandingTitle), h("duet-icon", { key: 'ac27d252ef3af1cf56b34067356b879a4a372ceb', name: "action-arrow-down", color: this.variation === "default" ? "lt-blue-800" : `${this.variation}-800`, margin: "none", size: "x-small" }))), (!this.expandingTitle || this.isExpanded) && (h("span", { key: '90948facbf4820ee5d653dcc21b90665b7f064ea', id: `${this.descriptiveId}-content` }, h("slot", { key: '3e8fe9bb2ec95b5cd3007c38b827a1ba812870e0' }))))), this.hasShowMoreSlot && (h("duet-show-more", { key: 'b2d5e192923d83fb8764771f4d7a6800d1767c94', margin: "none", class: "duet-alert-show-more" }, h("slot", { key: 'a8aa19b76a7c807c0261f38cb9330dfc8ae7f18f', name: "show-more" }))), this.dismissible && !this.expandingTitle && (h("div", { key: '4ce212d852c5734afb057c9870a55bbfd1218e86', class: "duet-alert-dismiss" }, h("duet-button", { key: 'a970a7077e907f1e7bbfdd61a090eaa6d7e28d61', variation: "plain", accessibleLabel: this.accessibleLabel, accessibleDescribedBy: this.descriptiveId, iconSize: "medium", icon: "navigation-close", iconOnly: true, margin: "none", color: this.variation === "default" ? "lt-blue-800" : `${this.variation}-800`, theme: this.theme, onClick: this.handleDismiss, fixed: true })))))));
+    }
+    get element() { return this; }
+    static get style() { return DuetAlertStyle0; }
+}, [1, "duet-alert", {
+        "theme": [1025],
+        "accessibleLabelDefaults": [1, "accessible-label-default"],
+        "accessibleLabel": [1025, "accessible-label"],
+        "announcements": [4],
+        "icon": [1],
+        "autoDismiss": [2, "auto-dismiss"],
+        "margin": [1],
+        "padding": [1],
+        "variation": [1],
+        "position": [1],
+        "dismissible": [4],
+        "focusable": [4],
+        "expandingTitle": [1, "expanding-title"],
+        "isDismissed": [32],
+        "isExpanded": [32],
+        "timeoutID": [32],
+        "show": [64],
+        "hide": [64],
+        "setFocus": [64]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["duet-alert", "duet-button", "duet-icon", "duet-show-more", "duet-spinner", "duet-status-icon", "duet-visually-hidden"];
+    components.forEach(tagName => { switch (tagName) {
+        case "duet-alert":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, DuetAlert);
+            }
+            break;
+        case "duet-button":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$6();
+            }
+            break;
+        case "duet-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$5();
+            }
+            break;
+        case "duet-show-more":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
+        case "duet-spinner":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "duet-status-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+        case "duet-visually-hidden":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+
+export { DuetAlert as D, defineCustomElement as d };

package/lib/dist-custom-elements/{p-d3f39f5e.js → p-744611d2.js}

@@ -1,18 +1,18 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-1b7f952f.js';
+import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-c084f5f2.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
 import { c as createID } from './p-5e59e970.js';
 import { c as checkNamedSlotElement } from './p-f21662ea.js';
 import { p as parsePossibleJSON } from './p-9c3c64b9.js';
-import { d as defineCustomElement$7 } from './p-b54dea97.js';
-import { d as defineCustomElement$6 } from './p-136dc3af.js';
-import { d as defineCustomElement$5 } from './p-dbea5087.js';
-import { d as defineCustomElement$4 } from './p-6f36f4f3.js';
-import { d as defineCustomElement$3 } from './p-ef2dcc5a.js';
-import { d as defineCustomElement$2 } from './p-9126e8a2.js';
-import { d as defineCustomElement$1 } from './p-6646e07d.js';
+import { d as defineCustomElement$7 } from './p-a839bb27.js';
+import { d as defineCustomElement$6 } from './p-dff748c3.js';
+import { d as defineCustomElement$5 } from './p-7a5af4ef.js';
+import { d as defineCustomElement$4 } from './p-0e2c29a0.js';
+import { d as defineCustomElement$3 } from './p-e2468742.js';
+import { d as defineCustomElement$2 } from './p-7da00182.js';
+import { d as defineCustomElement$1 } from './p-86431925.js';
 
 const duetSelectCss = "*.sc-duet-select,*.sc-duet-select::after,*.sc-duet-select::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-select-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:16px !important;margin-bottom:12px !important;display:inline-flex;width:100%;max-width:100%;vertical-align:bottom}.sc-duet-select-h:last-child,.sc-duet-select-h:last-of-type{margin-right:0 !important}@media (min-width: 36em){.sc-duet-select-h{width:calc(50% - 16px - 3px)}.duet-expand.sc-duet-select-h{width:100% !important}}.duet-select-variation-tiny.sc-duet-select-h,.duet-select-variation-compact.sc-duet-select-h{position:relative;top:-2px;width:72px;margin:0 !important;vertical-align:baseline}.duet-select-variation-compact.sc-duet-select-h{width:auto}.duet-m-0.sc-duet-select-h{margin:0 !important}duet-tooltip.sc-duet-select,.sc-duet-select-s>duet-tooltip{position:absolute;top:12px;right:0}@media (min-width: 48em){duet-tooltip.sc-duet-select,.sc-duet-select-s>duet-tooltip{position:relative;top:4px;right:auto}}.duet-select-placeholder.sc-duet-select{position:absolute;top:-9px;left:9px;z-index:200;display:block;width:auto;max-width:60%;padding:0 0.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:rgb(255, 255, 255)}.duet-select-container.sc-duet-select{position:relative;width:100%}.duet-select-container.duet-select-variation-tiny.sc-duet-select{width:72px}.duet-select-wrapper.sc-duet-select{position:relative;width:100%;padding:15px 14px !important;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:1rem;font-weight:400;line-height:1.25}.duet-theme-turva.sc-duet-select .duet-select-wrapper.sc-duet-select{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"}.duet-select-variation-tiny.sc-duet-select .duet-select-wrapper.sc-duet-select{width:81px;padding:0 !important}.duet-select-variation-compact.sc-duet-select .duet-select-wrapper.sc-duet-select{padding:0 !important;line-height:1}.duet-select-wrapper.sc-duet-select select.sc-duet-select{position:absolute;top:0;right:0;bottom:0;left:0;z-index:200;width:100%;height:100%;padding:0;margin:0;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:1rem;cursor:pointer;border:0;outline:none;opacity:0}.duet-theme-turva.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"}.duet-select-wrapper.sc-duet-select select.sc-duet-select:hover+.duet-select.sc-duet-select{border-color:rgb(127, 150, 165);box-shadow:0 0 0 1px #909599}.duet-theme-turva.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:hover+.duet-select.sc-duet-select{border-color:rgb(143, 147, 158);box-shadow:0 0 0 1px #747475}.has-error.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:hover+.duet-select.sc-duet-select{box-shadow:0 0 0 1px #de2362}.duet-theme-turva.has-error.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:hover+.duet-select.sc-duet-select{box-shadow:0 0 0 1px #e55039}.duet-select-wrapper.sc-duet-select select.sc-duet-select:focus+.duet-select.sc-duet-select{border-color:rgb(0, 119, 179);outline:0;box-shadow:0 0 0 1px #0077b3 !important;transition:none}.duet-theme-turva.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:focus+.duet-select.sc-duet-select{border-color:rgb(23, 28, 58);box-shadow:0 0 0 1px #171c3a !important}.duet-theme-turva.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:focus+.duet-select.sc-duet-select .duet-select-icon.sc-duet-select{color:rgb(23, 28, 58)}.duet-select-wrapper.sc-duet-select select.sc-duet-select:focus+.duet-select.sc-duet-select .duet-select-icon.sc-duet-select{color:rgb(0, 119, 179)}.has-error.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:focus+.duet-select.sc-duet-select{box-shadow:0 0 0 1px #de2362}.duet-theme-turva.has-error.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:focus+.duet-select.sc-duet-select{box-shadow:0 0 0 1px #e55039}.duet-select-wrapper.sc-duet-select select[disabled].sc-duet-select{cursor:default !important}.duet-select-wrapper.sc-duet-select select[disabled].sc-duet-select+.duet-select.sc-duet-select{color:rgb(8, 42, 77) !important;cursor:default !important;background:rgb(245, 248, 250) !important;border-color:rgb(245, 248, 250) !important;box-shadow:none !important;opacity:1 !important;-webkit-text-fill-color:rgb(8, 42, 77) !important}.duet-theme-turva.sc-duet-select .duet-select-wrapper.sc-duet-select select[disabled].sc-duet-select+.duet-select.sc-duet-select{color:rgb(23, 28, 58) !important;background:rgb(245, 247, 250) !important;border-color:rgb(245, 247, 250) !important;-webkit-text-fill-color:rgb(23, 28, 58) !important}.duet-select-wrapper.sc-duet-select span.duet-keep-container-height.sc-duet-select{opacity:0}.duet-select-variation-compact.sc-duet-select .duet-select-wrapper.sc-duet-select span.duet-keep-container-height.sc-duet-select{display:none}.duet-select.sc-duet-select{position:absolute;top:0;right:0;bottom:0;left:0;z-index:100;display:block;width:100%;min-width:8rem;padding:12px 14px !important;padding-right:48px !important;overflow:hidden;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:1rem;font-weight:400;font-variant-numeric:tabular-nums;line-height:1.5;color:rgb(8, 42, 77);text-align:left;text-overflow:ellipsis;white-space:nowrap;background:rgb(255, 255, 255);border:1px solid rgb(127, 150, 165);border-radius:4px;transition:150ms ease}.has-error.sc-duet-select .duet-select.sc-duet-select{border-color:rgb(214, 28, 82) !important}.has-error.sc-duet-select .duet-select.sc-duet-select .duet-select-icon.sc-duet-select{color:rgb(214, 28, 82) !important}.duet-theme-turva.has-error.sc-duet-select .duet-select.sc-duet-select{border-color:rgb(214, 28, 82) !important}.duet-theme-turva.has-error.sc-duet-select .duet-select.sc-duet-select .duet-select-icon.sc-duet-select{color:rgb(214, 28, 82) !important}.duet-theme-turva.sc-duet-select .duet-select.sc-duet-select{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);border-color:rgb(143, 147, 158)}.duet-select.sc-duet-select svg.sc-duet-select{position:absolute;top:50%;right:16px;z-index:200;width:20px;height:20px;color:rgb(8, 42, 77);pointer-events:none;transform:translateY(-50%)}.duet-theme-turva.sc-duet-select .duet-select.sc-duet-select svg.sc-duet-select{color:rgb(23, 28, 58)}.duet-select-variation-tiny.sc-duet-select .duet-select.sc-duet-select,.duet-select-variation-compact.sc-duet-select .duet-select.sc-duet-select{width:72px;min-width:inherit;padding:0 !important;margin-bottom:-4px;overflow:visible;font-weight:600;text-align:center}.duet-select-variation-tiny.sc-duet-select .duet-select.sc-duet-select duet-icon.sc-duet-select,.duet-select-variation-compact.sc-duet-select .duet-select.sc-duet-select duet-icon.sc-duet-select{padding-left:10px}.duet-select-variation-compact.sc-duet-select .duet-select.sc-duet-select{position:relative;width:fit-content;padding:7px 16px !important;font-size:0.875rem;line-height:1.1;text-align:right;border-radius:8px}.duet-select-help.sc-duet-select{display:block;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(98, 121, 138);border-radius:4px}.duet-select-help.sc-duet-select span.sc-duet-select{display:block;margin-top:8px}.duet-theme-turva.sc-duet-select .duet-select-help.sc-duet-select{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(143, 147, 158)}.has-error.sc-duet-select .duet-select-help.sc-duet-select{color:rgb(214, 28, 82)}.duet-theme-turva.has-error.sc-duet-select .duet-select-help.sc-duet-select{color:rgb(214, 28, 82)}.duet-label-hidden.sc-duet-select duet-label.sc-duet-select{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}";
 const DuetSelectStyle0 = duetSelectCss;

package/lib/dist-custom-elements/{p-dbea5087.js → p-7a5af4ef.js}

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h, d as Host } from './p-1b7f952f.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-c084f5f2.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
 import { g as getColorByName } from './p-6e022235.js';
 

package/lib/dist-custom-elements/{p-9126e8a2.js → p-7da00182.js}

@@ -1,13 +1,13 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-1b7f952f.js';
+import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-c084f5f2.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
 import { F as FocusGuard } from './p-e30dc66d.js';
 import { s as subscribeTabbingChange, u as unsubscribeTabbingChange } from './p-8db11326.js';
-import { T as Teleport } from './p-ca3cb21e.js';
-import { d as defineCustomElement$2 } from './p-136dc3af.js';
-import { d as defineCustomElement$1 } from './p-6646e07d.js';
+import { T as Teleport } from './p-8cb0e6bd.js';
+import { d as defineCustomElement$2 } from './p-dff748c3.js';
+import { d as defineCustomElement$1 } from './p-86431925.js';
 
 const duetTooltipPopupCss = "*,*::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;position:absolute;z-index:950}.duet-tooltip{position:relative;width:282px;min-height:48px;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(8, 42, 77);visibility:hidden;background:rgb(255, 255, 255);border:1px solid rgb(212, 223, 229);border-radius:4px;box-shadow:0 2px 10px 0 rgba(0, 41, 77, 0.07);opacity:0;transition:300ms ease;transform-origin:100% 100%}.duet-tooltip.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);border-color:rgb(222, 224, 228);box-shadow:0 2px 10px 0 rgba(117, 117, 117, 0.13)}.duet-tooltip .arrow{position:absolute;width:22px;height:22px;pointer-events:none}.duet-tooltip .arrow.bottom,.duet-tooltip .arrow.bottom-start,.duet-tooltip .arrow.bottom-end{top:-20px}.duet-tooltip .arrow-container{position:relative;left:4px;width:100%;height:100%;pointer-events:none}.duet-tooltip .arrow-container::after{position:absolute;z-index:200;width:0;height:0;pointer-events:none;content:\"\"}.duet-tooltip .arrow-container::before{position:absolute;z-index:100;width:0;height:0;pointer-events:none;content:\"\"}.duet-tooltip .arrow-container.top::after,.duet-tooltip .arrow-container.top-start::after,.duet-tooltip .arrow-container.top-end::after{bottom:2px;left:2px;border:10px solid transparent;border-top:10px solid rgb(255, 255, 255)}.duet-tooltip .arrow-container.top::before,.duet-tooltip .arrow-container.top-start::before,.duet-tooltip .arrow-container.top-end::before{bottom:-1px;left:1px;border:11px solid transparent;border-top:11px solid rgb(212, 223, 229)}.duet-theme-turva .duet-tooltip .arrow-container.top::before,.duet-theme-turva .duet-tooltip .arrow-container.top-start::before,.duet-theme-turva .duet-tooltip .arrow-container.top-end::before{border-top:11px solid rgb(222, 224, 228)}.duet-tooltip .arrow-container.bottom::after,.duet-tooltip .arrow-container.bottom-start::after,.duet-tooltip .arrow-container.bottom-end::after{bottom:1px;left:2px;border:10px solid transparent;border-bottom:10px solid rgb(255, 255, 255)}.duet-tooltip .arrow-container.bottom::before,.duet-tooltip .arrow-container.bottom-start::before,.duet-tooltip .arrow-container.bottom-end::before{bottom:1px;left:1px;border:11px solid transparent;border-bottom:11px solid rgb(212, 223, 229)}.duet-theme-turva .duet-tooltip .arrow-container.bottom::before,.duet-theme-turva .duet-tooltip .arrow-container.bottom-start::before,.duet-theme-turva .duet-tooltip .arrow-container.bottom-end::before{border-top:11px solid rgb(222, 224, 228)}.duet-tooltip.duet-tooltip-has-label{right:auto !important;left:0;width:282px !important;transform-origin:0 0 !important}.duet-tooltip.duet-tooltip-active{visibility:visible;opacity:1;transition-property:transform, opacity}.duet-tooltip-content-area{padding:20px !important;width:100%;padding-right:25px !important;overflow-y:auto;-webkit-hyphens:auto;hyphens:auto;border-radius:4px;-webkit-overflow-scrolling:touch}.duet-tooltip-content-area:focus{outline:none}:host(.user-is-tabbing) .duet-tooltip-content-area:focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing) .duet-theme-turva .duet-tooltip-content-area:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-tooltip-content-area::-webkit-scrollbar{width:4px}.duet-tooltip-content-area::-webkit-scrollbar-track{border-radius:4px}.duet-tooltip-content-area::-webkit-scrollbar-thumb{background:rgb(212, 223, 229);border-radius:4px}.duet-theme-turva .duet-tooltip-content-area::-webkit-scrollbar-thumb{background:rgb(222, 224, 228)}.duet-tooltip-close{position:absolute;top:8px;right:8px;display:flex;align-items:center;justify-content:center;width:17px;height:17px;min-height:0 !important;padding:0 !important;margin:0 !important;line-height:normal;color:rgb(8, 42, 77);cursor:pointer;background:rgb(245, 248, 250);border-radius:50%;-webkit-appearance:none;appearance:none}.duet-tooltip-close:focus{outline:none;box-shadow:0 0 0 2px #0077b3 !important}.duet-theme-turva .duet-tooltip-close:focus{color:rgb(23, 28, 58);box-shadow:0 0 0 2px #171c3a !important}";
 const DuetTooltipPopupStyle0 = duetTooltipPopupCss;
@@ -56,11 +56,11 @@ const DuetTooltipPopup = /*@__PURE__*/ proxyCustomElement(class DuetTooltipPopup
         this.contentEl.focus();
     }
     render() {
-        return (h(Host, { key: 'dcefd2a138b0d6599a09ff8a72f293ad6c7e891c' }, h("div", { key: 'e3ef1db922edbb62bb6164583422409cca33423b', class: {
+        return (h(Host, { key: 'af904a5ac9d8376f7d5c7e0e5a51960bbe73ecc6' }, h("div", { key: '66bdc4e42694f13fef8d1221eba8de0ec68dc96f', class: {
                 "duet-tooltip": true,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-tooltip-active": this.active === true,
-            } }, h(FocusGuard, { key: 'a69785a224b6d332ddef3b3a58a1de92180f0630', moveFocusTo: this.buttonEl }), h("div", { key: '6b9dc31cc5430f788a1a185750bf09135af9d12a', ref: element => (this.contentEl = element), class: "duet-tooltip-content-area", tabindex: 0, id: this.tooltipId }, h("slot", { key: '248ab704fdde7e7f1a9485df5fec73e4577ef454' })), h("div", { key: '47938f76464592121f5516b83e4efeda81b35cc7', ref: element => (this.arrowEl = element), class: { arrow: true, [this.placement]: true }, style: this.arrowStyles }, h("div", { key: 'd619ec83554676708f8d9bc56dfb7bfa9edaaa8d', class: { "arrow-container": true, [this.placement]: true } })), h("button", { key: '2e6b1c12e407e9724d6fd14e8c17c6e1471cce7b', type: "button", class: "duet-tooltip-close", onClick: this.handleCloseClick, ref: el => (this.buttonEl = el) }, h("duet-icon", { key: 'a32ec01897dc04fa3e70b1b2f0f46d59bf55f9b3', name: "navigation-close-small", margin: "none", color: "currentColor", size: "xxx-small" }), h("duet-visually-hidden", { key: 'be53bde5da4a21dd4641a190587e0cb3f27bd7e6' }, this.accessibleCloseLabel)), h(FocusGuard, { key: '7e378988bbb34cc60540a9c475346f0f2faf0544', moveFocusTo: this.contentEl }))));
+            } }, h(FocusGuard, { key: 'ed95d75265969c1cfcf4006172e3479a308c74e8', moveFocusTo: this.buttonEl }), h("div", { key: '0b9806ff4d965d391a7ccc586edeee099b8c3316', ref: element => (this.contentEl = element), class: "duet-tooltip-content-area", tabindex: 0, id: this.tooltipId }, h("slot", { key: '506777278ef4ef24b387db0f3ef2832a093851b6' })), h("div", { key: 'e0759a2ff789cc80288b6822453d64d01fc10528', ref: element => (this.arrowEl = element), class: { arrow: true, [this.placement]: true }, style: this.arrowStyles }, h("div", { key: '01cf36b6b4ac43979587a10f1baa9945ee818215', class: { "arrow-container": true, [this.placement]: true } })), h("button", { key: '87a9c5531a92baa0189f6e83916c407a9a83bb19', type: "button", class: "duet-tooltip-close", onClick: this.handleCloseClick, ref: el => (this.buttonEl = el) }, h("duet-icon", { key: '280c7404d7da50f321659b842847812332eee665', name: "navigation-close-small", margin: "none", color: "currentColor", size: "xxx-small" }), h("duet-visually-hidden", { key: 'cf09b71ae6d692fa95207e9bbb7816a431c0fba8' }, this.accessibleCloseLabel)), h(FocusGuard, { key: '4d456216d3c5012b83cc52743c4d0f0dfc625e4c', moveFocusTo: this.contentEl }))));
     }
     get element() { return this; }
     static get style() { return DuetTooltipPopupStyle0; }

package/lib/dist-custom-elements/p-83dee022.js

@@ -0,0 +1,108 @@
+/*!
+ * Built with Duet Design System
+ */
+import { p as proxyCustomElement, H, h, d as Host } from './p-c084f5f2.js';
+import { t as tokens } from './p-f6000a03.js';
+import { d as defineCustomElement$1 } from './p-dff748c3.js';
+
+const DuetStatusIcon = /*@__PURE__*/ proxyCustomElement(class DuetStatusIcon extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.bg = {
+            default: {
+                default: "color_lt_blue_200",
+                success: "color_success_200",
+                warning: "color_warning_200",
+                danger: "color_danger_200",
+            },
+            strong: {
+                default: "color_lt_blue_700",
+                success: "color_success_700",
+                warning: "color_warning_500",
+                danger: "color_danger_600",
+            },
+        };
+        this.color = {
+            default: {
+                default: "color_lt_blue_800",
+                success: "color_success_800",
+                warning: "color_warning_800",
+                danger: "color_danger_800",
+            },
+            strong: {
+                default: "color_lt_blue_100",
+                success: "color_gray_lightest",
+                warning: "color_warning_900",
+                danger: "color_gray_lightest",
+            },
+        };
+        this.variation = "default";
+        this.size = "medium";
+        this.margin = "auto";
+        this.strong = false;
+    }
+    getBg() {
+        return tokens[this.bg[this.strong ? "strong" : "default"][this.variation]];
+    }
+    getColor() {
+        return tokens[this.color[this.strong ? "strong" : "default"][this.variation]];
+    }
+    getIcon() {
+        switch (this.variation) {
+            case "default":
+                return `
+          <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" role="img">
+          <rect width="24" height="24" rx="12" fill="${this.getBg()}"/>
+          <path fill="${this.getColor()}" d="M13.5 17.25A2.252 2.252 0 0 1 11.25 15v-3.75h-.75a.75.75 0 0 1 0-1.5h.75c.827 0 1.5.673 1.5 1.5V15c0 .414.336.75.75.75h.75a.75.75 0 0 1 0 1.5z"/>
+          <circle fill="${this.getColor()}" cx="11.625" cy="7.125" r="1.125"/>
+          </svg>`;
+            case "success":
+                return `
+          <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" role="img">
+          <rect width="24" height="24" rx="12" fill="${this.getBg()}"/>
+          <path fill="${this.getColor()}" d="M9.325 17.916a1.79 1.79 0 0 1-1.498-.799l-2.44-3.462a.75.75 0 0 1 1.227-.864l2.45 3.477a.306.306 0 0 0 .261.148.294.294 0 0 0 .236-.119l7.852-9.935a.75.75 0 1 1 1.175.93l-7.843 9.923a1.781 1.781 0 0 1-.423.396 1.78 1.78 0 0 1-.997.305z"/>
+          </svg>`;
+            case "warning":
+            case "danger":
+                return `
+          <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" role="img">
+          <path fill="${this.getBg()}" d="M1.27,23.767C1.58,23.919 1.926,24 2.273,24L21.73,24C22.336,24 22.906,23.764 23.334,23.336C23.764,22.908 24.001,22.337 24.001,21.73C24.001,21.383 23.92,21.037 23.768,20.727L14.295,1.429C13.862,0.547 12.981,0 11.997,0C11.605,0 11.227,0.088 10.873,0.262C10.369,0.51 9.954,0.924 9.706,1.429L0.234,20.728C-0.034,21.271 -0.073,21.888 0.123,22.462C0.319,23.036 0.727,23.5 1.27,23.767Z"/>
+          <rect fill="${this.getColor()}" x="11.1" y="7.2" width="1.8" height="8.4" rx="0.9"/>
+          <rect fill="${this.getColor()}" x="10.8" y="18" width="2.4" height="2.4" rx="1.2"/>
+          </svg>`;
+        }
+    }
+    render() {
+        return (h(Host, { key: 'ec2779fbc64fbf76f8f5864a91448c8f16c7be4d', class: {
+                [`duet-status-icon-${this.variation}`]: true,
+                "duet-strong-bg": this.strong,
+            } }, h("duet-icon", { key: 'c2199d9c38c021b503b0c769c85c1bbb1be20c85', icon: this.getIcon(), size: this.size, margin: this.margin })));
+    }
+}, [1, "duet-status-icon", {
+        "variation": [1],
+        "size": [513],
+        "margin": [1],
+        "strong": [4]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["duet-status-icon", "duet-icon"];
+    components.forEach(tagName => { switch (tagName) {
+        case "duet-status-icon":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, DuetStatusIcon);
+            }
+            break;
+        case "duet-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+
+export { DuetStatusIcon as D, defineCustomElement as d };

package/lib/dist-custom-elements/{p-53b3bd2d.js → p-84a626a1.js}

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h, d as Host } from './p-1b7f952f.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-c084f5f2.js';
 import { i as sizeNavigation, j as sizeHeader } from './p-4c179c1e.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
 import { d as debounce } from './p-9e371678.js';
@@ -102,7 +102,7 @@ const DuetTable = /*@__PURE__*/ proxyCustomElement(class DuetTable extends H {
         });
     }
     render() {
-        return (h(Host, { key: 'b3ed604b2b5f0b8e31f7b90abc64693662bfef3d', class: {
+        return (h(Host, { key: '76d5b17d941f8b7e1bf96cc00aa33776355ddd19', class: {
                 [`duet-table-${this.variation}`]: true,
                 "duet-table-flattened": !this.matchesBreakpoint,
                 // sticky only valid when in regular table layout
@@ -111,7 +111,7 @@ const DuetTable = /*@__PURE__*/ proxyCustomElement(class DuetTable extends H {
                 "duet-m-0": this.margin === "none",
                 "duet-theme-turva": this.theme === "turva",
                 "duet-table-hide-head-visually": this.hideHeadVisually,
-            } }, h("slot", { key: '29df6d3c640fbf3a7fa51b73323c3628246d3095' })));
+            } }, h("slot", { key: '1d1896e37d20ab522cb702084b4ec425054ca09a' })));
     }
     get element() { return this; }
     static get watchers() { return {

package/lib/dist-custom-elements/{p-ec26aeea.js → p-859504c9.js}

@@ -1,12 +1,12 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-1b7f952f.js';
+import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-c084f5f2.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
 import { c as createID } from './p-5e59e970.js';
 import { s as subscribeTabbingChange, u as unsubscribeTabbingChange, e as enableUserIsTabbing } from './p-8db11326.js';
 import { g as getLocaleString } from './p-35375593.js';
-import { d as defineCustomElement$1 } from './p-136dc3af.js';
+import { d as defineCustomElement$1 } from './p-dff748c3.js';
 
 const duetChipCss = "*,*::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;margin-right:8px !important;margin-bottom:12px !important;position:relative;display:inline-block;width:auto;max-width:100%;vertical-align:bottom;-webkit-tap-highlight-color:transparent}:host:last-child,:host:last-of-type{margin-right:0 !important}:host(.input){margin-top:6px !important;margin-right:0 !important;margin-bottom:6px !important;margin-left:4px !important}.duet-chip-container{-webkit-user-select:none;user-select:none;position:relative;z-index:100;display:block;width:100%;padding:1px;hyphens:none;line-height:1.1;color:rgb(8, 42, 77) !important;text-align:center;cursor:pointer;background:rgb(255, 255, 255);border-color:rgb(181, 198, 208);border-style:solid;border-width:1px;border-radius:8px;transition:background-color 300ms ease, color 300ms ease, border-color 300ms ease}.duet-chip-container.duet-p-0{padding:0 !important}.duet-chip-container.duet-m-0{margin:0 !important}.duet-chip-container.duet-theme-turva{color:rgb(23, 28, 58) !important;background:rgb(255, 255, 255);border-color:rgb(199, 202, 207)}.duet-chip-container.duet-theme-turva:hover{border-color:rgb(198, 12, 48)}.duet-chip-container:hover{padding:0 !important;border-color:rgb(0, 119, 179);border-width:2px}.duet-chip-container.duet-chip-disabled{color:rgb(98, 121, 138) !important;cursor:default;background:rgb(245, 248, 250) !important;border-color:rgb(245, 248, 250) !important}.duet-chip-container.duet-chip-disabled.duet-theme-turva{color:rgb(143, 147, 158) !important;background:rgb(245, 247, 250);border-color:rgb(245, 247, 250)}.duet-chip-container.duet-chip-disabled:hover{background:rgb(245, 248, 250);border-color:rgb(245, 248, 250)}.duet-chip-container.duet-chip-disabled:hover.duet-theme-turva{background:rgb(245, 247, 250);border-color:rgb(245, 247, 250)}.duet-chip-container.duet-chip-disabled button,.duet-chip-container.duet-chip-disabled label{cursor:default}.duet-chip-container button,.duet-chip-container label{display:flex;align-items:center;width:100%;height:100%;padding:8px 14px;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:600;line-height:1rem;color:rgb(8, 42, 77) !important;cursor:pointer}.duet-chip-container button:focus,.duet-chip-container label:focus{outline:none}.duet-chip-container .duet-chip-icon-container{display:flex;align-items:center;height:16px;padding:0;transition:padding 300ms ease}.duet-chip-container.duet-chip-has-icon .duet-chip-icon-container{width:24px;height:16px;padding-right:10px}.duet-chip-container.duet-chip-has-icon.duet-chip-filter-checked .duet-chip-icon-container,.duet-chip-container.duet-chip-has-icon.duet-chip-radio-checked .duet-chip-icon-container{padding-right:11px;padding-left:3px}.duet-chip-container.duet-chip-has-icon button,.duet-chip-container.duet-chip-has-icon label{padding-left:10px}.duet-chip-container.duet-chip-has-popup button,.duet-chip-container.duet-chip-has-popup label{padding-right:8px}.duet-chip-container duet-icon:not(.check-mark){width:auto;visibility:visible;transition:width 300ms ease, transform 300ms ease;transform:scaleX(1)}.duet-chip-container duet-icon.check-mark{width:0;overflow:hidden;visibility:hidden;transition:width 300ms ease, transform 300ms ease;transform:scaleX(0)}.duet-chip-container.duet-chip-filter-checked,.duet-chip-container.duet-chip-radio-checked{padding:0 !important;background:rgb(228, 241, 247);border-color:rgb(0, 119, 179);border-width:2px}.duet-chip-container.duet-chip-filter-checked:hover,.duet-chip-container.duet-chip-radio-checked:hover{background:rgb(198, 225, 238)}.duet-chip-container.duet-chip-filter-checked.chip-has-icon button,.duet-chip-container.duet-chip-filter-checked.chip-has-icon label,.duet-chip-container.duet-chip-radio-checked.chip-has-icon button,.duet-chip-container.duet-chip-radio-checked.chip-has-icon label{padding-left:10px}.duet-chip-container.duet-chip-filter-checked .duet-chip-icon-container,.duet-chip-container.duet-chip-radio-checked .duet-chip-icon-container{padding-right:10px}.duet-chip-container.duet-chip-filter-checked .duet-chip-icon-container duet-icon:not(.check-mark),.duet-chip-container.duet-chip-radio-checked .duet-chip-icon-container duet-icon:not(.check-mark){width:0;overflow:hidden;visibility:hidden;transition:width 300ms ease, transform 300ms ease;transform:scaleX(0)}.duet-chip-container.duet-chip-filter-checked .duet-chip-icon-container duet-icon.check-mark,.duet-chip-container.duet-chip-radio-checked .duet-chip-icon-container duet-icon.check-mark{width:auto;visibility:visible;transition:width 300ms ease, transform 300ms ease;transform:scaleX(1)}.duet-chip-container.duet-chip-filter-checked.duet-theme-turva,.duet-chip-container.duet-chip-radio-checked.duet-theme-turva{background:rgb(245, 247, 250);border-color:rgb(198, 12, 48)}.duet-chip-container.duet-chip-filter-checked.duet-theme-turva:hover,.duet-chip-container.duet-chip-radio-checked.duet-theme-turva:hover{background:rgb(222, 224, 228)}.duet-chip-container .duet-chip-popup-disclosure{padding-right:4.5px;padding-left:12.5px}.duet-chip-container .duet-chip-popup-disclosure duet-icon{transition:transform 300ms ease}.duet-chip-container.duet-chip-filter-popup-open{background:rgb(240, 247, 250);border-color:rgb(240, 247, 250)}.duet-chip-container.duet-chip-filter-popup-open.duet-theme-turva{background:rgb(245, 247, 250);border-color:rgb(245, 247, 250)}.duet-chip-container.duet-chip-filter-popup-open .duet-chip-popup-disclosure duet-icon{transform:rotate(180deg)}.duet-chip-container.duet-chip-input:hover{padding:1px !important;border-color:rgb(181, 198, 208);border-width:1px}.duet-chip-container.duet-chip-input.duet-chip-hover,.duet-chip-container.duet-chip-input.duet-chip-selected{padding:0 !important;border-color:rgb(0, 119, 179);border-width:2px}.duet-chip-container.duet-chip-input.duet-chip-hover .duet-chip-remove-button,.duet-chip-container.duet-chip-input.duet-chip-selected .duet-chip-remove-button{right:0;width:34px;height:34px;background:transparent}.duet-chip-container.duet-chip-input.duet-chip-delete-focus{background:rgb(240, 247, 250)}.duet-chip-container.duet-chip-input .duet-chip-input-button{margin-right:22px}.duet-chip-container.duet-chip-input .duet-chip-remove-button{position:absolute;top:-1px;right:-1px;width:36px;height:36px;padding-left:10px;border:3px solid transparent;border-radius:8px}.duet-chip-container.duet-chip-input .duet-chip-remove-button:hover{background:rgb(217, 236, 245);background-clip:padding-box}.duet-chip-container.duet-chip-input.duet-chip-selected{background:rgb(240, 247, 250)}.duet-chip-container.duet-chip-input.duet-chip-selected.duet-chip-hover{background:rgb(217, 236, 245)}.duet-chip-container.duet-chip-input.duet-chip-selected .duet-chip-remove-button:hover{background:rgb(198, 225, 238);background-clip:padding-box}.duet-chip-container.duet-chip-input.duet-theme-turva:hover{border-color:rgb(199, 202, 207)}.duet-chip-container.duet-chip-input.duet-theme-turva.duet-chip-hover{border-color:rgb(198, 12, 48)}.duet-chip-container.duet-chip-input.duet-theme-turva .duet-chip-remove-button:hover{background:rgb(255, 241, 241)}.duet-chip-container.duet-chip-input.duet-theme-turva.duet-chip-selected{background:rgb(255, 241, 241)}.duet-chip-container.duet-chip-input.duet-theme-turva.duet-chip-selected.duet-chip-hover{background:rgb(255, 213, 215);background-clip:padding-box}.duet-chip-container.duet-chip-input.duet-theme-turva.duet-chip-selected .duet-chip-remove-button:hover{background:rgb(255, 185, 190);background-clip:padding-box}.duet-chip-container.large button,.duet-chip-container.large label{padding:15px 22px}:host(.user-is-tabbing) .duet-chip-focus,:host(.user-is-tabbing) .duet-chip-delete-focus .duet-chip-remove-button{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing) .duet-chip-focus.duet-theme-turva,:host(.user-is-tabbing) .duet-chip-delete-focus .duet-chip-remove-button.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-chip-container input,*::slotted([slot=input]){position:absolute !important;top:0;left:0;z-index:-1;width:100%;height:100%;margin:0;cursor:pointer;border-width:2px;border-radius:8px;opacity:0;appearance:none}*::slotted([slot=input]:not([aria-disabled=true])){z-index:1}";
 const DuetChipStyle0 = duetChipCss;
@@ -315,7 +315,7 @@ const DuetChip = /*@__PURE__*/ proxyCustomElement(class DuetChip extends H {
             onBlur: this.onBlur,
             ref: el => (this.focusableElement = el),
         };
-        return (h(Host, { key: 'b1df7c5770002dd9425d26bf8fa17d3721f601d2', class: { [this.variation]: true } }, this.variation === "button" && (h("span", { key: 'faa1626d1b3317a950205d14d078fbe0237d7415', class: classes }, h("button", Object.assign({ key: '10cc3c7ffd551371d87683ed1f77ac4e8f26a054', id: identifier, "aria-label": this.accessibleLabel, "aria-haspopup": this.getAccessiblePopup(), "aria-expanded": this.getAccessibleExpanded(), "aria-disabled": this.disabled ? "true" : undefined, name: this.name, value: this.value, onClick: this.disabled ? evt => evt.stopPropagation() : undefined }, focusHandlers), h("span", { key: '09730f09588f700c71c44b5a553e2d9f8697ba23', class: "duet-chip-icon-container" }, this.icon && (h("duet-icon", { key: '5c24873e683e50fe2638d484259298cda0e787e3', name: this.icon, size: "x-small", margin: "none", color: "currentColor" }))), h("slot", { key: '4b3637344329df9466503eac30a67d349fa182df' })))), this.variation === "input" && (h("span", { key: '110a424cd1b0c929a93150e286aece0d225570c5', class: classes, "aria-label": this.getAccessibleInputChipLabel() }, h("button", Object.assign({ key: '42b26053fda75b29e3c7cdfa659547142478635a', id: identifier, class: "duet-chip-input-button", value: this.value, "aria-label": this.accessibleLabel, onMouseOver: () => (this.inputChipHover = true), onMouseOut: () => (this.inputChipHover = false), onClick: () => (this.selected = !this.selected) }, focusHandlers), h("span", { key: '6363c8549b51dd39b76e8f72f57c23450b963923', class: "duet-chip-icon-container" }, this.icon && (h("duet-icon", { key: '7431ce93955a8cebc8d2f38cee1e7e36ceaee7cf', name: this.icon, size: "x-small", margin: "none", color: "currentColor" }))), h("slot", { key: 'd26a8c7e52b1c4c7f52f82943e8fb678a9350fc2' })), h("button", { key: '1cca88cfde7c8dba8f455140f17ee2aade08cde5', class: "duet-chip-remove-button", "aria-label": this.getAccessibleDeleteLabel(), onClick: this.onRemoveClick, onFocus: () => (this.inputChipDeleteFocus = true), onBlur: () => (this.inputChipDeleteFocus = false), ref: el => (this.deleteButtonElement = el) }, h("duet-icon", { key: '9a68ecb75fb3a364875dfd4d641f47c800d0582a', name: "activity-close", size: "xx-small", margin: "none", color: "currentColor" })))), this.variation === "filter" && (h("span", { key: 'c3d47adc6647a5d70ffc49887a300faf937759c4', class: classes }, h("input", Object.assign({ key: 'c557b5098446b6e3cf9b44e6d55b1adb09a5be24', "aria-haspopup": this.getAccessiblePopup(), "aria-controls": (_a = this.popupElement) === null || _a === void 0 ? void 0 : _a.id, "aria-expanded": this.getAccessibleExpanded(), "aria-disabled": this.disabled ? "true" : undefined, id: identifier, type: "checkbox", name: this.name, value: this.value, checked: this.checked, onClick: this.onFilterClick, onChange: this.onFilterChange }, focusHandlers)), h("label", { key: '9dac1a2fca9e959933fda89eef2dd17434e71361', htmlFor: identifier }, this.icon && (h("span", { key: 'ae307754bbdd4907a829e31ee25082463b4f216b', class: "duet-chip-icon-container" }, h("duet-icon", { key: 'cba0d0deff98f3900974e1aa583927ae7747102c', name: this.icon, size: "x-small", margin: "none", color: "currentColor" }), h("duet-icon", { key: 'be2dda983e43069160117f83d20ada5d003e19f8', name: "messaging-checked-small", size: "xx-small", margin: "none", color: "currentColor", class: "check-mark" }))), h("slot", { key: '8efc83f4fa6c1960862f001737cc0a382f2e64e1' }), this.popupElement && (h("span", { key: '11d2f0c6552c34208db15624bdcbaa4fb2f4806b', class: "duet-chip-popup-disclosure" }, h("duet-icon", { key: 'fb05d3357ecb174ca39e77473ade54c7a771b5cc', name: "action-arrow-down-small", size: "xxx-small", margin: "none", color: "currentColor" })))))), this.variation === "radio" && (h("span", { key: 'b9788ff66787c6ad9f01e0430087cdaf8aaa7419', class: classes }, h("slot", { key: '52e3600944848b6a7fe4bd9b1afb5bb2dfe57909', name: "input" }), h("label", { key: '2f68754b97f21f763ffd59ae5081f661f831ee3a', htmlFor: identifier }, this.icon && (h("span", { key: '45bac9d17f7fd94c8214438175f1980d9f61bf8a', class: "duet-chip-icon-container" }, h("duet-icon", { key: 'f0512358b9ff4ca4f70cf0af9d6b8a4e2c5997b1', name: this.icon, size: "x-small", margin: "none", color: "currentColor" }), h("duet-icon", { key: 'ccfc7316e3e366ba20a315bac570fd30f68b1bc0', name: "messaging-checked-small", size: "xx-small", margin: "none", color: "currentColor", class: "check-mark" }))), h("slot", { key: '0d715c904b0a004fa16467801c598b6b485aea70' }))))));
+        return (h(Host, { key: 'e3c5ac0bcb6f15c05652b68982a64a4f8d7b4bb3', class: { [this.variation]: true } }, this.variation === "button" && (h("span", { key: 'dc86df1e11e894aff70d34087371c93b6329ef1e', class: classes }, h("button", Object.assign({ key: '1e13b37c1c71a4907d128312ea8bd90258880c1e', id: identifier, "aria-label": this.accessibleLabel, "aria-haspopup": this.getAccessiblePopup(), "aria-expanded": this.getAccessibleExpanded(), "aria-disabled": this.disabled ? "true" : undefined, name: this.name, value: this.value, onClick: this.disabled ? evt => evt.stopPropagation() : undefined }, focusHandlers), h("span", { key: '05667331b19b01c56a04d5f9498bc7381a660096', class: "duet-chip-icon-container" }, this.icon && (h("duet-icon", { key: 'af00b089def6ac2628c2c416e27cf0d05699a09b', name: this.icon, size: "x-small", margin: "none", color: "currentColor" }))), h("slot", { key: '08a0582eaa49c55586d168fa03b3d62d6954f7f5' })))), this.variation === "input" && (h("span", { key: '2b30fc1d97ced4d10148e7f1c3c0112fe0ea2b60', class: classes, "aria-label": this.getAccessibleInputChipLabel() }, h("button", Object.assign({ key: '57728c6fbeca7182d286c0dd2d7a026b5597c83f', id: identifier, class: "duet-chip-input-button", value: this.value, "aria-label": this.accessibleLabel, onMouseOver: () => (this.inputChipHover = true), onMouseOut: () => (this.inputChipHover = false), onClick: () => (this.selected = !this.selected) }, focusHandlers), h("span", { key: 'dac4d434921406763d0fa0cafea39a50678f1681', class: "duet-chip-icon-container" }, this.icon && (h("duet-icon", { key: 'e263448effb29b656e4823abc6d04b7bc8fe781a', name: this.icon, size: "x-small", margin: "none", color: "currentColor" }))), h("slot", { key: 'aaba46892e9d7066b5e0098e7524fc3b2f7985e3' })), h("button", { key: '751e257177b3a8347329709be074c01d135d3540', class: "duet-chip-remove-button", "aria-label": this.getAccessibleDeleteLabel(), onClick: this.onRemoveClick, onFocus: () => (this.inputChipDeleteFocus = true), onBlur: () => (this.inputChipDeleteFocus = false), ref: el => (this.deleteButtonElement = el) }, h("duet-icon", { key: '3cb2221c44913d1c70c3594ee5fde8fa4f4bc31d', name: "activity-close", size: "xx-small", margin: "none", color: "currentColor" })))), this.variation === "filter" && (h("span", { key: '95ea48c4b60f50a3560d102823daa8e42083e20a', class: classes }, h("input", Object.assign({ key: '5ece926b189caaa5fde8f2695360995fd98cf8d1', "aria-haspopup": this.getAccessiblePopup(), "aria-controls": (_a = this.popupElement) === null || _a === void 0 ? void 0 : _a.id, "aria-expanded": this.getAccessibleExpanded(), "aria-disabled": this.disabled ? "true" : undefined, id: identifier, type: "checkbox", name: this.name, value: this.value, checked: this.checked, onClick: this.onFilterClick, onChange: this.onFilterChange }, focusHandlers)), h("label", { key: 'a4cf02cbd56ba320b9214510cfd43bf460115a5b', htmlFor: identifier }, this.icon && (h("span", { key: 'c524bdec18879cef4eff6c7d5c9b9896c537fee1', class: "duet-chip-icon-container" }, h("duet-icon", { key: '471160845fecd2564b61ee48e7354c1a97bbddc8', name: this.icon, size: "x-small", margin: "none", color: "currentColor" }), h("duet-icon", { key: 'b5c3d480ac094c86b2a2ccfc2ef3a2553220b182', name: "messaging-checked-small", size: "xx-small", margin: "none", color: "currentColor", class: "check-mark" }))), h("slot", { key: '4c0df1f1b35c9c29a3a52e495511041ce40d2603' }), this.popupElement && (h("span", { key: 'cf411822faef6c1f41ef097083834968fce0520d', class: "duet-chip-popup-disclosure" }, h("duet-icon", { key: '89b311631787a8684a935c102925c9795076c2d5', name: "action-arrow-down-small", size: "xxx-small", margin: "none", color: "currentColor" })))))), this.variation === "radio" && (h("span", { key: '023dc35672ae48ac7ee0e418886fc03ca343b6b5', class: classes }, h("slot", { key: '6f71bcb76853e665c86d93827f159df48d092af7', name: "input" }), h("label", { key: 'ed83ea093121d6c2ddc8d361051680416ce2f78d', htmlFor: identifier }, this.icon && (h("span", { key: 'a5c23157a66e95624c9e50537f363a461558957e', class: "duet-chip-icon-container" }, h("duet-icon", { key: '37ffce61bbf2743e5d3e5726c20855095e09ca22', name: this.icon, size: "x-small", margin: "none", color: "currentColor" }), h("duet-icon", { key: '39491231b4bda9a0215b266e5734f4fd9c6fd13c', name: "messaging-checked-small", size: "xx-small", margin: "none", color: "currentColor", class: "check-mark" }))), h("slot", { key: '4e7a55b644e168ab2114df5a6d12f501d541dc52' }))))));
     }
     get element() { return this; }
     static get watchers() { return {

package/lib/dist-custom-elements/{p-6646e07d.js → p-86431925.js}

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h, d as Host } from './p-1b7f952f.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-c084f5f2.js';
 
 const duetVisuallyHiddenCss = ":host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:absolute !important;top:0;width:1px !important;height:1px !important;padding:0 !important;overflow:hidden !important;clip:rect(1px, 1px, 1px, 1px) !important;border:0 !important}";
 const DuetVisuallyHiddenStyle0 = duetVisuallyHiddenCss;
@@ -17,7 +17,7 @@ const DuetVisuallyHidden = /*@__PURE__*/ proxyCustomElement(class DuetVisuallyHi
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: '05190fb820e1ab0fe45ada907bdccf668d437daf', class: "duet-visually-hidden" }, h("slot", { key: 'e8541096543249aae0b11507ad7194c154f149ca' })));
+        return (h(Host, { key: '000e564e8d2bec83686a04939d857c8ee87bdab2', class: "duet-visually-hidden" }, h("slot", { key: 'd2e56182f3f5924a525883f59f4b2b9f16011a39' })));
     }
     get element() { return this; }
     static get style() { return DuetVisuallyHiddenStyle0; }