@duetds/components 9.12.0 → 9.12.2

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-01321175.js';
-import { i as inheritGlobalTheme } from './themeable-component-4fc6639e.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-822baec2.js';
+import { i as inheritGlobalTheme } from './themeable-component-4e1ca2f5.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:#ffefe5}:host(.duet-theme-turva2) .duet-toolbar.duet-theme-turva.primary{background:#e61740}";
+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 DuetToolbarStyle0 = duetToolbarCss;
 
 const DuetToolbar = class {

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

@@ -1,10 +1,10 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, h, H as Host, g as getElement, c as createEvent } from './index-01321175.js';
-import { i as inheritGlobalTheme } from './themeable-component-4fc6639e.js';
+import { r as registerInstance, h, H as Host, g as getElement, c as createEvent } from './index-822baec2.js';
+import { i as inheritGlobalTheme } from './themeable-component-4e1ca2f5.js';
 import { s as subscribeTabbingChange, u as unsubscribeTabbingChange } from './keyboard-utils-daf80d44.js';
-import { F as FocusGuard } from './focus-utils-be0374e1.js';
+import { F as FocusGuard } from './focus-utils-b131ac81.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}";
@@ -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:#171c3a;border-color:#ffefe5}:host(.duet-theme-turva2) .duet-tooltip.duet-theme-turva{color:#171c3a;border-color:#ffefe5}: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 #ffefe5}: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 #ffefe5}:host(.duet-theme-turva2) .duet-tooltip-content-area::-webkit-scrollbar-thumb{background:#ffefe5}:host(.duet-theme-turva2) .duet-tooltip-close:focus{color:#171c3a}";
+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 DuetTooltipPopupStyle0 = duetTooltipPopupCss;
 
 const DuetTooltipPopup = class {

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

@@ -1,13 +1,13 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, h, H as Host, g as getElement } from './index-01321175.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-822baec2.js';
 import { m as media_query_medium, a as media_query_large } from './tokens-85fb95d1.js';
