@duetds/components 9.17.0 → 9.18.0

package/lib/esm/duet-toolbar.entry.js

@@ -1,10 +1,10 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, h, H as Host, g as getElement } from './index-79fc1b32.js';
-import { i as inheritGlobalTheme } from './themeable-component-356b273d.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-22246570.js';
+import { i as inheritGlobalTheme } from './themeable-component-f4a04f2f.js';
 
-const duetToolbarCss = "*,*::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:relative;width:100%}.duet-toolbar{position:relative;z-index:3;display:flex;align-items:center;justify-content:center;background:rgb(255, 255, 255)}.duet-toolbar .container{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1384px;height:36px;margin:0 28px;border-bottom:1px solid rgb(212, 223, 229)}.duet-toolbar .list{display:flex;align-items:center;justify-content:space-between;height:100%;list-style-type:none}.duet-toolbar ::slotted(*){display:flex;align-items:center;justify-content:center;height:100%}.duet-toolbar.primary{background:rgb(0, 119, 179)}.duet-toolbar.primary .container{border-bottom:0}.duet-toolbar.secondary{background:rgb(8, 42, 77)}.duet-toolbar.secondary .container{border-bottom:0}.duet-toolbar.duet-theme-turva{background:rgb(255, 255, 255)}.duet-toolbar.duet-theme-turva .container{border-bottom:1px solid rgb(222, 224, 228)}.duet-toolbar.duet-theme-turva.primary{background:rgb(198, 12, 48)}.duet-toolbar.duet-theme-turva.primary .container{border-bottom:0}:host(.duet-theme-turva2) .duet-toolbar.duet-theme-turva .container{border-bottom-color:#fbe1d1}:host(.duet-theme-turva2) .duet-toolbar.duet-theme-turva.primary{background:#e61740}";
+const duetToolbarCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;position:relative;width:100%}.duet-toolbar{position:relative;z-index:3;display:flex;align-items:center;justify-content:center;background:rgb(255, 255, 255)}.duet-toolbar .container{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1384px;height:36px;margin:0 28px;border-bottom:1px solid rgb(212, 223, 229)}.duet-toolbar .list{display:flex;align-items:center;justify-content:space-between;height:100%;list-style-type:none}.duet-toolbar ::slotted(*){display:flex;align-items:center;justify-content:center;height:100%}.duet-toolbar.primary{background:rgb(0, 119, 179)}.duet-toolbar.primary .container{border-bottom:0}.duet-toolbar.secondary{background:rgb(8, 42, 77)}.duet-toolbar.secondary .container{border-bottom:0}.duet-toolbar.duet-theme-turva{background:rgb(255, 255, 255)}.duet-toolbar.duet-theme-turva .container{border-bottom:1px solid rgb(222, 224, 228)}.duet-toolbar.duet-theme-turva.primary{background:rgb(198, 12, 48)}.duet-toolbar.duet-theme-turva.primary .container{border-bottom:0}:host(.duet-theme-turva2) .duet-toolbar.duet-theme-turva .container{border-bottom-color:rgb(251, 225, 209)}:host(.duet-theme-turva2) .duet-toolbar.duet-theme-turva.primary{background:rgb(230, 23, 64)}";
 const DuetToolbarStyle0 = duetToolbarCss;
 
 const DuetToolbar = class {

package/lib/esm/duet-tooltip-button_2.entry.js

@@ -1,13 +1,13 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, h, H as Host, g as getElement, c as createEvent } from './index-79fc1b32.js';
-import { i as inheritGlobalTheme } from './themeable-component-356b273d.js';
+import { r as registerInstance, h, H as Host, g as getElement, c as createEvent } from './index-22246570.js';
+import { i as inheritGlobalTheme } from './themeable-component-f4a04f2f.js';
 import { s as subscribeTabbingChange, u as unsubscribeTabbingChange } from './keyboard-utils-daf80d44.js';
-import { F as FocusGuard } from './focus-utils-1bece0cd.js';
+import { F as FocusGuard } from './focus-utils-d6e4011c.js';
 import { T as Teleport } from './teleport-aa27d5f9.js';
 
