@duetds/components 6.2.12 → 6.3.1

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

@@ -5,7 +5,11 @@ import { h, Host } from "@stencil/core";
 import { inheritGlobalTheme } from "../../common/themeable-component";
 export class DuetSubmenuBar {
   constructor() {
+    this.onClick = () => {
+      this.open = !this.open;
+    };
     this.theme = "";
+    this.open = false;
   }
   /**
    * Component lifecycle events.
@@ -18,7 +22,12 @@ export class DuetSubmenuBar {
    * Always the last one in the class.
    */
   render() {
-    return (h(Host, null, h("div", { class: { "duet-submenu-bar": true, "duet-theme-turva": this.theme === "turva" }, role: "menubar" }, h("slot", null))));
+    return (h(Host, null, h("div", { class: { "duet-submenu-bar": true, "duet-theme-turva": this.theme === "turva" }, role: "menubar" }, h("button", { "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", id: "button", type: "button", class: {
+        active: this.open,
+      }, onClick: this.onClick }, h("div", { class: "label" }, h("slot", { name: "label" }), h("duet-icon", { class: "caret", name: "action-arrow-down-small", margin: "none", size: "xxx-small" }))), h("div", { role: "menu", id: "menu", "aria-labelledby": "button", "aria-expanded": this.open ? "true" : "false", class: {
+        items: true,
+        hidden: !this.open,
+      } }, h("slot", null)))));
   }
   static get is() { return "duet-submenu-bar"; }
   static get encapsulation() { return "shadow"; }
@@ -56,6 +65,24 @@ export class DuetSubmenuBar {
         "attribute": "theme",
         "reflect": false,
         "defaultValue": "\"\""
+      },
+      "open": {
+        "type": "boolean",
+        "mutable": true,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Open"
+        },
+        "attribute": "open",
+        "reflect": true,
+        "defaultValue": "false"
       }
     };
   }

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

@@ -20,8 +20,14 @@
   -moz-appearance: none;
   -webkit-appearance: none;
   appearance: none;
+  width: 100%;
   height: 100%;
 }