-import { c as computePosition, f as flip, s as shift, a as arrow, b as autoUpdate } from './floating-ui.dom.esm-ef361ca5.js';
-import { i as inheritGlobalTheme } from './themeable-component-4fc6639e.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-4e1ca2f5.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-f3bce1d0.js';
+import { a as getLanguage, g as getLocaleString, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './language-utils-2038d09e.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}";

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-01321175.js';
+import { r as registerInstance, h, F as Fragment, g as getElement } from './index-822baec2.js';
 import { s as sizeHeader } from './tokens.module-821694bb.js';
-import { i as inheritGlobalTheme } from './themeable-component-4fc6639e.js';
+import { i as inheritGlobalTheme } from './themeable-component-4e1ca2f5.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-f3bce1d0.js';
+import { a as getLanguage, g as getLocaleString, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './language-utils-2038d09e.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:#171c3a;background:#fcf7f3;border-color:#ffefe5}:host(.duet-theme-turva2) .duet-theme-turva .duet-tray-expandable-content{border-color:#ffefe5}:host(.duet-theme-turva2) .duet-theme-turva .duet-tray-button{color:#171c3a}";
+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 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-01321175.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-822baec2.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-01321175.js';
-import { i as inheritGlobalTheme } from './themeable-component-4fc6639e.js';
-import { g as getLocaleString } from './language-utils-f3bce1d0.js';
-import { a as getI18nError } from './errorcodes.utils-c88abf11.js';
+import { r as registerInstance, h, g as getElement } from './index-822baec2.js';
+import { i as inheritGlobalTheme } from './themeable-component-4e1ca2f5.js';
+import { g as getLocaleString } from './language-utils-2038d09e.js';
+import { a as getI18nError } from './errorcodes.utils-f1b68042.js';
 import './string-utils-192eb3c8.js';
 
 const formatBytes = (bytes, decimals = 2) => {

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

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, h, H as Host, g as getElement } from './index-01321175.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-822baec2.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;

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-01321175.js';
-export { s as setNonce } from './index-01321175.js';
-import { g as globalScripts } from './app-globals-bf48f89e.js';
+import { p as promiseResolve, d as doc, N as NAMESPACE, b as bootstrapLazy } from './index-822baec2.js';
+export { s as setNonce } from './index-822baec2.js';
+import { g as globalScripts } from './app-globals-ba36fb7c.js';
 
 /*
  Stencil Client Patch Browser v4.23.0 | MIT Licensed | https://stenciljs.com

package/lib/esm/{errorcodes.utils-c88abf11.js → errorcodes.utils-f1b68042.js}

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

package/lib/esm/{floating-ui.dom.esm-ef361ca5.js → floating-ui.dom.esm-ebc91b33.js}

@@ -35,9 +35,8 @@ function getOppositeAxis(axis) {
 function getAxisLength(axis) {
   return axis === 'y' ? 'height' : 'width';
 }
-const yAxisSides = /*#__PURE__*/new Set(['top', 'bottom']);
 function getSideAxis(placement) {
-  return yAxisSides.has(getSide(placement)) ? 'y' : 'x';
+  return ['top', 'bottom'].includes(getSide(placement)) ? 'y' : 'x';
 }
 function getAlignmentAxis(placement) {
   return getOppositeAxis(getSideAxis(placement));
@@ -62,19 +61,19 @@ function getExpandedPlacements(placement) {
 function getOppositeAlignmentPlacement(placement) {
   return placement.replace(/start|end/g, alignment => oppositeAlignmentMap[alignment]);
 }
-const lrPlacement = ['left', 'right'];
-const rlPlacement = ['right', 'left'];
-const tbPlacement = ['top', 'bottom'];
-const btPlacement = ['bottom', 'top'];
 function getSideList(side, isStart, rtl) {
+  const lr = ['left', 'right'];
+  const rl = ['right', 'left'];
+  const tb = ['top', 'bottom'];
+  const bt = ['bottom', 'top'];
   switch (side) {
     case 'top':
     case 'bottom':
-      if (rtl) return isStart ? rlPlacement : lrPlacement;
-      return isStart ? lrPlacement : rlPlacement;
+      if (rtl) return isStart ? rl : lr;
+      return isStart ? lr : rl;
     case 'left':
     case 'right':
-      return isStart ? tbPlacement : btPlacement;
+      return isStart ? tb : bt;
     default:
       return [];
   }
@@ -464,12 +463,10 @@ const flip = function (options) {
         return {};
       }
       const side = getSide(placement);
-      const initialSideAxis = getSideAxis(initialPlacement);
       const isBasePlacement = getSide(initialPlacement) === initialPlacement;
       const rtl = await (platform.isRTL == null ? void 0 : platform.isRTL(elements.floating));
       const fallbackPlacements = specifiedFallbackPlacements || (isBasePlacement || !flipAlignment ? [getOppositePlacement(initialPlacement)] : getExpandedPlacements(initialPlacement));
-      const hasFallbackAxisSideDirection = fallbackAxisSideDirection !== 'none';
-      if (!specifiedFallbackPlacements && hasFallbackAxisSideDirection) {
+      if (!specifiedFallbackPlacements && fallbackAxisSideDirection !== 'none') {
         fallbackPlacements.push(...getOppositeAxisPlacements(initialPlacement, flipAlignment, fallbackAxisSideDirection, rtl));
       }
       const placements = [initialPlacement, ...fallbackPlacements];
@@ -494,22 +491,16 @@ const flip = function (options) {
         const nextIndex = (((_middlewareData$flip2 = middlewareData.flip) == null ? void 0 : _middlewareData$flip2.index) || 0) + 1;
         const nextPlacement = placements[nextIndex];
         if (nextPlacement) {
-          const ignoreCrossAxisOverflow = checkCrossAxis === 'alignment' ? initialSideAxis !== getSideAxis(nextPlacement) : false;
-          if (!ignoreCrossAxisOverflow ||
-          // We leave the current main axis only if every placement on that axis
-          // overflows the main axis.
-          overflowsData.every(d => getSideAxis(d.placement) === initialSideAxis ? d.overflows[0] > 0 : true)) {
-            // Try next placement and re-run the lifecycle.
-            return {
-              data: {
-                index: nextIndex,
-                overflows: overflowsData
-              },
-              reset: {
-                placement: nextPlacement
-              }
-            };
-          }
+          // Try next placement and re-run the lifecycle.
+          return {
+            data: {
+              index: nextIndex,
+              overflows: overflowsData
+            },
+            reset: {
+              placement: nextPlacement
+            }
+          };
         }
 
         // First, find the candidates that fit on the mainAxis side of overflow,
@@ -521,17 +512,8 @@ const flip = function (options) {
           switch (fallbackStrategy) {
             case 'bestFit':
               {
-                var _overflowsData$filter2;
-                const placement = (_overflowsData$filter2 = overflowsData.filter(d => {
-                  if (hasFallbackAxisSideDirection) {
-                    const currentSideAxis = getSideAxis(d.placement);
-                    return currentSideAxis === initialSideAxis ||
-                    // Create a bias to the `y` side axis due to horizontal
-                    // reading directions favoring greater width.
-                    currentSideAxis === 'y';
-                  }
-                  return true;
-                }).map(d => [d.placement, d.overflows.filter(overflow => overflow > 0).reduce((acc, overflow) => acc + overflow, 0)]).sort((a, b) => a[1] - b[1])[0]) == null ? void 0 : _overflowsData$filter2[0];
+                var _overflowsData$map$so;
+                const placement = (_overflowsData$map$so = overflowsData.map(d => [d.placement, d.overflows.filter(overflow => overflow > 0).reduce((acc, overflow) => acc + overflow, 0)]).sort((a, b) => a[1] - b[1])[0]) == null ? void 0 : _overflowsData$map$so[0];
                 if (placement) {
                   resetPlacement = placement;
                 }
@@ -555,8 +537,6 @@ const flip = function (options) {
   };
 };
 
-const originSides = /*#__PURE__*/new Set(['left', 'top']);
-
 // For type backwards-compatibility, the `OffsetOptions` type was also
 // Derivable.
 
@@ -570,7 +550,7 @@ async function convertValueToCoords(state, options) {
   const side = getSide(placement);
   const alignment = getAlignment(placement);
   const isVertical = getSideAxis(placement) === 'y';
-  const mainAxisMulti = originSides.has(side) ? -1 : 1;
+  const mainAxisMulti = ['left', 'top'].includes(side) ? -1 : 1;
   const crossAxisMulti = rtl && isVertical ? -1 : 1;
   const rawValue = evaluate(options, state);
 
@@ -584,9 +564,10 @@ async function convertValueToCoords(state, options) {
     crossAxis: 0,
     alignmentAxis: null
   } : {
-    mainAxis: rawValue.mainAxis || 0,
-    crossAxis: rawValue.crossAxis || 0,
-    alignmentAxis: rawValue.alignmentAxis
+    mainAxis: 0,
+    crossAxis: 0,
+    alignmentAxis: null,
+    ...rawValue
   };
   if (alignment && typeof alignmentAxis === 'number') {
     crossAxis = alignment === 'end' ? alignmentAxis * -1 : alignmentAxis;
@@ -708,11 +689,7 @@ const shift = function (options) {
         ...limitedCoords,
         data: {
           x: limitedCoords.x - x,
-          y: limitedCoords.y - y,
-          enabled: {
-            [mainAxis]: checkMainAxis,
-            [crossAxis]: checkCrossAxis
-          }
+          y: limitedCoords.y - y
         }
       };
     }

package/lib/esm/{focus-utils-be0374e1.js → focus-utils-b131ac81.js}

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

package/lib/esm/{index-01321175.js → index-822baec2.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.0"};
+const Env = /* duet */ {"cdnURILocal":"http://localhost:3334","cdnURIProd":"https://cdn.duetds.com/api","duetIconVersion":"4.2.2"};
 
 /*
  Stencil Client Platform v4.23.0 | MIT Licensed | https://stenciljs.com

package/lib/esm/{language-utils-f3bce1d0.js → language-utils-2038d09e.js}

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import './index-01321175.js';
+import './index-822baec2.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-01321175.js';
-export { s as setNonce } from './index-01321175.js';
-import { g as globalScripts } from './app-globals-bf48f89e.js';
+import { b as bootstrapLazy } from './index-822baec2.js';
+export { s as setNonce } from './index-822baec2.js';
+import { g as globalScripts } from './app-globals-ba36fb7c.js';
 
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;

package/lib/esm/{slot-utils-cdfa84b2.js → slot-utils-5410a171.js}

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import './index-01321175.js';
+import './index-822baec2.js';
 
 const getElementsFromNamedSlot = (element, slotName) => {
     const childElements = Array.from(element.querySelectorAll(":scope > *"));

package/lib/esm/themeable-component-4e1ca2f5.js

@@ -0,0 +1,60 @@
+/*!
+ * Built with Duet Design System
+ */
+import './index-822baec2.js';
+
+const inheritGlobalTheme = (component) => {
+    var _a, _b;
+    // this is done in a complex way to support hydrate.renderToString
+    const classList = (_b = (_a = document.documentElement.attributes.getNamedItem("class")) === null || _a === void 0 ? void 0 : _a.value) !== null && _b !== void 0 ? _b : "";
+    const theme = /(duet-theme-)([a-z0-9]*)/gi.exec(classList);
+    if (component.element) {
+        component.element.classList.add("duet-theme-observer");
+    }
+    if (classList.includes("duet-theme-turva2")) {
+        component.theme = "turva";
+        if (component.element) {
+            component.element.classList.add("duet-theme-turva2");
+        }
+        return;
+    }
+    if (theme && theme[1] === "duet-theme-") {
+        component.theme = theme[2] === "default" ? "" : theme[2];
+    }
+};
+const setAllObservingElementsTheme = (mutations) => {
+    mutations.forEach(mutation => {
+        var _a, _b, _c;
+        if (!((_a = mutation.oldValue) === null || _a === void 0 ? void 0 : _a.includes("hydrated"))) {
+            // only set theme once hydrated is set
+            return;
+        }
+        const classList = (_c = (_b = document.documentElement.attributes.getNamedItem("class")) === null || _b === void 0 ? void 0 : _b.value) !== null && _c !== void 0 ? _c : "";
+        const themeParts = /(duet-theme-)([a-z0-9]*)/gi.exec(classList);
+        const theme = (themeParts === null || themeParts === void 0 ? void 0 : themeParts.length) > 2 && themeParts[2].startsWith("turva") ? "turva" : "";
+        const isTurva2 = classList.includes("duet-theme-turva2");
+        const elements = Array.from(document.querySelectorAll("body .duet-theme-observer"));
+        elements.forEach(el => {
+            el.theme = theme;
+            if (isTurva2) {
+                el.classList.add("duet-theme-turva2");
+            }
+            else {
+                el.classList.remove("duet-theme-turva2");
+            }
+        });
+    });
+};
+{
+    const documentClassObserver = new MutationObserver(setAllObservingElementsTheme);
+    documentClassObserver.observe(document.documentElement, {
+        subtree: false,
+        childList: false,
+        characterData: false,
+        attributes: true,
+        attributeFilter: ["class"],
+        attributeOldValue: true,
+    });
+}
+
+export { inheritGlobalTheme as i };

package/lib/esm-es5/{a11y-utils-97fcdba3.js → a11y-utils-e494647a.js}

@@ -1,4 +1,4 @@
 /*!
  * Built with Duet Design System
  */
-import{a as getElementsFromDefaultSlot}from"./slot-utils-cdfa84b2.js";function getAccessibleLinkLabel(e){var t=e.element.textContent;if(e.accessibleLabel){return e.accessibleLabel}if((!!e.download||e.download==="")&&t){return"".concat(t,". ").concat(e.accessibleLabelDownload,".")}if(e.external&&t){return"".concat(t,". ").concat(e.accessibleLabelExternal,".")}if(getElementsFromDefaultSlot(e.element).length){return t}return null}export{getAccessibleLinkLabel as g};
+import{a as getElementsFromDefaultSlot}from"./slot-utils-5410a171.js";function getAccessibleLinkLabel(e){var t=e.element.textContent;if(e.accessibleLabel){return e.accessibleLabel}if((!!e.download||e.download==="")&&t){return"".concat(t,". ").concat(e.accessibleLabelDownload,".")}if(e.external&&t){return"".concat(t,". ").concat(e.accessibleLabelExternal,".")}if(getElementsFromDefaultSlot(e.element).length){return t}return null}export{getAccessibleLinkLabel as g};

package/lib/esm-es5/{app-globals-bf48f89e.js → app-globals-ba36fb7c.js}

@@ -1,4 +1,4 @@
 /*!
  * Built with Duet Design System
  */
-import"./index-01321175.js";var setupLoggers=function(){{globalThis.ds={log:function(){return},warn:function(){return},info:function(){return}}}};var appGlobalScript=function(){setupLoggers()};var globalScripts=appGlobalScript;export{globalScripts as g};
+import"./index-822baec2.js";var setupLoggers=function(){{globalThis.ds={log:function(){return},warn:function(){return},info:function(){return}}}};var appGlobalScript=function(){setupLoggers()};var globalScripts=appGlobalScript;export{globalScripts as g};

package/lib/esm-es5/duet-action-button.entry.js

@@ -1,4 +1,4 @@
 var __awaiter=this&&this.__awaiter||function(t,e,n,i){function o(t){return t instanceof n?t:new n((function(e){e(t)}))}return new(n||(n=Promise))((function(n,r){function a(t){try{s(i.next(t))}catch(t){r(t)}}function u(t){try{s(i["throw"](t))}catch(t){r(t)}}function s(t){t.done?n(t.value):o(t.value).then(a,u)}s((i=i.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var n={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},i,o,r,a;return a={next:u(0),throw:u(1),return:u(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function u(t){return function(e){return s([t,e])}}function s(u){if(i)throw new TypeError("Generator is already executing.");while(a&&(a=0,u[0]&&(n=0)),n)try{if(i=1,o&&(r=u[0]&2?o["return"]:u[0]?o["throw"]||((r=o["return"])&&r.call(o),0):o.next)&&!(r=r.call(o,u[1])).done)return r;if(o=0,r)u=[u[0]&2,r.value];switch(u[0]){case 0:case 1:r=u;break;case 4:n.label++;return{value:u[1],done:false};case 5:n.label++;o=u[1];u=[0];continue;case 7:u=n.ops.pop();n.trys.pop();continue;default:if(!(r=n.trys,r=r.length>0&&r[r.length-1])&&(u[0]===6||u[0]===2)){n=0;continue}if(u[0]===3&&(!r||u[1]>r[0]&&u[1]<r[3])){n.label=u[1];break}if(u[0]===6&&n.label<r[1]){n.label=r[1];r=u;break}if(r&&n.label<r[2]){n.label=r[2];n.ops.push(u);break}if(r[2])n.ops.pop();n.trys.pop();continue}u=e.call(t,n)}catch(t){u=[6,t];o=0}finally{i=r=0}if(u[0]&5)throw u[1];return{value:u[0]?u[1]:void 0,done:true}}};
 /*!
  * Built with Duet Design System
- */import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-01321175.js";import{i as inheritGlobalTheme}from"./themeable-component-4fc6639e.js";import{c as createID}from"./create-id-149a1b6d.js";import{d as debounce}from"./js-utils-9b9e0039.js";import{i as isKeyboardClick}from"./keyboard-utils-daf80d44.js";import{g as getLocaleString,c as connectLanguageChangeObserver,d as disconnectLanguageChangeObserver}from"./language-utils-f3bce1d0.js";import{c as capitalizeFirstLetter,g as getColorByName,s as shadeRGBColor}from"./token-utils-7360bb84.js";import"./string-utils-192eb3c8.js";import"./tokens.module-821694bb.js";var duetActionButtonCss="*,*::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:inline-block;margin:0 auto}.duet-action-button{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;min-height:auto !important;padding:0 !important;margin:0 0 0 8px;color:rgb(8, 42, 77);white-space:nowrap;cursor:pointer;background:rgb(245, 248, 250);border-radius:50%;transition:background-color 300ms ease !important}.duet-action-button.duet-theme-turva{color:rgb(23, 28, 58);background:rgb(245, 247, 250)}.duet-action-button duet-icon{display:block}@media (max-width: 35.9375em){.duet-action-button{width:32px;height:32px}}.duet-action-button:not(:disabled):hover{background:#e9ecee}.duet-action-button:not(:disabled):hover.duet-theme-turva{background:#e9ebee}.duet-action-button:focus{outline:0;box-shadow:0 0 0 2px #0077b3 !important}.duet-action-button:focus.duet-theme-turva{box-shadow:0 0 0 2px #171c3a !important}.duet-action-button:active:focus{background:#dddfe1 !important;box-shadow:none}.duet-action-button:active:focus.duet-theme-turva{background:#dddee1 !important}.duet-action-button:disabled{color:rgb(127, 150, 165);cursor:default;background:rgb(245, 248, 250);opacity:0.75}.duet-action-button.duet-theme-turva:disabled{color:rgb(143, 147, 158);background:rgb(245, 247, 250)}:host(.duet-theme-turva2) .duet-action-button.duet-theme-turva{color:#171c3a;background:#fcf7f3}:host(.duet-theme-turva2) .duet-action-button.duet-theme-turva:not(:disabled):hover{background:#efebe7}:host(.duet-theme-turva2) .duet-action-button.duet-theme-turva:focus{box-shadow:0 0 0 2px #171c3a !important}:host(.duet-theme-turva2) .duet-action-button.duet-theme-turva:active:focus{background:#e3dedb !important;box-shadow:none}";var DuetActionButtonStyle0=duetActionButtonCss;var DuetActionButton=function(){function t(t){var e=this;registerInstance(this,t);this.duetActionEvent=createEvent(this,"duetActionEvent",6);this.listId=createID("duet-action-button");this.emitPageEvent=debounce((function(t){e.duetActionEvent.emit({component:"duet-action-button",originalEvent:t,action:e.actionId,name:e.actionName,meta:e.actionMeta,id:e.listId})}));this.numbersStore="";this.theme="";this.iconName="action-arrow-left-small";this.iconColor="currentColor";this.iconSize="xx-small";this.actionName=undefined;this.actionId=undefined;this.actionMeta=undefined;this.disabled=false;this.color="";this.background="";this.accessibleTitle=true;this.accessibleDescribedBy=undefined;this.accessibleDetails=undefined;this.accessibleLabelledBy=undefined;this.accessibleDescription=undefined;this.accessibleLabelsDefaults={en:"Click to activate action",fi:"Klikkaa aktivoidaksesi toiminto",sv:"Klicka för att aktivera åtgärd"};this.accessibleLabel=getLocaleString(this.accessibleLabelsDefaults);this.accessibleControls="";this.url=undefined}t.prototype.onKeyboardDown=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){if(isKeyboardClick(t)){this.emitPageEvent(t)}return[2]}))}))};t.prototype.getTitle=function(){if(typeof this.accessibleTitle==="string"){return this.accessibleTitle}if(this.accessibleTitle===true&&this.actionName){return capitalizeFirstLetter("".concat(this.actionName))}return null};t.prototype.onMouseHandler=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){t.preventDefault();this.duetActionEvent.emit({component:"duet-action-button",originalEvent:t,action:this.actionName,id:this.actionId,meta:this.actionMeta});return[2]}))}))};t.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};t.prototype.connectedCallback=function(){connectLanguageChangeObserver(this,{prop:"accessibleLabel",defaults:"accessibleLabelsDefaults"})};t.prototype.disconnectedCallback=function(){disconnectLanguageChangeObserver(this)};t.prototype.setFocus=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){if(this.nativeButton){this.nativeButton.focus(t)}return[2]}))}))};t.prototype.render=function(){var t;var e=this;var n=this.color==="currentColor"?"currentColor":getColorByName(this.color,this.theme);var i=getColorByName(this.background,this.theme);var o=i?shadeRGBColor(i,-.1):i;var r=i?"\n          button.duet-action-button {\n            background: ".concat(i," !important;\n          }\n          button.duet-action-button:not(:disabled):hover {\n            background: ").concat(o," !important;\n          }\n        "):"";var a={color:n,"border-color":getColorByName(this.iconColor,this.theme),"border-width":"1px","border-style":"solid"};var u={ref:function(t){return e.nativeButton=t},part:"button",style:a,disabled:this.disabled,id:this.listId,type:"button","aria-label":this.accessibleLabel,"aria-labelledby":this.accessibleLabelledBy,"aria-description":this.accessibleDescription,"aria-describedby":this.accessibleDescribedBy,"aria-details":this.accessibleDetails,"aria-controls":this.accessibleControls,title:this.getTitle(),class:(t={"duet-action-button":true,"duet-action-button--disabled":this.disabled},t["duet-action-button--".concat(this.theme)]=this.theme!=="",t["duet-theme-turva"]=this.theme==="turva",t)};return h(Host,{key:"784004122f9530676cbff39d09e3e4a4f7ccbf8f",onKeyDown:function(t){return e.onKeyboardDown(t)}},h("style",{key:"b34416cab89d2c6f2c4d67902239ab7140d74fb4",innerHTML:r}),this.url&&!this.disabled?h("a",Object.assign({},u,{href:this.url}),h("duet-icon",{part:"icon",name:this.iconName,color:this.iconColor,margin:"none",size:this.iconSize})):h("button",Object.assign({},u,{onClick:function(t){return e.onMouseHandler(t)}}),h("duet-icon",{part:"icon",name:this.iconName,color:this.iconColor,margin:"none",size:this.iconSize}),h("duet-visually-hidden",null,h("slot",null))))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();DuetActionButton.style=DuetActionButtonStyle0;export{DuetActionButton as duet_action_button};
+ */import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-822baec2.js";import{i as inheritGlobalTheme}from"./themeable-component-4e1ca2f5.js";import{c as createID}from"./create-id-149a1b6d.js";import{d as debounce}from"./js-utils-9b9e0039.js";import{i as isKeyboardClick}from"./keyboard-utils-daf80d44.js";import{g as getLocaleString,c as connectLanguageChangeObserver,d as disconnectLanguageChangeObserver}from"./language-utils-2038d09e.js";import{c as capitalizeFirstLetter,g as getColorByName,s as shadeRGBColor}from"./token-utils-7360bb84.js";import"./string-utils-192eb3c8.js";import"./tokens.module-821694bb.js";var duetActionButtonCss="*,*::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:inline-block;margin:0 auto}.duet-action-button{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;min-height:auto !important;padding:0 !important;margin:0 0 0 8px;color:rgb(8, 42, 77);white-space:nowrap;cursor:pointer;background:rgb(245, 248, 250);border-radius:50%;transition:background-color 300ms ease !important}.duet-action-button.duet-theme-turva{color:rgb(23, 28, 58);background:rgb(245, 247, 250)}.duet-action-button duet-icon{display:block}@media (max-width: 35.9375em){.duet-action-button{width:32px;height:32px}}.duet-action-button:not(:disabled):hover{background:#e9ecee}.duet-action-button:not(:disabled):hover.duet-theme-turva{background:#e9ebee}.duet-action-button:focus{outline:0;box-shadow:0 0 0 2px #0077b3 !important}.duet-action-button:focus.duet-theme-turva{box-shadow:0 0 0 2px #171c3a !important}.duet-action-button:active:focus{background:#dddfe1 !important;box-shadow:none}.duet-action-button:active:focus.duet-theme-turva{background:#dddee1 !important}.duet-action-button:disabled{color:rgb(127, 150, 165);cursor:default;background:rgb(245, 248, 250);opacity:0.75}.duet-action-button.duet-theme-turva:disabled{color:rgb(143, 147, 158);background:rgb(245, 247, 250)}:host(.duet-theme-turva2) .duet-action-button.duet-theme-turva{color:#172a3b;background:#fdf7f2}:host(.duet-theme-turva2) .duet-action-button.duet-theme-turva:not(:disabled):hover{background:#f0ebe6}:host(.duet-theme-turva2) .duet-action-button.duet-theme-turva:focus{box-shadow:0 0 0 2px #172a3b !important}:host(.duet-theme-turva2) .duet-action-button.duet-theme-turva:active:focus{background:#e4deda !important;box-shadow:none}:host(.duet-theme-turva2) .duet-action-button.duet-theme-turva:disabled{color:#7891a4;background:#f5f6f7}";var DuetActionButtonStyle0=duetActionButtonCss;var DuetActionButton=function(){function t(t){var e=this;registerInstance(this,t);this.duetActionEvent=createEvent(this,"duetActionEvent",6);this.listId=createID("duet-action-button");this.emitPageEvent=debounce((function(t){e.duetActionEvent.emit({component:"duet-action-button",originalEvent:t,action:e.actionId,name:e.actionName,meta:e.actionMeta,id:e.listId})}));this.numbersStore="";this.theme="";this.iconName="action-arrow-left-small";this.iconColor="currentColor";this.iconSize="xx-small";this.actionName=undefined;this.actionId=undefined;this.actionMeta=undefined;this.disabled=false;this.color="";this.background="";this.accessibleTitle=true;this.accessibleDescribedBy=undefined;this.accessibleDetails=undefined;this.accessibleLabelledBy=undefined;this.accessibleDescription=undefined;this.accessibleLabelsDefaults={en:"Click to activate action",fi:"Klikkaa aktivoidaksesi toiminto",sv:"Klicka för att aktivera åtgärd"};this.accessibleLabel=getLocaleString(this.accessibleLabelsDefaults);this.accessibleControls="";this.url=undefined}t.prototype.onKeyboardDown=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){if(isKeyboardClick(t)){this.emitPageEvent(t)}return[2]}))}))};t.prototype.getTitle=function(){if(typeof this.accessibleTitle==="string"){return this.accessibleTitle}if(this.accessibleTitle===true&&this.actionName){return capitalizeFirstLetter("".concat(this.actionName))}return null};t.prototype.onMouseHandler=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){t.preventDefault();this.duetActionEvent.emit({component:"duet-action-button",originalEvent:t,action:this.actionName,id:this.actionId,meta:this.actionMeta});return[2]}))}))};t.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};t.prototype.connectedCallback=function(){connectLanguageChangeObserver(this,{prop:"accessibleLabel",defaults:"accessibleLabelsDefaults"})};t.prototype.disconnectedCallback=function(){disconnectLanguageChangeObserver(this)};t.prototype.setFocus=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){if(this.nativeButton){this.nativeButton.focus(t)}return[2]}))}))};t.prototype.render=function(){var t;var e=this;var n=this.color==="currentColor"?"currentColor":getColorByName(this.color,this.theme);var i=getColorByName(this.background,this.theme);var o=i?shadeRGBColor(i,-.1):i;var r=i?"\n          button.duet-action-button {\n            background: ".concat(i," !important;\n          }\n          button.duet-action-button:not(:disabled):hover {\n            background: ").concat(o," !important;\n          }\n        "):"";var a={color:n,"border-color":getColorByName(this.iconColor,this.theme),"border-width":"1px","border-style":"solid"};var u={ref:function(t){return e.nativeButton=t},part:"button",style:a,disabled:this.disabled,id:this.listId,type:"button","aria-label":this.accessibleLabel,"aria-labelledby":this.accessibleLabelledBy,"aria-description":this.accessibleDescription,"aria-describedby":this.accessibleDescribedBy,"aria-details":this.accessibleDetails,"aria-controls":this.accessibleControls,title:this.getTitle(),class:(t={"duet-action-button":true,"duet-action-button--disabled":this.disabled},t["duet-action-button--".concat(this.theme)]=this.theme!=="",t["duet-theme-turva"]=this.theme==="turva",t)};return h(Host,{key:"784004122f9530676cbff39d09e3e4a4f7ccbf8f",onKeyDown:function(t){return e.onKeyboardDown(t)}},h("style",{key:"b34416cab89d2c6f2c4d67902239ab7140d74fb4",innerHTML:r}),this.url&&!this.disabled?h("a",Object.assign({},u,{href:this.url}),h("duet-icon",{part:"icon",name:this.iconName,color:this.iconColor,margin:"none",size:this.iconSize})):h("button",Object.assign({},u,{onClick:function(t){return e.onMouseHandler(t)}}),h("duet-icon",{part:"icon",name:this.iconName,color:this.iconColor,margin:"none",size:this.iconSize}),h("duet-visually-hidden",null,h("slot",null))))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();DuetActionButton.style=DuetActionButtonStyle0;export{DuetActionButton as duet_action_button};

package/lib/esm-es5/duet-alert.entry.js

@@ -1,4 +1,4 @@
 var __awaiter=this&&this.__awaiter||function(e,t,a,i){function r(e){return e instanceof a?e:new a((function(t){t(e)}))}return new(a||(a=Promise))((function(a,n){function s(e){try{d(i.next(e))}catch(e){n(e)}}function o(e){try{d(i["throw"](e))}catch(e){n(e)}}function d(e){e.done?a(e.value):r(e.value).then(s,o)}d((i=i.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var a={label:0,sent:function(){if(n[0]&1)throw n[1];return n[1]},trys:[],ops:[]},i,r,n,s;return s={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function o(e){return function(t){return d([e,t])}}function d(o){if(i)throw new TypeError("Generator is already executing.");while(s&&(s=0,o[0]&&(a=0)),a)try{if(i=1,r&&(n=o[0]&2?r["return"]:o[0]?r["throw"]||((n=r["return"])&&n.call(r),0):r.next)&&!(n=n.call(r,o[1])).done)return n;if(r=0,n)o=[o[0]&2,n.value];switch(o[0]){case 0:case 1:n=o;break;case 4:a.label++;return{value:o[1],done:false};case 5:a.label++;r=o[1];o=[0];continue;case 7:o=a.ops.pop();a.trys.pop();continue;default:if(!(n=a.trys,n=n.length>0&&n[n.length-1])&&(o[0]===6||o[0]===2)){a=0;continue}if(o[0]===3&&(!n||o[1]>n[0]&&o[1]<n[3])){a.label=o[1];break}if(o[0]===6&&a.label<n[1]){a.label=n[1];n=o;break}if(n&&a.label<n[2]){a.label=n[2];a.ops.push(o);break}if(n[2])a.ops.pop();a.trys.pop();continue}o=t.call(e,a)}catch(e){o=[6,e];r=0}finally{i=n=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};
 /*!
  * Built with Duet Design System
- */import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-01321175.js";import{i as inheritGlobalTheme}from"./themeable-component-4fc6639e.js";import{c as createID}from"./create-id-149a1b6d.js";import{s as subscribeTabbingChange,u as unsubscribeTabbingChange}from"./keyboard-utils-daf80d44.js";import{g as getLocaleString,c as connectLanguageChangeObserver,d as disconnectLanguageChangeObserver}from"./language-utils-f3bce1d0.js";import{h as hasSlot}from"./slot-utils-cdfa84b2.js";import"./string-utils-192eb3c8.js";var 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);border-radius:0}.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 72px 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:flex-start;width:100%;margin:0 auto !important}.duet-alert-container .duet-alert-content{flex-grow:1;line-height:1.5}.duet-alert-has-icon .duet-alert-container{margin-top:2px !important}.duet-alert-container:focus{outline:none}.duet-alert-icon{position:relative;top:2px;display:inline-block;width:20px;min-width:20px;height:20px;margin:0 16px 0 0 !important}.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 .expanding-title{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%)}';var DuetAlertStyle0=duetAlertCss;var DuetAlert=function(){function e(e){var t=this;registerInstance(this,e);this.duetDismiss=createEvent(this,"duetDismiss",7);this.duetCloseComplete=createEvent(this,"duetCloseComplete",7);this.descriptiveId=createID("DuetAlert");this.hasShowMoreSlot=false;this.labels={default:{fi:"Huomioithan",en:"Please note",sv:"Observera"},success:{fi:"Onnistunut toiminto",en:"Action completed successfully",sv:"Lyckad åtgärd"},danger:{fi:"Tärkeä varoitus",en:"Important warning",sv:"Viktig varning"},warning:{fi:"Varoitus",en:"Warning",sv:"Varning"}};this.handleDismiss=function(e){t.handleHide();t.duetDismiss.emit({component:"duet-alert",originalEvent:e})};this.handleShow=function(){t.isDismissed=false};this.handleHide=function(){t.isDismissed=true;t.element.addEventListener("transitionend",(function(){return t.duetCloseComplete.emit()}),{once:true})};this.handleExpandToggle=function(){t.isExpanded=!t.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=""}e.prototype.componentWillLoad=function(){inheritGlobalTheme(this);this.hasShowMoreSlot=hasSlot(this.element,"show-more")};e.prototype.componentDidLoad=function(){var e=this;if(this.autoDismiss){this.timeoutID=setTimeout((function(){return e.handleDismiss()}),this.autoDismiss)}};e.prototype.connectedCallback=function(){connectLanguageChangeObserver(this,{prop:"accessibleLabel",defaults:"accessibleLabelDefaults"});subscribeTabbingChange(this)};e.prototype.disconnectedCallback=function(){if(this.timeoutID){clearTimeout(this.timeoutID)}disconnectLanguageChangeObserver(this);unsubscribeTabbingChange(this)};e.prototype.show=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.handleShow();return[2]}))}))};e.prototype.hide=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.handleHide();return[2]}))}))};e.prototype.setFocus=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.alertContainer.focus(e);return[2]}))}))};e.prototype.render=function(){var e,t;var a=this;var i=["default","success","danger","warning"].includes(this.variation)?this.variation:"default";var r=getLocaleString(this.labels[i]);return h(Host,{key:"5584475286356ac3d444c97e9429aaddc5e6153e",class:{"duet-theme-turva":this.theme==="turva","duet-alert-is-dismissed":this.isDismissed},role:this.announcements?"alert":undefined},h("div",{key:"7a3ef0cee9f7e304eac829dfbfd834f1123867fd",class:(e={"duet-alert-wrapper":true,"duet-p-0":this.padding==="none","duet-m-0":this.margin==="none"},e[i]=true,e[this.position]=true,e["duet-theme-turva"]=this.theme==="turva",e)},h("div",{key:"27797a4ea2296ac70ac133f3ec1a4fedaa07b78d",class:(t={"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"},t[i]=true,t["duet-theme-turva"]=this.theme==="turva",t)},h("div",{key:"3030a95fb19791465f75a74a6803a1bbd0f9b5dd",class:"duet-alert-container",ref:function(e){a.alertContainer=e},tabindex:this.focusable?"0":undefined},this.position!=="below-nav"&&h("div",{key:"e990ae6cf89ef89c0c3445af06402f8202583796",class:"duet-alert-icon"},this.icon&&h("duet-icon",{key:"f4b0bd5ca292239cb7a98379b10dd965d4173509",size:"auto",name:this.icon,color:"currentColor"})||h("duet-status-icon",{key:"ad9b6952c1af47501fe6bf7298d69a66bb1223b9",strong:true,variation:i,margin:"none",size:"auto"})),this.position==="below-nav"&&h("div",{key:"479a41fafb16793a51eb71e8e892088b6ede41ef",class:"duet-alert-icon below-nav"},h("duet-status-icon",{key:"249c1b1f9a763ce5725982a2c0a00597698bccc7",strong:true,variation:i,margin:"none",size:"auto"})),h("div",{key:"577fa13d2a0682a3fe079a4a098e11bb99fc8dc9",class:"duet-alert-content",id:this.descriptiveId},this.expandingTitle&&h("button",{key:"4fb68ee1545889ee3c0090bcbc3cd7e952e4d6c9","aria-expanded":this.isExpanded.toString(),"aria-controls":"".concat(this.descriptiveId,"-content"),class:"duet-alert-expander",onClick:this.handleExpandToggle},h("span",{key:"9ab35209919d1fe4aa6f3db6c16e593828985434",class:"expanding-title"},this.expandingTitle),h("duet-icon",{key:"d387939b25c676cd7c17ec6962da00383935ade3",name:"action-arrow-down",color:i==="default"?"lt-blue-800":"".concat(i,"-800"),margin:"none",size:"x-small"})),(!this.expandingTitle||this.isExpanded)&&h("div",{key:"989a79e16a74690dc7c78da3cc40ef4d02ecb513",id:"".concat(this.descriptiveId,"-content")},h("duet-visually-hidden",{key:"4792b5aa92cefc69907c6325a3c89bd5d9476ae3"},r),h("slot",{key:"662c5673bd1118e9effdd083eba7b13ea349ac39"})))),this.hasShowMoreSlot&&h("duet-show-more",{key:"7b7b917b785c74924ef13550a9866ab4d724f9ce",margin:"none",class:"duet-alert-show-more"},h("slot",{key:"6370fcc4b7e689d1997c7e224e6f71ca27772689",name:"show-more"})),this.dismissible&&!this.expandingTitle&&h("div",{key:"70e609bdf62b90448894c3f107c435d9b9b9f7ca",class:"duet-alert-dismiss"},h("duet-button",{key:"1b230dc424387b18799431608c1aab1e63e7035f",variation:"plain",accessibleLabel:this.accessibleLabel,accessibleDescribedBy:this.descriptiveId,iconSize:"medium",icon:"navigation-close",iconOnly:true,margin:"none",color:i==="default"?"lt-blue-800":"".concat(i,"-800"),theme:this.theme,onClick:this.handleDismiss,fixed:true})))))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();DuetAlert.style=DuetAlertStyle0;export{DuetAlert as duet_alert};
+ */import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-822baec2.js";import{i as inheritGlobalTheme}from"./themeable-component-4e1ca2f5.js";import{c as createID}from"./create-id-149a1b6d.js";import{s as subscribeTabbingChange,u as unsubscribeTabbingChange}from"./keyboard-utils-daf80d44.js";import{g as getLocaleString,c as connectLanguageChangeObserver,d as disconnectLanguageChangeObserver}from"./language-utils-2038d09e.js";import{h as hasSlot}from"./slot-utils-5410a171.js";import"./string-utils-192eb3c8.js";var 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);border-radius:0}.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 72px 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:flex-start;width:100%;margin:0 auto !important}.duet-alert-container .duet-alert-content{flex-grow:1;line-height:1.5}.duet-alert-has-icon .duet-alert-container{margin-top:2px !important}.duet-alert-container:focus{outline:none}.duet-alert-icon{position:relative;top:2px;display:inline-block;width:20px;min-width:20px;height:20px;margin:0 16px 0 0 !important}.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 .expanding-title{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%)}';var DuetAlertStyle0=duetAlertCss;var DuetAlert=function(){function e(e){var t=this;registerInstance(this,e);this.duetDismiss=createEvent(this,"duetDismiss",7);this.duetCloseComplete=createEvent(this,"duetCloseComplete",7);this.descriptiveId=createID("DuetAlert");this.hasShowMoreSlot=false;this.labels={default:{fi:"Huomioithan",en:"Please note",sv:"Observera"},success:{fi:"Onnistunut toiminto",en:"Action completed successfully",sv:"Lyckad åtgärd"},danger:{fi:"Tärkeä varoitus",en:"Important warning",sv:"Viktig varning"},warning:{fi:"Varoitus",en:"Warning",sv:"Varning"}};this.handleDismiss=function(e){t.handleHide();t.duetDismiss.emit({component:"duet-alert",originalEvent:e})};this.handleShow=function(){t.isDismissed=false};this.handleHide=function(){t.isDismissed=true;t.element.addEventListener("transitionend",(function(){return t.duetCloseComplete.emit()}),{once:true})};this.handleExpandToggle=function(){t.isExpanded=!t.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=""}e.prototype.componentWillLoad=function(){inheritGlobalTheme(this);this.hasShowMoreSlot=hasSlot(this.element,"show-more")};e.prototype.componentDidLoad=function(){var e=this;if(this.autoDismiss){this.timeoutID=setTimeout((function(){return e.handleDismiss()}),this.autoDismiss)}};e.prototype.connectedCallback=function(){connectLanguageChangeObserver(this,{prop:"accessibleLabel",defaults:"accessibleLabelDefaults"});subscribeTabbingChange(this)};e.prototype.disconnectedCallback=function(){if(this.timeoutID){clearTimeout(this.timeoutID)}disconnectLanguageChangeObserver(this);unsubscribeTabbingChange(this)};e.prototype.show=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.handleShow();return[2]}))}))};e.prototype.hide=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.handleHide();return[2]}))}))};e.prototype.setFocus=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.alertContainer.focus(e);return[2]}))}))};e.prototype.render=function(){var e,t;var a=this;var i=["default","success","danger","warning"].includes(this.variation)?this.variation:"default";var r=getLocaleString(this.labels[i]);return h(Host,{key:"5584475286356ac3d444c97e9429aaddc5e6153e",class:{"duet-theme-turva":this.theme==="turva","duet-alert-is-dismissed":this.isDismissed},role:this.announcements?"alert":undefined},h("div",{key:"7a3ef0cee9f7e304eac829dfbfd834f1123867fd",class:(e={"duet-alert-wrapper":true,"duet-p-0":this.padding==="none","duet-m-0":this.margin==="none"},e[i]=true,e[this.position]=true,e["duet-theme-turva"]=this.theme==="turva",e)},h("div",{key:"27797a4ea2296ac70ac133f3ec1a4fedaa07b78d",class:(t={"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"},t[i]=true,t["duet-theme-turva"]=this.theme==="turva",t)},h("div",{key:"3030a95fb19791465f75a74a6803a1bbd0f9b5dd",class:"duet-alert-container",ref:function(e){a.alertContainer=e},tabindex:this.focusable?"0":undefined},this.position!=="below-nav"&&h("div",{key:"e990ae6cf89ef89c0c3445af06402f8202583796",class:"duet-alert-icon"},this.icon&&h("duet-icon",{key:"f4b0bd5ca292239cb7a98379b10dd965d4173509",size:"auto",name:this.icon,color:"currentColor"})||h("duet-status-icon",{key:"ad9b6952c1af47501fe6bf7298d69a66bb1223b9",strong:true,variation:i,margin:"none",size:"auto"})),this.position==="below-nav"&&h("div",{key:"479a41fafb16793a51eb71e8e892088b6ede41ef",class:"duet-alert-icon below-nav"},h("duet-status-icon",{key:"249c1b1f9a763ce5725982a2c0a00597698bccc7",strong:true,variation:i,margin:"none",size:"auto"})),h("div",{key:"577fa13d2a0682a3fe079a4a098e11bb99fc8dc9",class:"duet-alert-content",id:this.descriptiveId},this.expandingTitle&&h("button",{key:"4fb68ee1545889ee3c0090bcbc3cd7e952e4d6c9","aria-expanded":this.isExpanded.toString(),"aria-controls":"".concat(this.descriptiveId,"-content"),class:"duet-alert-expander",onClick:this.handleExpandToggle},h("span",{key:"9ab35209919d1fe4aa6f3db6c16e593828985434",class:"expanding-title"},this.expandingTitle),h("duet-icon",{key:"d387939b25c676cd7c17ec6962da00383935ade3",name:"action-arrow-down",color:i==="default"?"lt-blue-800":"".concat(i,"-800"),margin:"none",size:"x-small"})),(!this.expandingTitle||this.isExpanded)&&h("div",{key:"989a79e16a74690dc7c78da3cc40ef4d02ecb513",id:"".concat(this.descriptiveId,"-content")},h("duet-visually-hidden",{key:"4792b5aa92cefc69907c6325a3c89bd5d9476ae3"},r),h("slot",{key:"662c5673bd1118e9effdd083eba7b13ea349ac39"})))),this.hasShowMoreSlot&&h("duet-show-more",{key:"7b7b917b785c74924ef13550a9866ab4d724f9ce",margin:"none",class:"duet-alert-show-more"},h("slot",{key:"6370fcc4b7e689d1997c7e224e6f71ca27772689",name:"show-more"})),this.dismissible&&!this.expandingTitle&&h("div",{key:"70e609bdf62b90448894c3f107c435d9b9b9f7ca",class:"duet-alert-dismiss"},h("duet-button",{key:"1b230dc424387b18799431608c1aab1e63e7035f",variation:"plain",accessibleLabel:this.accessibleLabel,accessibleDescribedBy:this.descriptiveId,iconSize:"medium",icon:"navigation-close",iconOnly:true,margin:"none",color:i==="default"?"lt-blue-800":"".concat(i,"-800"),theme:this.theme,onClick:this.handleDismiss,fixed:true})))))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();DuetAlert.style=DuetAlertStyle0;export{DuetAlert as duet_alert};

package/lib/esm-es5/duet-badge.entry.js

@@ -1,4 +1,4 @@
 /*!
  * Built with Duet Design System
  */
-import{r as registerInstance,h,H as Host,g as getElement}from"./index-01321175.js";import{i as inheritGlobalTheme}from"./themeable-component-4fc6639e.js";var 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)}:host(.duet-theme-turva2) .duet-badge.duet-theme-turva.default{color:#171c3a;background:#e8e8eb}:host(.duet-theme-turva2) .duet-badge.duet-theme-turva.background-strong.default{color:rgb(255, 255, 255);background:#171c3a}:host(.duet-theme-turva2) .duet-badge.duet-theme-turva.background-strong.subtle{outline-color:#171c3a}';var DuetBadgeStyle0=duetBadgeCss;var DuetBadge=function(){function e(e){registerInstance(this,e);this.theme="";this.variation="default";this.background="normal";this.margin="auto"}e.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};e.prototype.render=function(){var e;var t="background-".concat(this.background);return h(Host,{key:"4ddf949a95c4f03e5c5518c1416915dab4adc461",class:{"duet-m-0":this.margin==="none"}},h("span",{key:"b5f81667b0c765b31850d558b3237bcbb411819f",class:(e={"duet-badge":true},e[this.variation]=true,e[t]=true,e["duet-theme-turva"]=this.theme==="turva",e)},h("slot",{key:"2dadbc5c59a8e223561aa79e12bfb5008d95a5df"})))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();DuetBadge.style=DuetBadgeStyle0;export{DuetBadge as duet_badge};
+import{r as registerInstance,h,H as Host,g as getElement}from"./index-822baec2.js";import{i as inheritGlobalTheme}from"./themeable-component-4e1ca2f5.js";var 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)}:host(.duet-theme-turva2) .duet-badge.duet-theme-turva.default{color:#172a3b;background:#e8eaeb}:host(.duet-theme-turva2) .duet-badge.duet-theme-turva.background-strong.default{color:rgb(255, 255, 255);background:#172a3b}:host(.duet-theme-turva2) .duet-badge.duet-theme-turva.background-strong.subtle{outline-color:#172a3b}';var DuetBadgeStyle0=duetBadgeCss;var DuetBadge=function(){function e(e){registerInstance(this,e);this.theme="";this.variation="default";this.background="normal";this.margin="auto"}e.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};e.prototype.render=function(){var e;var t="background-".concat(this.background);return h(Host,{key:"4ddf949a95c4f03e5c5518c1416915dab4adc461",class:{"duet-m-0":this.margin==="none"}},h("span",{key:"b5f81667b0c765b31850d558b3237bcbb411819f",class:(e={"duet-badge":true},e[this.variation]=true,e[t]=true,e["duet-theme-turva"]=this.theme==="turva",e)},h("slot",{key:"2dadbc5c59a8e223561aa79e12bfb5008d95a5df"})))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();DuetBadge.style=DuetBadgeStyle0;export{DuetBadge as duet_badge};