-const duetTooltipButtonCss = "*,*::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}.duet-tooltip-button{z-index:100;display:inline-block;align-items:center;justify-content:center;min-width:48px;height:48px;padding:0 !important;margin-right:-12px;line-height:normal !important;color:rgb(0, 119, 179);white-space:nowrap;cursor:pointer;background:transparent !important;border-radius:4px}.duet-tooltip-button.duet-theme-turva{color:rgb(198, 12, 48)}.duet-tooltip-button.duet-tooltip-button-negative{color:rgb(255, 255, 255)}.duet-tooltip-button:hover{color:rgb(0, 75, 129)}.duet-tooltip-button:hover.duet-theme-turva{color:rgb(126, 2, 35)}.duet-tooltip-button:hover.duet-tooltip-button-negative{color:rgb(255, 255, 255)}.duet-tooltip-button:focus{background:transparent !important;outline:0}:host(.user-is-tabbing) .duet-tooltip-button:focus{background:transparent !important;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3 !important}:host(.user-is-tabbing) .duet-tooltip-button.duet-theme-turva:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a !important}.duet-tooltip-button svg{width:20px;height:20px;pointer-events:none}.duet-tooltip-button-has-label{margin-right:0}.duet-tooltip-label{position:relative;z-index:100;display:inline-block;max-width:calc(100% - 30px);margin-left:12px !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:600;line-height:1.25;text-align:left;white-space:normal;vertical-align:top}.duet-theme-turva .duet-tooltip-label{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"}:host(.duet-theme-turva2) .duet-tooltip-button.duet-theme-turva{color:#e61740}:host(.duet-theme-turva2) .duet-tooltip-button.duet-theme-turva:hover{color:#e61740}";
+const duetTooltipButtonCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}.duet-tooltip-button{z-index:100;display:inline-block;align-items:center;justify-content:center;min-width:48px;height:48px;padding:0 !important;margin-right:-12px;line-height:normal !important;color:rgb(0, 119, 179);white-space:nowrap;cursor:pointer;background:transparent !important;border-radius:4px}.duet-tooltip-button:focus{outline:0}:host(.user-is-tabbing) .duet-tooltip-button:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva :host(.user-is-tabbing) .duet-tooltip-button:focus,:host(.user-is-tabbing) .duet-tooltip-button:focus.duet-theme-turva,.duet-theme-turva2 :host(.user-is-tabbing) .duet-tooltip-button:focus,:host(.user-is-tabbing) .duet-tooltip-button:focus.duet-theme-turva2{outline-color:rgba(53, 79, 101, 0.8)}.duet-tooltip-button.duet-theme-turva{color:rgb(198, 12, 48)}.duet-tooltip-button.duet-tooltip-button-negative{color:rgb(255, 255, 255)}.duet-tooltip-button:hover{color:rgb(0, 75, 129)}.duet-tooltip-button:hover.duet-theme-turva{color:rgb(126, 2, 35)}.duet-tooltip-button:hover.duet-tooltip-button-negative{color:rgb(255, 255, 255)}.duet-tooltip-button:focus,:host(.user-is-tabbing) .duet-tooltip-button:focus{background:transparent !important}.duet-tooltip-button svg{width:20px;height:20px;pointer-events:none}.duet-tooltip-button-has-label{margin-right:0}.duet-tooltip-label{position:relative;z-index:100;display:inline-block;max-width:calc(100% - 30px);margin-left:12px !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:600;line-height:1.25;vertical-align:top;text-align:left;white-space:normal}.duet-theme-turva .duet-tooltip-label{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"}:host(.duet-theme-turva2) .duet-tooltip-button.duet-theme-turva{color:rgb(230, 23, 64)}:host(.duet-theme-turva2) .duet-tooltip-button.duet-theme-turva:hover{color:rgb(230, 23, 64)}";
 const DuetTooltipButtonStyle0 = duetTooltipButtonCss;
 
 const DuetTooltipButton = class {
@@ -54,7 +54,7 @@ const DuetTooltipButton = class {
 };
 DuetTooltipButton.style = DuetTooltipButtonStyle0;
 
-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}:host(.duet-theme-turva2) .duet-tooltip{color:#172a3b;border-color:#d4dde2}:host(.duet-theme-turva2) .duet-tooltip.duet-theme-turva{color:#172a3b;border-color:#d4dde2}:host(.duet-theme-turva2) .duet-tooltip .arrow-container.top::before,:host(.duet-theme-turva2) .duet-tooltip .arrow-container.top-start::before,:host(.duet-theme-turva2) .duet-tooltip .arrow-container.top-end::before{border-top:11px solid #d4dde2}:host(.duet-theme-turva2) .duet-tooltip .arrow-container.bottom::before,:host(.duet-theme-turva2) .duet-tooltip .arrow-container.bottom-start::before,:host(.duet-theme-turva2) .duet-tooltip .arrow-container.bottom-end::before{border-bottom:11px solid #d4dde2}:host(.duet-theme-turva2) .duet-tooltip-content-area::-webkit-scrollbar-thumb{background:#d4dde2}:host(.duet-theme-turva2) .duet-tooltip-close:focus{color:#172a3b}";
+const duetTooltipPopupCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;position:absolute;z-index:950}.duet-tooltip{position:relative;visibility:hidden;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);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;transform-origin:100% 100%;transition:300ms ease}.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:0}:host(.user-is-tabbing) .duet-tooltip-content-area:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva :host(.user-is-tabbing) .duet-tooltip-content-area:focus,:host(.user-is-tabbing) .duet-tooltip-content-area:focus.duet-theme-turva,.duet-theme-turva2 :host(.user-is-tabbing) .duet-tooltip-content-area:focus,:host(.user-is-tabbing) .duet-tooltip-content-area:focus.duet-theme-turva2{outline-color:rgba(53, 79, 101, 0.8)}.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);-webkit-appearance:none;appearance:none;cursor:pointer;background:rgb(245, 248, 250);border-radius:50%}.duet-tooltip-close:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .duet-tooltip-close:focus,.duet-tooltip-close:focus.duet-theme-turva,.duet-theme-turva2 .duet-tooltip-close:focus,.duet-tooltip-close:focus.duet-theme-turva2{outline:2px solid;outline-offset:2px;outline-color:rgba(53, 79, 101, 0.8)}.duet-theme-turva .duet-tooltip-close{color:rgb(23, 28, 58)}:host(.duet-theme-turva2) .duet-tooltip{color:rgb(23, 42, 59);border-color:rgb(212, 221, 226)}:host(.duet-theme-turva2) .duet-tooltip.duet-theme-turva{color:rgb(23, 42, 59);border-color:rgb(212, 221, 226)}:host(.duet-theme-turva2) .duet-tooltip .arrow-container.top::before,:host(.duet-theme-turva2) .duet-tooltip .arrow-container.top-start::before,:host(.duet-theme-turva2) .duet-tooltip .arrow-container.top-end::before{border-top:11px solid rgb(212, 221, 226)}:host(.duet-theme-turva2) .duet-tooltip .arrow-container.bottom::before,:host(.duet-theme-turva2) .duet-tooltip .arrow-container.bottom-start::before,:host(.duet-theme-turva2) .duet-tooltip .arrow-container.bottom-end::before{border-bottom:11px solid rgb(212, 221, 226)}:host(.duet-theme-turva2) .duet-tooltip-content-area::-webkit-scrollbar-thumb{background:rgb(212, 221, 226)}:host(.duet-theme-turva2) .duet-tooltip-close{color:rgb(23, 42, 59)}";
 const DuetTooltipPopupStyle0 = duetTooltipPopupCss;
 
 const DuetTooltipPopup = class {
@@ -103,7 +103,10 @@ const DuetTooltipPopup = class {
                 "duet-tooltip": true,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-tooltip-active": this.active === true,
-            } }, h(FocusGuard, { key: '7ad49fff09a690cae1a3089dc34028fbce775265', moveFocusTo: this.buttonEl }), h("div", { key: 'c5a92a166d28092b2c58ecbf3fb5f9074e254081', ref: element => (this.contentEl = element), class: "duet-tooltip-content-area", tabindex: -1, id: this.tooltipId }, h("slot", { key: 'aa4ffe0b471baf807fcc21a4fcba7dd61872a614' })), h("div", { key: '541a8ca3aa8963840740481b632d95d31b040643', ref: element => (this.arrowEl = element), class: { arrow: true, [this.placement]: true }, style: this.arrowStyles }, h("div", { key: 'fdd6a17db7b4ca37ade95264d6c8024d45011af6', class: { "arrow-container": true, [this.placement]: true } })), h("button", { key: '914f2a0fb4376f8033059f8c5fe34f42bb6e6672', type: "button", class: "duet-tooltip-close", onClick: this.handleCloseClick, ref: el => (this.buttonEl = el) }, h("duet-icon", { key: 'ca76340b0f68ec1d424384f2adc3cea1de1d9e76', name: "navigation-close-small", margin: "none", color: "currentColor", size: "xxx-small" }), h("duet-visually-hidden", { key: '7a58123fa4fb824972ed724bf2ab67326f634617' }, this.accessibleCloseLabel)), h(FocusGuard, { key: '079e18d721f95ca86e3b58818bdc4362ff5f528b', moveFocusTo: this.contentEl }))));
+            } }, h(FocusGuard, { key: '7ad49fff09a690cae1a3089dc34028fbce775265', moveFocusTo: this.buttonEl }), h("div", { key: 'cdb555570f31fce932bc6d56147cf76efae9f501', ref: element => (this.contentEl = element), class: {
+                "duet-tooltip-content-area": true,
+                "duet-theme-turva": this.theme === "turva",
+            }, tabindex: -1, id: this.tooltipId }, h("slot", { key: '4a5489f0934a1c68009144d1eca7ee9ce88f57b0' })), h("div", { key: '3c887e43abbd48008c25bca97a15f99be665e67b', ref: element => (this.arrowEl = element), class: { arrow: true, [this.placement]: true }, style: this.arrowStyles }, h("div", { key: '10ed930e95f17f466e15b55ade1018c6ee53de24', class: { "arrow-container": true, [this.placement]: true } })), h("button", { key: '8969d8e0e0c18810ed481467abe7cb3f7102b684', type: "button", class: "duet-tooltip-close", onClick: this.handleCloseClick, ref: el => (this.buttonEl = el) }, h("duet-icon", { key: '1f57750997a186157b0779707e7857a53343f1d8', name: "navigation-close-small", margin: "none", color: "currentColor", size: "xxx-small" }), h("duet-visually-hidden", { key: 'f748f051fc0b70d708b3af718754f86414a472e6' }, this.accessibleCloseLabel)), h(FocusGuard, { key: 'aced3b198a15712462ebd77d8e86fb3ba0eedd00', moveFocusTo: this.contentEl }))));
     }
     get element() { return getElement(this); }
 };