+@media (min-width: 62em) {
+  :host {
+    width: auto;
+  }
+}
 
 .duet-submenu-bar-dropdown {
   position: relative;
@@ -30,14 +36,15 @@
 .duet-submenu-bar-dropdown button {
   position: relative;
   display: flex;
-  flex-direction: column;
-  gap: 5px;
+  flex-direction: row;
+  gap: 16px;
   align-items: center;
-  justify-content: center;
+  justify-content: flex-start;
+  width: 100%;
   height: 100%;
   padding: 12px 1.5rem;
   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-size: 1rem;
   font-weight: 600;
   line-height: 1.25;
   color: #00294d;
@@ -45,72 +52,105 @@
   text-decoration: none;
   cursor: pointer;
 }
+@media (min-width: 62em) {
+  .duet-submenu-bar-dropdown button {
+    flex-direction: column;
+    gap: 5px;
+    align-items: center;
+    justify-content: center;
+    width: auto;
+    font-size: 0.875rem;
+    color: #004d80;
+  }
+}
 .duet-submenu-bar-dropdown button .label {
   display: flex;
   gap: 5px;
   align-items: center;
   justify-content: center;
 }
-.duet-submenu-bar-dropdown button .caret {
-  position: absolute;
-  right: 12px;
-}
-.duet-submenu-bar-dropdown button:hover {
-  color: #004d80;
-  background: #e6f2f8;
-}
-.duet-submenu-bar-dropdown button:hover.active {
-  color: #0077b3;
-}
-.duet-submenu-bar-dropdown button.active {
-  color: #0077b3;
-}
 .duet-submenu-bar-dropdown button.active .caret {
   transform: rotate(180deg);
 }
-.duet-theme-turva .duet-submenu-bar-dropdown button.active {
-  color: #c60c30;
-}
-.duet-submenu-bar-dropdown button.active::after {
-  position: absolute;
-  top: auto;
-  bottom: 2px;
-  left: 0;
-  display: block;
-  width: 100%;
-  height: 2px;
-  content: "";
-  background: #0077b3;
-  transition: 300ms ease;
-  transform: translateY(2px);
-}
-.duet-theme-turva .duet-submenu-bar-dropdown button.active::after {
-  background: #c60c30;
+@media (min-width: 62em) {
+  .duet-submenu-bar-dropdown button .caret {
+    position: absolute;
+    right: 12px;
+  }
+  .duet-submenu-bar-dropdown button:hover {
+    color: #00294d;
+    background: #e6f2f8;
+  }
+  .duet-submenu-bar-dropdown button:hover.active {
+    color: #0077b3;
+  }
+  .duet-submenu-bar-dropdown button.active {
+    color: #0077b3;
+  }
+  .duet-theme-turva .duet-submenu-bar-dropdown button.active {
+    color: #c60c30;
+  }
+  .duet-submenu-bar-dropdown button.active::after {
+    position: absolute;
+    top: auto;
+    bottom: 0;
+    left: 0;
+    display: block;
+    width: 100%;
+    height: 1px;
+    content: "";
+    background: #0077b3;
+    transition: 300ms ease;
+    transform: translateY(1px);
+  }
+  .duet-theme-turva .duet-submenu-bar-dropdown button.active::after {
+    background: #c60c30;
+  }
 }
 .duet-submenu-bar-dropdown .items {
-  position: absolute;
-  top: 101%;
-  z-index: 600;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
-  min-width: 320px;
+  max-height: 1000px;
+  padding: 0 0 16px;
+  overflow-y: auto;
   color: #00294d;
-  background: white;
-  border-radius: 0 0 4px 4px;
-  box-shadow: 0 6px 6px 0 rgba(0, 41, 77, 0.1);
+  visibility: visible;
+  transition: max-height 0.3s ease-in, padding 0.3s ease-in;
+}
+@media (min-width: 62em) {
+  .duet-submenu-bar-dropdown .items {
+    position: absolute;
+    top: 102%;
+    z-index: 600;
+    min-width: 320px;
+    padding: 0;
+    background: white;
+    border-radius: 0 0 4px 4px;
+    box-shadow: 0 6px 6px 0 rgba(0, 41, 77, 0.1);
+    transition: none;
+  }
 }
 .duet-submenu-bar-dropdown .items.hidden {
-  display: none;
+  max-height: 0;
+  padding: 0;
+  overflow: hidden;
+  visibility: hidden;
+  transition: max-height 0.3s ease-out, padding 0.3s ease-out;
 }
 .duet-submenu-bar-dropdown.duet-theme-turva button {
   font-family: "turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
   color: #171c3a;
 }
-.duet-submenu-bar-dropdown.duet-theme-turva button:hover {
-  color: #940925;
-  background: #e4e4e6;
+@media (min-width: 62em) {
+  .duet-submenu-bar-dropdown.duet-theme-turva button {
+    color: #940925;
+  }
+  .duet-submenu-bar-dropdown.duet-theme-turva button:hover {
+    color: #171c3a;
+    background: #e4e4e6;
+  }
 }
 .duet-submenu-bar-dropdown.duet-theme-turva button.active {
   color: #c60c30;

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

@@ -1,13 +1,28 @@
 /*!
  * Built with Duet Design System
  */
+import { media_query_large } from "@duetds/tokens/lib/tokens.json";
 import { h, Host } from "@stencil/core";
 import { inheritGlobalTheme } from "../../common/themeable-component";
 export class DuetSubmenuBarDropdown {
   constructor() {
+    /**
+     * Own Properties.
+     */
+    this.mql = [window.matchMedia(media_query_large.replace(/'/g, ""))];
+    this.boundMqlFunctions = [];
+    this.changeIconSize = () => {
+      if (this.mql[0].matches) {
+        this.iconSize = "x-small";
+      }
+      else {
+        this.iconSize = "small";
+      }
+    };
     this.onClick = () => {
       this.open = !this.open;
     };
+    this.iconSize = "small";
     this.theme = "";
     this.open = false;
     this.icon = undefined;
@@ -24,6 +39,26 @@ export class DuetSubmenuBarDropdown {
   componentWillLoad() {
     inheritGlobalTheme(this);
   }
+  connectedCallback() {
+    this.changeIconSize();
+    for (let i = 0; i < this.mql.length; i++) {
+      // addEventListener is not available in Stencil hydrate
+      if (this.mql[i].addEventListener) {
+        const bound = this.changeIconSize.bind(this);
+        this.mql[i].addEventListener("change", bound);
+        this.boundMqlFunctions[i] = bound;
+      }
+    }
+  }
+  disconnectedCallback() {
+    for (let i = 0; i < this.mql.length; i++) {
+      // removeEventListener is not available in Stencil hydrate
+      if (this.mql[i].removeEventListener) {
+        this.mql[i].removeEventListener("change", this.boundMqlFunctions[i]);
+      }
+    }
+    this.boundMqlFunctions = [];
+  }
   /**
    * render() function
    * Always the last one in the class.
@@ -31,7 +66,7 @@ export class DuetSubmenuBarDropdown {
   render() {
     return (h(Host, null, h("div", { class: { "duet-submenu-bar-dropdown": true, "duet-theme-turva": this.theme === "turva", active: this.open } }, h("button", { "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", id: "button", type: "button", class: {
         active: this.open,
-      }, onClick: this.onClick }, this.icon && h("duet-icon", { name: this.icon, size: "x-small", margin: "none" }), h("div", { class: "label" }, h("slot", { name: "label" }), h("duet-icon", { class: "caret", name: "action-arrow-down-small", margin: "none", size: "xxx-small" }))), h("div", { tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
+      }, onClick: this.onClick }, this.icon && h("duet-icon", { name: this.icon, size: this.iconSize, margin: "none" }), h("div", { class: "label" }, h("slot", { name: "label" }), h("duet-icon", { class: "caret", name: "action-arrow-down-small", margin: "none", size: "xxx-small" }))), h("div", { tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
         items: true,
         hidden: !this.open,
       } }, h("slot", null)))));
@@ -111,6 +146,11 @@ export class DuetSubmenuBarDropdown {
       }
     };
   }
+  static get states() {
+    return {
+      "iconSize": {}
+    };
+  }
   static get elementRef() { return "element"; }
   static get listeners() {
     return [{

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

@@ -31,26 +31,34 @@
   align-items: center;
   justify-content: flex-start;
   height: 100%;
-  padding: 0.675rem 16px;
+  padding: 8px 20px 8px 60px;
   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-size: 1rem;
   font-weight: 400;
   line-height: 1.25;
   color: #00294d;
   text-align: center;
   text-decoration: none;
 }
+@media (min-width: 62em) {
+  .duet-submenu-bar-dropdown-link {
+    padding: 0.675rem 16px;
+    font-size: 0.875rem;
+  }
+}
 .duet-submenu-bar-dropdown-link.duet-theme-turva {
   font-family: "turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
   color: #171c3a;
 }
-.duet-submenu-bar-dropdown-link:hover {
-  color: #004d80;
-  background: #f3f9fc;
-}
-.duet-submenu-bar-dropdown-link:hover.duet-theme-turva {
-  color: #940925;
-  background: #e4e4e6;
+@media (min-width: 62em) {
+  .duet-submenu-bar-dropdown-link:hover {
+    color: #004d80;
+    background: #f3f9fc;
+  }
+  .duet-submenu-bar-dropdown-link:hover.duet-theme-turva {
+    color: #940925;
+    background: #e4e4e6;
+  }
 }
 .duet-submenu-bar-dropdown-link.highlight {
   color: #0077b3;

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

@@ -20,34 +20,57 @@
   -moz-appearance: none;
   -webkit-appearance: none;
   appearance: none;
+  width: 100%;
   height: 100%;
 }
+@media (min-width: 62em) {
+  :host {
+    width: auto;
+  }
+}
 
 .duet-submenu-bar-link {
   display: flex;
-  flex-direction: column;
-  gap: 5px;
+  flex-direction: row;
+  gap: 16px;
   align-items: center;
-  justify-content: center;
+  justify-content: flex-start;
   height: 100%;
   padding: 12px 1.5rem;
   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-size: 1rem;
   font-weight: 600;
   line-height: 1.25;
   color: #00294d;
   text-align: center;
   text-decoration: none;
 }
+@media (min-width: 62em) {
+  .duet-submenu-bar-link {
+    flex-direction: column;
+    gap: 5px;
+    align-items: center;
+    justify-content: center;
+    font-size: 0.875rem;
+    color: #004d80;
+  }
+}
 .duet-submenu-bar-link.duet-theme-turva {
   font-family: "turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
   color: #171c3a;
 }
-.duet-submenu-bar-link:hover {
-  color: #004d80;
-  background: #e6f2f8;
+@media (min-width: 62em) {
+  .duet-submenu-bar-link.duet-theme-turva {
+    color: #940925;
+  }
 }
-.duet-submenu-bar-link:hover.duet-theme-turva {
-  color: #940925;
-  background: #e4e4e6;
+@media (min-width: 62em) {
+  .duet-submenu-bar-link:hover {
+    color: #00294d;
+    background: #e6f2f8;
+  }
+  .duet-submenu-bar-link:hover.duet-theme-turva {
+    color: #171c3a;
+    background: #e4e4e6;
+  }
 }

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

@@ -1,10 +1,25 @@
 /*!
  * Built with Duet Design System
  */
+import { media_query_large } from "@duetds/tokens/lib/tokens.json";
 import { h, Host } from "@stencil/core";
 import { inheritGlobalTheme } from "../../common/themeable-component";
 export class DuetSubmenuBarLink {
   constructor() {
+    /**
+     * Own Properties.
+     */
+    this.mql = [window.matchMedia(media_query_large.replace(/'/g, ""))];
+    this.boundMqlFunctions = [];
+    this.changeIconSize = () => {
+      if (this.mql[0].matches) {
+        this.iconSize = "x-small";
+      }
+      else {
+        this.iconSize = "small";
+      }
+    };
+    this.iconSize = "small";
     this.theme = "";
     this.href = "#";
     this.icon = undefined;
@@ -15,12 +30,32 @@ export class DuetSubmenuBarLink {
   componentWillLoad() {
     inheritGlobalTheme(this);
   }
+  connectedCallback() {
+    this.changeIconSize();
+    for (let i = 0; i < this.mql.length; i++) {
+      // addEventListener is not available in Stencil hydrate
+      if (this.mql[i].addEventListener) {
+        const bound = this.changeIconSize.bind(this);
+        this.mql[i].addEventListener("change", bound);
+        this.boundMqlFunctions[i] = bound;
+      }
+    }
+  }
+  disconnectedCallback() {
+    for (let i = 0; i < this.mql.length; i++) {
+      // removeEventListener is not available in Stencil hydrate
+      if (this.mql[i].removeEventListener) {
+        this.mql[i].removeEventListener("change", this.boundMqlFunctions[i]);
+      }
+    }
+    this.boundMqlFunctions = [];
+  }
   /**
    * render() function
    * Always the last one in the class.
    */
   render() {
-    return (h(Host, null, h("a", { class: { "duet-submenu-bar-link": true, "duet-theme-turva": this.theme === "turva" }, href: this.href, role: "menuitem" }, this.icon && h("duet-icon", { name: this.icon, size: "x-small", margin: "none" }), h("slot", null))));
+    return (h(Host, null, h("a", { class: { "duet-submenu-bar-link": true, "duet-theme-turva": this.theme === "turva" }, href: this.href, role: "menuitem" }, this.icon && h("duet-icon", { name: this.icon, size: this.iconSize, margin: "none" }), h("slot", null))));
   }
   static get is() { return "duet-submenu-bar-link"; }
   static get encapsulation() { return "shadow"; }
@@ -97,5 +132,10 @@ export class DuetSubmenuBarLink {
       }
     };
   }
+  static get states() {
+    return {
+      "iconSize": {}
+    };
+  }
   static get elementRef() { return "element"; }
 }

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

@@ -24,6 +24,8 @@
 }
 
 .duet-toolbar {
+  position: relative;
+  z-index: 2;
   display: flex;
   align-items: center;
   justify-content: center;
@@ -37,6 +39,7 @@
   max-width: 1440px;
   height: 36px;
   padding: 0 28px;
+  border-bottom: 1px solid #e1e3e6;
 }
 .duet-toolbar ::slotted(*) {
   display: flex;
@@ -46,4 +49,7 @@
 }
 .duet-toolbar.duet-theme-turva {
   background: white;
+}
+.duet-toolbar.duet-theme-turva .container {
+  border-bottom: 1px solid #e4e4e6;
 }

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-b687b9e9.js';
+import { D as DuetActionButton$1, d as defineCustomElement$1 } from './p-e3fead64.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-13c91c15.js';
+import { D as DuetAlert$1, d as defineCustomElement$1 } from './p-1362f0bf.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-5024e917.js';
+import { D as DuetBadge$1, d as defineCustomElement$1 } from './p-57387b36.js';
 
 const DuetBadge = DuetBadge$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,9 +1,9 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h, b as Host } from './p-438b708f.js';
+import { p as proxyCustomElement, H, h, b as Host } from './p-576a86ec.js';
 import { i as inheritGlobalTheme } from './p-4ebf1618.js';
-import { d as defineCustomElement$2 } from './p-157fe872.js';
+import { d as defineCustomElement$2 } from './p-ed049602.js';
 
 const duetBreadcrumbCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%}.duet-breadcrumb{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;height:100%;font-size:0.875rem;color:#00294d;text-decoration:none}.duet-breadcrumb:hover{color:#004d80}.duet-breadcrumb.duet-theme-turva{color:#171c3a}.duet-breadcrumb.duet-theme-turva:hover{color:#940925}.duet-breadcrumb:focus{outline:0}.duet-breadcrumb:active{opacity:0.75}:host(.user-is-tabbing) .duet-breadcrumb:focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing) .duet-breadcrumb.duet-theme-turva:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}";
 

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

@@ -1,10 +1,10 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h, F as Fragment, b as Host } from './p-438b708f.js';
+import { p as proxyCustomElement, H, h, F as Fragment, b as Host } from './p-576a86ec.js';
 import { i as inheritGlobalTheme } from './p-4ebf1618.js';
 import { g as getLocaleString } from './p-ede854e1.js';
-import { d as defineCustomElement$2 } from './p-157fe872.js';
+import { d as defineCustomElement$2 } from './p-ed049602.js';
 
 var actionArrowRightSmall={"title":"action-arrow-right-small","tags":"action arrow right small caret","svg":"<svg fill=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" role=\"img\"><path d=\"M19.5 12a2.3 2.3 0 0 1-.78 1.729L7.568 23.54a1.847 1.847 0 0 1-2.439-2.773l9.752-8.579a.25.25 0 0 0 0-.376L5.129 3.233A1.847 1.847 0 0 1 7.568.46l11.148 9.808A2.31 2.31 0 0 1 19.5 12z\"/></svg>"};
 

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

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

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

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

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

@@ -1,14 +1,14 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, c as createEvent, h, F as Fragment, b as Host } from './p-438b708f.js';
+import { p as proxyCustomElement, H, c as createEvent, h, F as Fragment, b as Host } from './p-576a86ec.js';
 import { i as inheritGlobalTheme } from './p-4ebf1618.js';
 import { c as createID } from './p-c1325e35.js';
 import { i as isKeyboardClick } from './p-d8549efe.js';
 import { s as sanitizeString } from './p-5a9d75e1.js';
 import { g as getColorByName } from './p-535ce3ec.js';
-import { d as defineCustomElement$3 } from './p-157fe872.js';
-import { d as defineCustomElement$2 } from './p-56ef9f34.js';
+import { d as defineCustomElement$3 } from './p-ed049602.js';
+import { d as defineCustomElement$2 } from './p-e48d2549.js';
 
 var actionArrowUp={"title":"action-arrow-up","tags":"action arrow up caret","svg":"<svg fill=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" role=\"img\"><path d=\"M.75 17.939a.752.752 0 0 1-.53-1.281L10.94 5.94c.283-.284.659-.44 1.059-.44.401 0 .777.156 1.06.438l10.721 10.72a.752.752 0 0 1-.53 1.281.743.743 0 0 1-.53-.22L12 7 1.28 17.719a.743.743 0 0 1-.53.22z\"/></svg>"};
 

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

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

package/lib/dist-custom-elements/duet-choice-group.js

@@ -1,14 +1,14 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h, b as Host } from './p-438b708f.js';
+import { p as proxyCustomElement, H, h, b as Host } from './p-576a86ec.js';
 import { i as inheritGlobalTheme } from './p-4ebf1618.js';
 import { f as findCheckedOption, w as watchForOptions } from './p-12721178.js';
-import { d as defineCustomElement$6 } from './p-ef4c0144.js';
-import { d as defineCustomElement$5 } from './p-11b12cfd.js';
-import { d as defineCustomElement$4 } from './p-157fe872.js';
-import { d as defineCustomElement$3 } from './p-fb9012e7.js';
-import { d as defineCustomElement$2 } from './p-3852af80.js';
+import { d as defineCustomElement$6 } from './p-8d44ec43.js';
+import { d as defineCustomElement$5 } from './p-49a0152c.js';
+import { d as defineCustomElement$4 } from './p-ed049602.js';
+import { d as defineCustomElement$3 } from './p-cae5bd13.js';
+import { d as defineCustomElement$2 } from './p-5de79ec7.js';
 
 const duetChoiceGroupCss = "*.sc-duet-choice-group,*.sc-duet-choice-group::after,*.sc-duet-choice-group::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-choice-group-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%}.horizontal.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group{display:block}@media (min-width: 48em){.horizontal.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group{display:flex;margin-bottom:0}}.horizontal.sc-duet-choice-group-h .duet-choice-group.duet-no-stacking.sc-duet-choice-group{display:flex}.duet-choice-group.sc-duet-choice-group{position:relative;width:100%;margin-bottom:-12px}";