package/lib/esm/duet-tooltip.entry.js

@@ -1,16 +1,16 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, h, H as Host, g as getElement } from './index-79fc1b32.js';
-import { m as media_query_medium, a as media_query_large } from './tokens-57aa1508.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-22246570.js';
+import { m as media_query_medium, a as media_query_large } from './tokens-1fd83076.js';
 import { c as computePosition, f as flip, s as shift, a as arrow, b as autoUpdate } from './floating-ui.dom.esm-ebc91b33.js';
-import { i as inheritGlobalTheme } from './themeable-component-356b273d.js';
+import { i as inheritGlobalTheme } from './themeable-component-f4a04f2f.js';
 import { c as createID } from './create-id-149a1b6d.js';
 import { f as isEscapeKey } from './keyboard-utils-daf80d44.js';
-import { a as getLanguage, g as getLocaleString, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './language-utils-a17dc5f3.js';
+import { a as getLanguage, g as getLocaleString, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './language-utils-09809102.js';
 import './string-utils-192eb3c8.js';
 
-const duetTooltipCss = "*.sc-duet-tooltip,*.sc-duet-tooltip::after,*.sc-duet-tooltip::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-tooltip-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;z-index:200;display:inline-flex;width:auto;margin-top:-16px !important;margin-left:-3px !important;-webkit-tap-highlight-color:transparent}duet-tooltip-button.sc-duet-tooltip{position:relative}duet-tooltip-popup.sc-duet-tooltip{position:absolute}";
+const duetTooltipCss = "*.sc-duet-tooltip,*.sc-duet-tooltip::after,*.sc-duet-tooltip::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}.sc-duet-tooltip-h{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;z-index:200;display:inline-flex;width:auto;margin-top:-16px !important;margin-left:-3px !important;-webkit-tap-highlight-color:transparent}duet-tooltip-button.sc-duet-tooltip{position:relative}duet-tooltip-popup.sc-duet-tooltip{position:absolute}";
 const DuetTooltipStyle0 = duetTooltipCss;
 
 const DuetTooltip = class {

package/lib/esm/duet-tray.entry.js

@@ -1,15 +1,15 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, h, F as Fragment, g as getElement } from './index-79fc1b32.js';
-import { s as sizeHeader } from './tokens.module-821694bb.js';
-import { i as inheritGlobalTheme } from './themeable-component-356b273d.js';
+import { r as registerInstance, h, F as Fragment, g as getElement } from './index-22246570.js';
+import { s as sizeHeader } from './tokens.module-7b07911f.js';
+import { i as inheritGlobalTheme } from './themeable-component-f4a04f2f.js';
 import { c as createID } from './create-id-149a1b6d.js';
 import { s as subscribeTabbingChange, u as unsubscribeTabbingChange } from './keyboard-utils-daf80d44.js';
-import { a as getLanguage, g as getLocaleString, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './language-utils-a17dc5f3.js';
+import { a as getLanguage, g as getLocaleString, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './language-utils-09809102.js';
 import './string-utils-192eb3c8.js';
 
-const duetTrayCss = "*,*::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-tray{position:fixed;top:4rem;right:0;left:0;z-index:399;display:flex;flex-direction:column;max-height:calc(100% - 8rem);padding:16px 20px 16px 24px;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.5;color:rgb(8, 42, 77);visibility:hidden;background:rgb(240, 247, 250);border-bottom:1px solid rgb(212, 223, 229);box-shadow:0 2px 6px 0 rgba(0, 41, 77, 0.07);opacity:0;transition:opacity 600ms ease, visibility 600ms ease, transform 600ms ease;transform:translateY(-4rem)}@media (min-width: 62em){.duet-tray{padding:16px 36px}}@media (min-width: 106.25em){.duet-tray{padding:16px 52px 16px 60px}}.duet-tray:focus{outline:0}:host(.user-is-tabbing) .duet-tray:focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing) .duet-tray.duet-theme-turva:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-tray.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);background:rgb(245, 247, 250);border-color:rgb(222, 224, 228)}.duet-tray.duet-tray-is-active{visibility:visible;opacity:1;transform:translateY(0)}.duet-tray.duet-tray-is-hidden{visibility:hidden;opacity:0;transform:translateY(-4rem)}@media (min-width: 62em){.duet-tray.duet-tray-is-responsive{display:none !important}}.duet-tray.duet-tray-is-expandable{padding-right:66px}@media (min-width: 62em){.duet-tray.duet-tray-is-expandable{padding-right:78px}}@media (min-width: 106.25em){.duet-tray.duet-tray-is-expandable{padding-right:94px}}.duet-tray-expandable{position:relative;z-index:100;width:calc(100% + 46px);max-height:0;overflow-y:auto;visibility:hidden;opacity:0;transition:opacity 600ms ease, visibility 600ms ease, max-height 600ms ease;scrollbar-width:none}.duet-tray-expandable::-webkit-scrollbar{display:none}.duet-tray-expandable.active{max-height:500px;visibility:visible;opacity:1}.duet-tray-expandable-content{width:100%;margin-top:16px;border-top:1px solid rgb(212, 223, 229)}.duet-theme-turva .duet-tray-expandable-content{border-color:rgb(222, 224, 228)}.duet-tray-button{-webkit-user-select:none;user-select:none;padding:20px !important;position:absolute;top:-2px;right:0;z-index:200;color:rgb(8, 42, 77);text-align:center;cursor:pointer;border-radius:4px;transition:transform 300ms ease;-webkit-tap-highlight-color:transparent}@media (min-width: 62em){.duet-tray-button{margin-right:16px}}@media (min-width: 106.25em){.duet-tray-button{margin-right:36px}}.duet-theme-turva .duet-tray-button{color:rgb(23, 28, 58)}.duet-tray-button.duet-tray-is-expanded{transform:rotate(-180deg)}.duet-tray-button:focus{outline:0}:host(.user-is-tabbing) .duet-tray-button: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-tray-button:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-tray-button:active{box-shadow:none;opacity:0.75}:host(.duet-theme-turva2) .duet-tray.duet-theme-turva{color:#172a3b;background:#fdf7f2;border-color:#fbe1d1}:host(.duet-theme-turva2) .duet-theme-turva .duet-tray-expandable-content{border-color:#fbe1d1}:host(.duet-theme-turva2) .duet-theme-turva .duet-tray-button{color:#172a3b}";
+const duetTrayCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;display:block;width:100%}.duet-tray{position:fixed;top:4rem;right:0;left:0;z-index:399;display:flex;visibility:hidden;flex-direction:column;max-height:calc(100% - 8rem);padding:16px 20px 16px 24px;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.5;color:rgb(8, 42, 77);background:rgb(240, 247, 250);border-bottom:1px solid rgb(212, 223, 229);box-shadow:0 2px 6px 0 rgba(0, 41, 77, 0.07);opacity:0;transform:translateY(-4rem);transition:opacity 600ms ease, visibility 600ms ease, transform 600ms ease}.duet-tray:focus{outline:0}:host(.user-is-tabbing) .duet-tray:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva :host(.user-is-tabbing) .duet-tray:focus,:host(.user-is-tabbing) .duet-tray:focus.duet-theme-turva,.duet-theme-turva2 :host(.user-is-tabbing) .duet-tray:focus,:host(.user-is-tabbing) .duet-tray:focus.duet-theme-turva2{outline-color:rgba(53, 79, 101, 0.8)}@media (min-width: 62em){.duet-tray{padding:16px 36px}}@media (min-width: 106.25em){.duet-tray{padding:16px 52px 16px 60px}}.duet-tray.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);background:rgb(245, 247, 250);border-color:rgb(222, 224, 228)}.duet-tray.duet-tray-is-active{visibility:visible;opacity:1;transform:translateY(0)}.duet-tray.duet-tray-is-hidden{visibility:hidden;opacity:0;transform:translateY(-4rem)}@media (min-width: 62em){.duet-tray.duet-tray-is-responsive{display:none !important}}.duet-tray.duet-tray-is-expandable{padding-right:66px}@media (min-width: 62em){.duet-tray.duet-tray-is-expandable{padding-right:78px}}@media (min-width: 106.25em){.duet-tray.duet-tray-is-expandable{padding-right:94px}}.duet-tray-expandable{position:relative;z-index:100;visibility:hidden;width:calc(100% + 46px);max-height:0;overflow-y:auto;scrollbar-width:none;opacity:0;transition:opacity 600ms ease, visibility 600ms ease, max-height 600ms ease}.duet-tray-expandable::-webkit-scrollbar{display:none}.duet-tray-expandable.active{visibility:visible;max-height:500px;opacity:1}.duet-tray-expandable-content{width:100%;margin-top:16px;border-top:1px solid rgb(212, 223, 229)}.duet-theme-turva .duet-tray-expandable-content{border-color:rgb(222, 224, 228)}.duet-tray-button{-webkit-user-select:none;user-select:none;padding:20px !important;position:absolute;top:-2px;right:0;z-index:200;color:rgb(8, 42, 77);text-align:center;cursor:pointer;border-radius:4px;transition:transform 300ms ease;-webkit-tap-highlight-color:transparent}.duet-tray-button:focus{outline:0}:host(.user-is-tabbing) .duet-tray-button:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva :host(.user-is-tabbing) .duet-tray-button:focus,:host(.user-is-tabbing) .duet-tray-button:focus.duet-theme-turva,.duet-theme-turva2 :host(.user-is-tabbing) .duet-tray-button:focus,:host(.user-is-tabbing) .duet-tray-button:focus.duet-theme-turva2{outline-color:rgba(53, 79, 101, 0.8)}@media (min-width: 62em){.duet-tray-button{margin-right:16px}}@media (min-width: 106.25em){.duet-tray-button{margin-right:36px}}.duet-theme-turva .duet-tray-button{color:rgb(23, 28, 58)}.duet-tray-button.duet-tray-is-expanded{transform:rotate(-180deg)}.duet-tray-button:active{box-shadow:none;opacity:0.75}:host(.duet-theme-turva2) .duet-tray.duet-theme-turva{color:rgb(23, 42, 59);background:rgb(253, 247, 242);border-color:rgb(251, 225, 209)}:host(.duet-theme-turva2) .duet-theme-turva .duet-tray-expandable-content{border-color:rgb(251, 225, 209)}:host(.duet-theme-turva2) .duet-theme-turva .duet-tray-button{color:rgb(23, 42, 59)}";
 const DuetTrayStyle0 = duetTrayCss;
 
 const topOffset = parseFloat(sizeHeader) * 2 * 16; // convert rem -> px

package/lib/esm/duet-upload-aria-status.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, h, H as Host, g as getElement } from './index-79fc1b32.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-22246570.js';
 
 const DuetUploadAriaStatus = class {
     constructor(hostRef) {

package/lib/esm/duet-upload-item.entry.js

@@ -1,10 +1,10 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, h, g as getElement } from './index-79fc1b32.js';
-import { i as inheritGlobalTheme } from './themeable-component-356b273d.js';
-import { g as getLocaleString } from './language-utils-a17dc5f3.js';
-import { a as getI18nError } from './errorcodes.utils-3b160dbb.js';
+import { r as registerInstance, h, g as getElement } from './index-22246570.js';
+import { i as inheritGlobalTheme } from './themeable-component-f4a04f2f.js';
+import { g as getLocaleString } from './language-utils-09809102.js';
+import { a as getI18nError } from './errorcodes.utils-160ddc21.js';
 import './string-utils-192eb3c8.js';
 
 const formatBytes = (bytes, decimals = 2) => {

package/lib/esm/duet-visually-hidden.entry.js

@@ -1,9 +1,9 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, h, H as Host, g as getElement } from './index-79fc1b32.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-22246570.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 duetVisuallyHiddenCss = ":host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;position:absolute !important;top:0;width:1px !important;height:1px !important;padding:0 !important;overflow:hidden !important;border:0 !important;clip:rect(1px, 1px, 1px, 1px) !important}";
 const DuetVisuallyHiddenStyle0 = duetVisuallyHiddenCss;
 
 const DuetVisuallyHidden = class {

package/lib/esm/duet.js

@@ -1,9 +1,9 @@
 /*!
  * Built with Duet Design System
  */
-import { p as promiseResolve, d as doc, N as NAMESPACE, b as bootstrapLazy } from './index-79fc1b32.js';
-export { s as setNonce } from './index-79fc1b32.js';
-import { g as globalScripts } from './app-globals-fbabb161.js';
+import { p as promiseResolve, d as doc, N as NAMESPACE, b as bootstrapLazy } from './index-22246570.js';
+export { s as setNonce } from './index-22246570.js';
+import { g as globalScripts } from './app-globals-245f0f6e.js';
 
 /*
  Stencil Client Patch Browser v4.23.0 | MIT Licensed | https://stenciljs.com

package/lib/esm/{errorcodes.utils-3b160dbb.js → errorcodes.utils-160ddc21.js}

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { g as getLocaleString } from './language-utils-a17dc5f3.js';
+import { g as getLocaleString } from './language-utils-09809102.js';
 import { p as parsePossibleJSON } from './string-utils-192eb3c8.js';
 
 const getError = (code, errorCodes) => {

package/lib/esm/{focus-utils-1bece0cd.js → focus-utils-d6e4011c.js}

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { h } from './index-79fc1b32.js';
+import { h } from './index-22246570.js';
 
 const focusElement = (element) => {
     if ("setFocus" in element) {

package/lib/esm/{index-79fc1b32.js → index-22246570.js}

@@ -3,7 +3,7 @@
  */
 const NAMESPACE = 'duet';
 const BUILD = /* duet */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad: true, cmpDidRender: true, cmpDidUnload: false, cmpDidUpdate: true, cmpShouldUpdate: false, cmpWillLoad: true, cmpWillRender: true, cmpWillUpdate: false, connectedCallback: true, constructableCSS: true, cssAnnotations: true, devTools: false, disconnectedCallback: true, element: false, event: true, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: false, hasRenderFn: true, hostListener: true, hostListenerTarget: true, hostListenerTargetBody: true, hostListenerTargetDocument: true, hostListenerTargetParent: false, hostListenerTargetWindow: true, hotModuleReplacement: false, hydrateClientSide: true, hydrateServerSide: false, hydratedAttribute: false, hydratedClass: true, hydratedSelectorName: "hydrated", initializeNextTick: true, invisiblePrehydration: false, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: true, mode: false, observeAttribute: true, profile: false, prop: true, propBoolean: true, propMutable: true, propNumber: true, propString: true, reflect: true, scoped: true, scopedSlotTextContentFix: false, scriptDataOpts: true, shadowDelegatesFocus: true, shadowDom: true, slot: true, slotChildNodesFix: true, slotRelocation: true, state: true, style: true, svg: true, taskQueue: true, transformTagName: false, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: true, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: true, vdomRender: true, vdomStyle: true, vdomText: true, vdomXlink: true, watchCallback: true };
-const Env = /* duet */ {"cdnURILocal":"http://localhost:3334","cdnURIProd":"https://cdn.duetds.com/api","duetIconVersion":"4.2.8"};
+const Env = /* duet */ {"cdnURILocal":"http://localhost:3334","cdnURIProd":"https://cdn.duetds.com/api","duetIconVersion":"4.2.9"};
 
 /*
  Stencil Client Platform v4.23.0 | MIT Licensed | https://stenciljs.com

package/lib/esm/{language-utils-a17dc5f3.js → language-utils-09809102.js}

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import './index-79fc1b32.js';
+import './index-22246570.js';
 import { c as convertHtmlQuotes } from './string-utils-192eb3c8.js';
 
 const localeLookUpTable = {

package/lib/esm/loader.js

@@ -1,9 +1,9 @@
 /*!
  * Built with Duet Design System
  */
-import { b as bootstrapLazy } from './index-79fc1b32.js';
-export { s as setNonce } from './index-79fc1b32.js';
-import { g as globalScripts } from './app-globals-fbabb161.js';
+import { b as bootstrapLazy } from './index-22246570.js';
+export { s as setNonce } from './index-22246570.js';
+import { g as globalScripts } from './app-globals-245f0f6e.js';
 
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;

package/lib/esm/{slot-utils-b099bb75.js → slot-utils-eb668280.js}

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import './index-79fc1b32.js';
+import './index-22246570.js';
 
 const getElementsFromNamedSlot = (element, slotName) => {
     const childElements = Array.from(element.querySelectorAll(":scope > *"));
@@ -16,6 +16,10 @@ const hasSlot = (element, slotName) => {
         ? getElementsFromNamedSlot(element, slotName).length > 0
         : getElementsFromDefaultSlot(element).length > 0;
 };
+const getSlotTextContent = (element, slotName, separator) => {
+    const elements = slotName ? getElementsFromNamedSlot(element, slotName) : getElementsFromDefaultSlot(element);
+    return elements.map(e => e.textContent.trim()).join(separator !== null && separator !== void 0 ? separator : ", ");
+};
 /**
  * Check if the slotted element matches the given selector.
  * If not, log a warning, or log a error and remove the element.
@@ -53,4 +57,4 @@ const checkNamedSlotElement = (hostElement, slotName, selector, maxChildren = 0,
     }
 };
 
-export { getElementsFromDefaultSlot as a, checkNamedSlotElement as c, getElementsFromNamedSlot as g, hasSlot as h };
+export { getSlotTextContent as a, getElementsFromDefaultSlot as b, checkNamedSlotElement as c, getElementsFromNamedSlot as g, hasSlot as h };

package/lib/esm/{themeable-component-356b273d.js → themeable-component-f4a04f2f.js}

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import './index-79fc1b32.js';
+import './index-22246570.js';
 
 const inheritGlobalTheme = (component) => {
     var _a, _b;

package/lib/esm/{token-utils-cf052bc0.js → token-utils-d02c20ff.js}

@@ -1,45 +1,45 @@
 /*!
  * Built with Duet Design System
  */
-import { m as mediaQueryXxSmall, a as mediaQueryXSmall, b as mediaQuerySmall, c as mediaQueryMedium, d as mediaQueryLarge, e as mediaQueryXLarge, f as mediaQueryXxLarge, g as mediaQueryXxxLarge, h as mediaQueryXxxSmall, t as tokens } from './tokens.module-821694bb.js';
+import { m as mediaQueryXxSmall, a as mediaQueryXSmall, b as mediaQuerySmall, c as mediaQueryMedium, d as mediaQueryLarge, e as mediaQueryXLarge, f as mediaQueryXxLarge, g as mediaQueryXxxLarge, h as mediaQueryXxxSmall, t as tokens } from './tokens.module-7b07911f.js';
 
 const turva2ColorTokens = {
-    "color-turva2-red-00": "#fff2f2",
-    "color-turva2-red-50": "#ffecec",
-    "color-turva2-red-100": "#ffe5e6",
-    "color-turva2-red-200": "#ffc9cc",
-    "color-turva2-red-300": "#f9a4ac",
-    "color-turva2-red-400": "#f37785",
-    "color-turva2-red-500": "#ec4560",
-    "color-turva2-red-600": "#e61740",
-    "color-turva2-red-700": "#b90329",
-    "color-turva2-red-800": "#8c001e",
-    "color-turva2-red-900": "#600014",
-    "color-turva2-red-1000": "#33000a",
-    "color-turva2-gray-00": "#f5f6f7",
-    "color-turva2-gray-50": "#e4e9ed",
-    "color-turva2-gray-100": "#d4dde2",
-    "color-turva2-gray-200": "#b2c2cd",
-    "color-turva2-gray-300": "#94a9b9",
-    "color-turva2-gray-400": "#7891a4",
-    "color-turva2-gray-500": "#5f7a8f",
-    "color-turva2-gray-600": "#48647a",
-    "color-turva2-gray-700": "#354f65",
-    "color-turva2-gray-800": "#253c50",
-    "color-turva2-gray-900": "#172a3b",
-    "color-turva2-gray-1000": "#061726",
-    "color-turva-nude-00": "#fdf7f2",
-    "color-turva-nude-50": "#fbebe1",
-    "color-turva-nude-100": "#fbe1d1",
-    "color-turva-nude-200": "#f1cab2",
-    "color-turva-nude-300": "#d8ae96",
-    "color-turva-nude-400": "#be937c",
-    "color-turva-nude-500": "#a57a65",
-    "color-turva-nude-600": "#8c624f",
-    "color-turva-nude-700": "#724c3c",
-    "color-turva-nude-800": "#59382b",
-    "color-turva-nude-900": "#40261c",
-    "color-turva-nude-1000": "#26150f",
+    "color-turva2-red-00": "rgb(255, 242, 242)",
+    "color-turva2-red-50": "rgb(255, 236, 236)",
+    "color-turva2-red-100": "rgb(255, 229, 230)",
+    "color-turva2-red-200": "rgb(255, 201, 204)",
+    "color-turva2-red-300": "rgb(249, 164, 172)",
+    "color-turva2-red-400": "rgb(243, 119, 133)",
+    "color-turva2-red-500": "rgb(236, 69, 96)",
+    "color-turva2-red-600": "rgb(230, 23, 64)",
+    "color-turva2-red-700": "rgb(185, 3, 41)",
+    "color-turva2-red-800": "rgb(140, 0, 30)",
+    "color-turva2-red-900": "rgb(96, 0, 20)",
+    "color-turva2-red-1000": "rgb(51, 0, 10)",
+    "color-turva2-gray-00": "rgb(245, 246, 247)",
+    "color-turva2-gray-50": "rgb(228, 233, 237)",
+    "color-turva2-gray-100": "rgb(212, 221, 226)",
+    "color-turva2-gray-200": "rgb(178, 194, 205)",
+    "color-turva2-gray-300": "rgb(148, 169, 185)",
+    "color-turva2-gray-400": "rgb(120, 145, 164)",
+    "color-turva2-gray-500": "rgb(95, 122, 143)",
+    "color-turva2-gray-600": "rgb(72, 100, 122)",
+    "color-turva2-gray-700": "rgb(53, 79, 101)",
+    "color-turva2-gray-800": "rgb(37, 60, 80)",
+    "color-turva2-gray-900": "rgb(23, 42, 59)",
+    "color-turva2-gray-1000": "rgb(6, 23, 38)",
+    "color-turva-nude-00": "rgb(253, 247, 242)",
+    "color-turva-nude-50": "rgb(251, 235, 225)",
+    "color-turva-nude-100": "rgb(251, 225, 209)",
+    "color-turva-nude-200": "rgb(241, 202, 178)",
+    "color-turva-nude-300": "rgb(216, 174, 150)",
+    "color-turva-nude-400": "rgb(190, 147, 124)",
+    "color-turva-nude-500": "rgb(165, 122, 101)",
+    "color-turva-nude-600": "rgb(140, 98, 79)",
+    "color-turva-nude-700": "rgb(114, 76, 60)",
+    "color-turva-nude-800": "rgb(89, 56, 43)",
+    "color-turva-nude-900": "rgb(64, 38, 28)",
+    "color-turva-nude-1000": "rgb(38, 21, 15)",
 };
 
 const allowedThemes = ["turva"];

package/lib/esm/{tokens-57aa1508.js → tokens-1fd83076.js}

@@ -1,6 +1,18 @@
 /*!
  * Built with Duet Design System
  */
+const color_background_accent_primary = "rgb(240, 247, 250)";
+const color_background_accent_primary_turva = "rgb(253, 247, 242)";
+const color_background_accent_secondary = "rgb(217, 236, 245)";
+const color_background_accent_secondary_turva = "rgb(251, 225, 209)";
+const color_background_accent_tertiary = "rgb(0, 119, 179)";
+const color_background_accent_tertiary_turva = "rgb(230, 23, 64)";
+const color_background_primary = "rgb(255, 255, 255)";
+const color_background_primary_turva = "rgb(255, 255, 255)";
+const color_background_secondary = "rgb(245, 248, 250)";
+const color_background_secondary_turva = "rgb(245, 246, 247)";
+const color_background_tertiary = "rgb(8, 42, 77)";
+const color_background_tertiary_turva = "rgb(6, 23, 38)";
 const color_brand_blue = "rgb(0, 161, 212)";
 const color_brand_gray_turva = "rgb(178, 180, 179)";
 const color_category_family = "rgb(11, 114, 136)";
@@ -107,6 +119,30 @@ const color_success_700 = "rgb(48, 131, 105)";
 const color_success_800 = "rgb(29, 106, 88)";
 const color_success_900 = "rgb(13, 71, 59)";
 const color_success_turva = "rgb(48, 131, 105)";
+const color_turva2_gray_00 = "rgb(245, 246, 247)";
+const color_turva2_gray_100 = "rgb(212, 221, 226)";
+const color_turva2_gray_1000 = "rgb(6, 23, 38)";
+const color_turva2_gray_200 = "rgb(178, 194, 205)";
+const color_turva2_gray_300 = "rgb(148, 169, 185)";
+const color_turva2_gray_400 = "rgb(120, 145, 164)";
+const color_turva2_gray_50 = "rgb(228, 233, 237)";
+const color_turva2_gray_500 = "rgb(95, 122, 143)";
+const color_turva2_gray_600 = "rgb(72, 100, 122)";
+const color_turva2_gray_700 = "rgb(53, 79, 101)";
+const color_turva2_gray_800 = "rgb(37, 60, 80)";
+const color_turva2_gray_900 = "rgb(23, 42, 59)";
+const color_turva2_red_00 = "rgb(255, 242, 242)";
+const color_turva2_red_100 = "rgb(255, 229, 230)";
+const color_turva2_red_1000 = "rgb(51, 0, 10)";
+const color_turva2_red_200 = "rgb(255, 201, 204)";
+const color_turva2_red_300 = "rgb(249, 164, 172)";
+const color_turva2_red_400 = "rgb(243, 119, 133)";
+const color_turva2_red_50 = "rgb(255, 236, 236)";
+const color_turva2_red_500 = "rgb(236, 69, 96)";
+const color_turva2_red_600 = "rgb(230, 23, 64)";
+const color_turva2_red_700 = "rgb(185, 3, 41)";
+const color_turva2_red_800 = "rgb(140, 0, 30)";
+const color_turva2_red_900 = "rgb(96, 0, 20)";
 const color_turva_gray_00 = "rgb(245, 247, 250)";
 const color_turva_gray_100 = "rgb(222, 224, 228)";
 const color_turva_gray_1000 = "rgb(8, 13, 38)";
@@ -119,6 +155,18 @@ const color_turva_gray_600 = "rgb(98, 104, 122)";
 const color_turva_gray_700 = "rgb(71, 78, 101)";
 const color_turva_gray_800 = "rgb(45, 52, 79)";
 const color_turva_gray_900 = "rgb(23, 28, 58)";
+const color_turva_nude_00 = "rgb(253, 247, 242)";
+const color_turva_nude_100 = "rgb(251, 225, 209)";
+const color_turva_nude_1000 = "rgb(38, 21, 15)";
+const color_turva_nude_200 = "rgb(241, 202, 178)";
+const color_turva_nude_300 = "rgb(216, 174, 150)";
+const color_turva_nude_400 = "rgb(190, 147, 124)";
+const color_turva_nude_50 = "rgb(251, 235, 225)";
+const color_turva_nude_500 = "rgb(165, 122, 101)";
+const color_turva_nude_600 = "rgb(140, 98, 79)";
+const color_turva_nude_700 = "rgb(114, 76, 60)";
+const color_turva_nude_800 = "rgb(89, 56, 43)";
+const color_turva_nude_900 = "rgb(64, 38, 28)";
 const color_turva_red_00 = "rgb(255, 241, 241)";
 const color_turva_red_100 = "rgb(255, 213, 215)";
 const color_turva_red_1000 = "rgb(51, 5, 20)";
@@ -249,6 +297,18 @@ const z_index_spinner = "800";
 const z_index_sticky = "300";
 const z_index_toast = "500";
 const tokens = {
+	color_background_accent_primary: color_background_accent_primary,
+	color_background_accent_primary_turva: color_background_accent_primary_turva,
+	color_background_accent_secondary: color_background_accent_secondary,
+	color_background_accent_secondary_turva: color_background_accent_secondary_turva,
+	color_background_accent_tertiary: color_background_accent_tertiary,
+	color_background_accent_tertiary_turva: color_background_accent_tertiary_turva,
+	color_background_primary: color_background_primary,
+	color_background_primary_turva: color_background_primary_turva,
+	color_background_secondary: color_background_secondary,
+	color_background_secondary_turva: color_background_secondary_turva,
+	color_background_tertiary: color_background_tertiary,
+	color_background_tertiary_turva: color_background_tertiary_turva,
 	color_brand_blue: color_brand_blue,
 	color_brand_gray_turva: color_brand_gray_turva,
 	color_category_family: color_category_family,
@@ -355,6 +415,30 @@ const tokens = {
 	color_success_800: color_success_800,
 	color_success_900: color_success_900,
 	color_success_turva: color_success_turva,
+	color_turva2_gray_00: color_turva2_gray_00,
+	color_turva2_gray_100: color_turva2_gray_100,
+	color_turva2_gray_1000: color_turva2_gray_1000,
+	color_turva2_gray_200: color_turva2_gray_200,
+	color_turva2_gray_300: color_turva2_gray_300,
+	color_turva2_gray_400: color_turva2_gray_400,
+	color_turva2_gray_50: color_turva2_gray_50,
+	color_turva2_gray_500: color_turva2_gray_500,
+	color_turva2_gray_600: color_turva2_gray_600,
+	color_turva2_gray_700: color_turva2_gray_700,
+	color_turva2_gray_800: color_turva2_gray_800,
+	color_turva2_gray_900: color_turva2_gray_900,
+	color_turva2_red_00: color_turva2_red_00,
+	color_turva2_red_100: color_turva2_red_100,
+	color_turva2_red_1000: color_turva2_red_1000,
+	color_turva2_red_200: color_turva2_red_200,
+	color_turva2_red_300: color_turva2_red_300,
+	color_turva2_red_400: color_turva2_red_400,
+	color_turva2_red_50: color_turva2_red_50,
+	color_turva2_red_500: color_turva2_red_500,
+	color_turva2_red_600: color_turva2_red_600,
+	color_turva2_red_700: color_turva2_red_700,
+	color_turva2_red_800: color_turva2_red_800,
+	color_turva2_red_900: color_turva2_red_900,
 	color_turva_gray_00: color_turva_gray_00,
 	color_turva_gray_100: color_turva_gray_100,
 	color_turva_gray_1000: color_turva_gray_1000,
@@ -367,6 +451,18 @@ const tokens = {
 	color_turva_gray_700: color_turva_gray_700,
 	color_turva_gray_800: color_turva_gray_800,
 	color_turva_gray_900: color_turva_gray_900,
+	color_turva_nude_00: color_turva_nude_00,
+	color_turva_nude_100: color_turva_nude_100,
+	color_turva_nude_1000: color_turva_nude_1000,
+	color_turva_nude_200: color_turva_nude_200,
+	color_turva_nude_300: color_turva_nude_300,
+	color_turva_nude_400: color_turva_nude_400,
+	color_turva_nude_50: color_turva_nude_50,
+	color_turva_nude_500: color_turva_nude_500,
+	color_turva_nude_600: color_turva_nude_600,
+	color_turva_nude_700: color_turva_nude_700,
+	color_turva_nude_800: color_turva_nude_800,
+	color_turva_nude_900: color_turva_nude_900,
 	color_turva_red_00: color_turva_red_00,
 	color_turva_red_100: color_turva_red_100,
 	color_turva_red_1000: color_turva_red_1000,
@@ -500,6 +596,18 @@ const tokens = {
 
 const tokens$1 = /*#__PURE__*/Object.freeze({
   __proto__: null,
+  color_background_accent_primary: color_background_accent_primary,
+  color_background_accent_primary_turva: color_background_accent_primary_turva,
+  color_background_accent_secondary: color_background_accent_secondary,
+  color_background_accent_secondary_turva: color_background_accent_secondary_turva,
+  color_background_accent_tertiary: color_background_accent_tertiary,
+  color_background_accent_tertiary_turva: color_background_accent_tertiary_turva,
+  color_background_primary: color_background_primary,
+  color_background_primary_turva: color_background_primary_turva,
+  color_background_secondary: color_background_secondary,
+  color_background_secondary_turva: color_background_secondary_turva,
+  color_background_tertiary: color_background_tertiary,
+  color_background_tertiary_turva: color_background_tertiary_turva,
   color_brand_blue: color_brand_blue,
   color_brand_gray_turva: color_brand_gray_turva,
   color_category_family: color_category_family,
@@ -606,6 +714,30 @@ const tokens$1 = /*#__PURE__*/Object.freeze({
   color_success_800: color_success_800,
   color_success_900: color_success_900,
   color_success_turva: color_success_turva,
+  color_turva2_gray_00: color_turva2_gray_00,
+  color_turva2_gray_100: color_turva2_gray_100,
+  color_turva2_gray_1000: color_turva2_gray_1000,
+  color_turva2_gray_200: color_turva2_gray_200,
+  color_turva2_gray_300: color_turva2_gray_300,
+  color_turva2_gray_400: color_turva2_gray_400,
+  color_turva2_gray_50: color_turva2_gray_50,
+  color_turva2_gray_500: color_turva2_gray_500,
+  color_turva2_gray_600: color_turva2_gray_600,
+  color_turva2_gray_700: color_turva2_gray_700,
+  color_turva2_gray_800: color_turva2_gray_800,
+  color_turva2_gray_900: color_turva2_gray_900,
+  color_turva2_red_00: color_turva2_red_00,
+  color_turva2_red_100: color_turva2_red_100,
+  color_turva2_red_1000: color_turva2_red_1000,
+  color_turva2_red_200: color_turva2_red_200,
+  color_turva2_red_300: color_turva2_red_300,
+  color_turva2_red_400: color_turva2_red_400,
+  color_turva2_red_50: color_turva2_red_50,
+  color_turva2_red_500: color_turva2_red_500,
+  color_turva2_red_600: color_turva2_red_600,
+  color_turva2_red_700: color_turva2_red_700,
+  color_turva2_red_800: color_turva2_red_800,
+  color_turva2_red_900: color_turva2_red_900,
   color_turva_gray_00: color_turva_gray_00,
   color_turva_gray_100: color_turva_gray_100,
   color_turva_gray_1000: color_turva_gray_1000,
@@ -618,6 +750,18 @@ const tokens$1 = /*#__PURE__*/Object.freeze({
   color_turva_gray_700: color_turva_gray_700,
   color_turva_gray_800: color_turva_gray_800,
   color_turva_gray_900: color_turva_gray_900,
+  color_turva_nude_00: color_turva_nude_00,
+  color_turva_nude_100: color_turva_nude_100,
+  color_turva_nude_1000: color_turva_nude_1000,
+  color_turva_nude_200: color_turva_nude_200,
+  color_turva_nude_300: color_turva_nude_300,
+  color_turva_nude_400: color_turva_nude_400,
+  color_turva_nude_50: color_turva_nude_50,
+  color_turva_nude_500: color_turva_nude_500,
+  color_turva_nude_600: color_turva_nude_600,
+  color_turva_nude_700: color_turva_nude_700,
+  color_turva_nude_800: color_turva_nude_800,
+  color_turva_nude_900: color_turva_nude_900,
   color_turva_red_00: color_turva_red_00,
   color_turva_red_100: color_turva_red_100,
   color_turva_red_1000: color_turva_red_1000,