@duetds/components 9.1.0 → 9.1.2

package/lib/dist-custom-elements/{p-015b9f09.js → p-b1aa75c1.js}

@@ -1,13 +1,13 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-36beca8c.js';
+import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-926dfd0d.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
-import { F as FocusGuard } from './p-c3854d56.js';
+import { F as FocusGuard } from './p-a9169fe0.js';
 import { s as subscribeTabbingChange, u as unsubscribeTabbingChange } from './p-785686e3.js';
 import { T as Teleport } from './p-ca3cb21e.js';
-import { d as defineCustomElement$2 } from './p-637da1ab.js';
-import { d as defineCustomElement$1 } from './p-a63c4d39.js';
+import { d as defineCustomElement$2 } from './p-7a8eda34.js';
+import { d as defineCustomElement$1 } from './p-f5924b7d.js';
 
 const duetTooltipPopupCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:absolute;z-index:950}.duet-tooltip{position:relative;width:282px;min-height:48px;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:0.875rem;font-weight:400;line-height:1.25;color:rgb(0, 41, 77);visibility:hidden;background:rgb(255, 255, 255);border:1px solid rgb(225, 227, 230);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(228, 228, 230);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(225, 227, 230)}.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(228, 228, 230)}.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(225, 227, 230)}.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(228, 228, 230)}.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(225, 227, 230);border-radius:4px}.duet-theme-turva .duet-tooltip-content-area::-webkit-scrollbar-thumb{background:rgb(228, 228, 230)}.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(0, 41, 77);cursor:pointer;background:rgb(245, 248, 250);border-radius:50%;-webkit-appearance:none;appearance:none}.duet-tooltip-close:focus{outline:none;box-shadow:0 0 0 2px #0077b3 !important}.duet-theme-turva .duet-tooltip-close:focus{color:rgb(23, 28, 58);box-shadow:0 0 0 2px #171c3a !important}";
 const DuetTooltipPopupStyle0 = duetTooltipPopupCss;
@@ -56,11 +56,11 @@ const DuetTooltipPopup = /*@__PURE__*/ proxyCustomElement(class DuetTooltipPopup
         this.contentEl.focus();
     }
     render() {
-        return (h(Host, { key: '2c0a3cbe2d1e70112a8e36fb5486c0b3828fec6e' }, h("div", { key: '9615ecf77473659b94f595ce74e4d193f0910c2d', class: {
+        return (h(Host, { key: '5937d404a3288b6afe2b9c8e1d47147e96eef933' }, h("div", { key: 'bc2694a70963dabcaddce627d1abfe51dc36ebac', class: {
                 "duet-tooltip": true,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-tooltip-active": this.active === true,
-            } }, h(FocusGuard, { key: '178d295e1ea3cb5ccc5bec86b9f3fc0d7fcdf963', moveFocusTo: this.buttonEl }), h("div", { key: '1155f49ddfdb942c5ae5898fb4820a80a5c40328', ref: element => (this.contentEl = element), class: "duet-tooltip-content-area", tabindex: 0, id: this.tooltipId }, h("slot", { key: 'c8a124d7d082b709143701811fdec18d579d57e6' })), h("div", { key: 'f0e09b06cdd9f9945e99ec2b1910ff7decf89134', ref: element => (this.arrowEl = element), class: { arrow: true, [this.placement]: true }, style: this.arrowStyles }, h("div", { key: 'eedba52de69d73626caba16ba466803be54a327d', class: { "arrow-container": true, [this.placement]: true } })), h("button", { key: 'aa5ccd0ff5db12c5608f296ef3428e60fee82599', type: "button", class: "duet-tooltip-close", onClick: this.handleCloseClick, ref: el => (this.buttonEl = el) }, h("duet-icon", { key: 'f66f28e0b597d51fd5823a3586e2c9a30c3c643a', name: "navigation-close-small", margin: "none", color: "currentColor", size: "xxx-small" }), h("duet-visually-hidden", { key: 'b61c91a4128f970d3fd243405d990cea29f80524' }, this.accessibleCloseLabel)), h(FocusGuard, { key: '44f290cf1a0dbf47fe135818d42c55534f182bcb', moveFocusTo: this.contentEl }))));
+            } }, h(FocusGuard, { key: '461ee4e709c80fae34d04f2bba0fd60e6305f594', moveFocusTo: this.buttonEl }), h("div", { key: '47e8f609387722060e93fc37558a219c2bad2ed6', ref: element => (this.contentEl = element), class: "duet-tooltip-content-area", tabindex: 0, id: this.tooltipId }, h("slot", { key: '64350c3d73d2560711890254d8be979f07c27f1b' })), h("div", { key: '0544215577fd0b4e6be97eadcbad8f58114ffb38', ref: element => (this.arrowEl = element), class: { arrow: true, [this.placement]: true }, style: this.arrowStyles }, h("div", { key: '1076a224b4a4f9d455271245e7bd879689a96bf4', class: { "arrow-container": true, [this.placement]: true } })), h("button", { key: 'bf275bd1c1597e42ab29ce57338a37e8ff534bfc', type: "button", class: "duet-tooltip-close", onClick: this.handleCloseClick, ref: el => (this.buttonEl = el) }, h("duet-icon", { key: 'e06529abd6465f5e65f57f85ba2392c1df82d59f', name: "navigation-close-small", margin: "none", color: "currentColor", size: "xxx-small" }), h("duet-visually-hidden", { key: '43cabf152e52e237b886642e66a30875973fac6f' }, this.accessibleCloseLabel)), h(FocusGuard, { key: '47ef9a81ce996efe8d52d06f36799c5a4f3b26cc', moveFocusTo: this.contentEl }))));
     }
     get element() { return this; }
     static get style() { return DuetTooltipPopupStyle0; }

package/lib/dist-custom-elements/{p-4ecc1476.js → p-bec25ec5.js}

@@ -1,10 +1,10 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h } from './p-36beca8c.js';
+import { p as proxyCustomElement, H, h } from './p-926dfd0d.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
 import { s as sanitizeString } from './p-9c3c64b9.js';
-import { g as getColorByName } from './p-3ec3eb5f.js';
+import { g as getColorByName } from './p-fac41d14.js';
 
 const duetHeadingCss = "*,*::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;display:block;width:100%}.duet-heading{margin-bottom:16px !important;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-style:normal;font-weight:800;font-variant-numeric:tabular-nums;line-height:1.25;color:rgb(0, 41, 77);text-decoration:none;letter-spacing:-0.01rem;word-break:break-word}@media (min-width: 36em){.duet-heading{margin-bottom:20px !important}}.duet-heading.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\";font-style:italic;font-weight:700;color:rgb(23, 28, 58)}.duet-heading.duet-heading-border{padding-bottom:20px;border-bottom:1px solid rgb(225, 227, 230)}.duet-heading.duet-heading-border.duet-heading-border-solid{border-bottom-color:rgb(101, 119, 135)}.duet-heading.duet-heading-hyphenate{-webkit-hyphens:auto;hyphens:auto}.duet-heading.h0{font-size:9.4vw;line-height:1.1}.duet-heading.h0.duet-p-0{padding:0 !important}.duet-heading.h0.duet-m-0{margin:0 !important}@media (max-width: 31.914893617rem){.duet-heading.h0{font-size:3rem}}@media (min-width: 47.8723404255rem){.duet-heading.h0{font-size:4.5rem}}@media (max-width: 22.5em){.duet-heading.h0{font-size:2.25rem}}.duet-heading.h0.fixed-size{font-size:4.5rem}.duet-heading.h1{font-size:7vw;line-height:1.1}.duet-heading.h1.duet-p-0{padding:0 !important}.duet-heading.h1.duet-m-0{margin:0 !important}@media (max-width: 32.1428571429rem){.duet-heading.h1{font-size:2.25rem}}@media (min-width: 42.8571428571rem){.duet-heading.h1{font-size:3rem}}@media (max-width: 22.5em){.duet-heading.h1{font-size:1.5rem}}.duet-heading.h1.fixed-size{font-size:3rem}.duet-heading.h2{font-size:5.8vw;line-height:1.1}.duet-heading.h2.duet-p-0{padding:0 !important}.duet-heading.h2.duet-m-0{margin:0 !important}@media (max-width: 25.8620689655rem){.duet-heading.h2{font-size:1.5rem}}@media (min-width: 38.7931034483rem){.duet-heading.h2{font-size:2.25rem}}.duet-heading.h2.duet-theme-turva{font-style:normal}@media (max-width: 22.5em){.duet-heading.h2{font-size:1.375rem}}.duet-heading.h2.fixed-size{font-size:2.25rem}.duet-heading.h3{margin-bottom:12px !important;font-size:4.2vw}.duet-heading.h3.duet-p-0{padding:0 !important}.duet-heading.h3.duet-m-0{margin:0 !important}@media (max-width: 29.7619047619rem){.duet-heading.h3{font-size:1.25rem}}@media (min-width: 35.7142857143rem){.duet-heading.h3{font-size:1.5rem}}.duet-heading.h3.duet-theme-turva{font-style:normal}.duet-heading.h3.duet-heading-border{padding-bottom:20px}.duet-heading.h3.fixed-size{font-size:1.5rem}.duet-heading.h4{margin-bottom:8px !important;font-size:4vw;letter-spacing:0}.duet-heading.h4.duet-p-0{padding:0 !important}.duet-heading.h4.duet-m-0{margin:0 !important}@media (max-width: 27.5rem){.duet-heading.h4{font-size:1.1rem}}@media (min-width: 31.25rem){.duet-heading.h4{font-size:1.25rem}}.duet-heading.h4.duet-theme-turva{font-style:normal;font-weight:700}.duet-heading.h4.duet-heading-border{padding-bottom:20px}.duet-heading.h4.fixed-size{font-size:1.25rem}.duet-heading.h5{margin-bottom:8px !important;font-size:4vw;font-weight:600;letter-spacing:0}.duet-heading.h5.duet-p-0{padding:0 !important}.duet-heading.h5.duet-m-0{margin:0 !important}@media (max-width: 27.5rem){.duet-heading.h5{font-size:1.1rem}}@media (min-width: 28.4090909091rem){.duet-heading.h5{font-size:1.1363636364rem}}.duet-heading.h5.duet-theme-turva{font-style:normal;font-weight:700}.duet-heading.h5.duet-heading-border{padding-bottom:16px}.duet-heading.h5.fixed-size{font-size:1.25rem}.duet-heading.h6{margin-bottom:8px !important;font-size:1rem;font-weight:600;letter-spacing:0}.duet-heading.h6.duet-p-0{padding:0 !important}.duet-heading.h6.duet-m-0{margin:0 !important}.duet-heading.h6.duet-theme-turva{font-style:normal;font-weight:700}.duet-heading.h6.duet-heading-border{padding-bottom:16px}.duet-heading.duet-normal,.duet-heading.duet-theme-turva.duet-normal{font-style:normal !important;font-weight:400 !important}.duet-heading.duet-semibold,.duet-heading.duet-theme-turva.duet-semibold{font-style:normal !important;font-weight:600 !important}";
 const DuetHeadingStyle0 = duetHeadingCss;

package/lib/dist-custom-elements/{p-fc9b988f.js → p-c5df07b9.js}

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

package/lib/dist-custom-elements/{p-b5512507.js → p-c5f82e3b.js}

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h, d as Host } from './p-36beca8c.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-926dfd0d.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
 
 const duetGridItemCss = ":host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-bottom:16px !important;min-width:0;max-width:100%;flex:0 0 auto;padding-right:8px;padding-left:8px;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-style:normal;font-weight:400;line-height:1.5;color:rgb(0, 41, 77)}:host(.duet-grid-direction-horizontal:not(.duet-grid-item-row-reverse):first-child){padding-left:0}:host(.duet-grid-direction-horizontal:not(.duet-grid-item-row-reverse):first-of-type){padding-left:0}:host(.duet-grid-direction-horizontal:not(.duet-grid-item-row-reverse):last-child){padding-right:0}:host(.duet-grid-direction-horizontal:not(.duet-grid-item-row-reverse):last-of-type){padding-right:0}:host(.duet-grid-direction-horizontal.duet-grid-item-row-reverse:first-child){padding-right:0}:host(.duet-grid-direction-horizontal.duet-grid-item-row-reverse:first-of-type){padding-right:0}:host(.duet-grid-direction-horizontal.duet-grid-item-row-reverse:last-child){padding-left:0}:host(.duet-grid-direction-horizontal.duet-grid-item-row-reverse:last-of-type){padding-left:0}@media (max-width: 35.9375em){:host(.duet-grid-item-responsive){width:100% !important;min-width:0 !important;max-width:100% !important;padding-right:0;padding-left:0}}@media screen and (max-width: 47.9375em){:host(.duet-grid-item-br-medium){width:100% !important;min-width:0 !important;max-width:100% !important}}@media screen and (max-width: 47.9375em){:host(.duet-grid-item-responsive.duet-grid-item-br-medium){padding-right:0;padding-left:0}}@media screen and (max-width: 64em){:host(.duet-grid-item-br-x-large){width:100% !important;min-width:0 !important;max-width:100% !important}}@media screen and (max-width: 64em){:host(.duet-grid-item-responsive.duet-grid-item-br-x-large){padding-right:0;padding-left:0}}:host(.duet-grid-item-fill){flex:1 1 auto;width:100%}:host(.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)}:host(.duet-m-0){padding:0 !important;margin:0 !important}";

package/lib/dist-custom-elements/{p-66568599.js → p-c77f9e4d.js}

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h, d as Host } from './p-36beca8c.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-926dfd0d.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
 
 const duetBadgeCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:4px !important;margin-bottom:2px !important;display:inline-block;width:auto;vertical-align:middle}:host:last-child,:host:last-of-type{margin-right:0 !important}:host(.duet-m-0){margin:0 !important}.duet-badge{display:inline-block;width:100%;padding:4.4444444444px 12px 5.4444444444px;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:0.75rem;font-style:normal;font-weight:600;line-height:1.25;color:rgb(0, 41, 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:#fee8c3}.duet-badge.danger{background:#f8d3e0}.duet-badge.danger.duet-theme-turva{background:#f9d4cf}.duet-badge.success{background:#cce7de}.duet-badge.success.duet-theme-turva{background:#cee7dc}.duet-badge.subtle{color:rgb(101, 119, 135);background:none;outline:1px solid rgb(225, 227, 230);outline-offset:-1px}.duet-badge.subtle.duet-theme-turva{color:rgb(68, 68, 69);background:none;outline-color:rgb(228, 228, 230)}.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:#fbb63f}.duet-badge.background-strong.danger{color:rgb(255, 255, 255);background:rgb(222, 35, 98)}.duet-badge.background-strong.danger.duet-theme-turva{color:rgb(255, 255, 255);background:rgb(224, 42, 13)}.duet-badge.background-strong.success{color:rgb(255, 255, 255);background:rgb(0, 135, 90)}.duet-badge.background-strong.success.duet-theme-turva{color:rgb(255, 255, 255);background:rgb(8, 135, 78)}.duet-badge.background-strong.subtle{border-color:rgb(207, 210, 212);outline-color:rgb(0, 41, 77)}.duet-badge.background-strong.subtle.duet-theme-turva{border-color:rgb(207, 207, 209);outline-color:rgb(23, 28, 58)}";
@@ -29,12 +29,12 @@ const DuetBadge = /*@__PURE__*/ proxyCustomElement(class DuetBadge extends H {
      */
     render() {
         const backgroundClass = `background-${this.background}`;
-        return (h(Host, { key: 'f1d2c0d7ae41c9b8776ef282d7071ef27a84717f', class: { "duet-m-0": this.margin === "none" } }, h("span", { key: '3e4d65377d2627cd3e71d68f772de3ccd024ed0f', class: {
+        return (h(Host, { key: 'a98ddf68ce6e0d104c642e48a2d5d6d5660498f4', class: { "duet-m-0": this.margin === "none" } }, h("span", { key: 'aa121dca4645858c43d9d81bc29ec710723a026f', class: {
                 "duet-badge": true,
                 [this.variation]: true,
                 [backgroundClass]: true,
                 "duet-theme-turva": this.theme === "turva",
-            } }, h("slot", { key: 'cd8684571510bef387f5da513d38e8203dccd104' }))));
+            } }, h("slot", { key: '9baaff220b3bfaca21de1951ecc81fa1dde17c03' }))));
     }
     get element() { return this; }
     static get style() { return DuetBadgeStyle0; }

package/lib/dist-custom-elements/{p-b04ae8e7.js → p-cc58e64e.js}

@@ -1,8 +1,8 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h, d as Host } from './p-36beca8c.js';
-import { d as defineCustomElement$1 } from './p-a63c4d39.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-926dfd0d.js';
+import { d as defineCustomElement$1 } from './p-f5924b7d.js';
 
 const DuetUploadAriaStatus = /*@__PURE__*/ proxyCustomElement(class DuetUploadAriaStatus extends H {
     constructor() {
@@ -65,7 +65,7 @@ const DuetUploadAriaStatus = /*@__PURE__*/ proxyCustomElement(class DuetUploadAr
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: '405954504882f40e3c80907b299d9fe769768dc5', role: "status", "aria-live": "assertive", "aria-atomic": "true", "aria-relevant": "all" }, h("duet-visually-hidden", { key: '3d51c5dff4e4bdb597427bf90ba74bb671324c24' }, this.statusMessage)));
+        return (h(Host, { key: '86d09688da162133dae76983bbfc285abf03ec4b', role: "status", "aria-live": "assertive", "aria-atomic": "true", "aria-relevant": "all" }, h("duet-visually-hidden", { key: '22fb5bc7a884e3d9b63f68b6720cdf9550418082' }, this.statusMessage)));
     }
     get element() { return this; }
     static get watchers() { return {

package/lib/dist-custom-elements/{p-d11e5471.js → p-cd8e9097.js}

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h } from './p-36beca8c.js';
+import { p as proxyCustomElement, H, h } from './p-926dfd0d.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
 import { w as watchForOptions } from './p-7d8a2628.js';
 

package/lib/{esm/tokens-a9d9d4dd.js → dist-custom-elements/p-d5c7ae62.js}

@@ -15,6 +15,18 @@ const color_category_union_turva = "rgb(169, 69, 124)";
 const color_category_vehicle = "rgb(54, 74, 129)";
 const color_category_vehicle_turva = "rgb(23, 28, 58)";
 const color_danger = "rgb(222, 35, 98)";
+const color_danger_00 = "rgb(255, 240, 243)";
+const color_danger_100 = "rgb(255, 211, 219)";
+const color_danger_1000 = "rgb(89, 0, 45)";
+const color_danger_200 = "rgb(255, 173, 190)";
+const color_danger_300 = "rgb(252, 136, 162)";
+const color_danger_400 = "rgb(243, 98, 134)";
+const color_danger_50 = "rgb(255, 225, 231)";
+const color_danger_500 = "rgb(231, 62, 107)";
+const color_danger_600 = "rgb(214, 28, 82)";
+const color_danger_700 = "rgb(185, 16, 74)";
+const color_danger_800 = "rgb(153, 9, 66)";
+const color_danger_900 = "rgb(120, 4, 56)";
 const color_danger_turva = "rgb(224, 42, 13)";
 const color_data_01 = "rgb(122, 1, 196)";
 const color_data_02 = "rgb(0, 155, 204)";
@@ -43,6 +55,30 @@ const color_gray_lighter_turva = "rgb(245, 245, 247)";
 const color_gray_lightest = "rgb(255, 255, 255)";
 const color_gray_lightest_turva = "rgb(255, 255, 255)";
 const color_gray_turva = "rgb(207, 207, 209)";
+const color_lt_blue_00 = "rgb(240, 247, 250)";
+const color_lt_blue_100 = "rgb(217, 236, 245)";
+const color_lt_blue_1000 = "rgb(8, 42, 77)";
+const color_lt_blue_200 = "rgb(198, 225, 238)";
+const color_lt_blue_300 = "rgb(172, 210, 229)";
+const color_lt_blue_400 = "rgb(131, 188, 217)";
+const color_lt_blue_50 = "rgb(228, 241, 247)";
+const color_lt_blue_500 = "rgb(50, 153, 204)";
+const color_lt_blue_600 = "rgb(0, 119, 179)";
+const color_lt_blue_700 = "rgb(0, 97, 155)";
+const color_lt_blue_800 = "rgb(0, 75, 129)";
+const color_lt_blue_900 = "rgb(3, 56, 102)";
+const color_lt_gray_00 = "rgb(245, 248, 250)";
+const color_lt_gray_100 = "rgb(212, 223, 229)";
+const color_lt_gray_1000 = "rgb(17, 28, 38)";
+const color_lt_gray_200 = "rgb(181, 198, 208)";
+const color_lt_gray_300 = "rgb(153, 174, 186)";
+const color_lt_gray_400 = "rgb(127, 150, 165)";
+const color_lt_gray_50 = "rgb(228, 236, 239)";
+const color_lt_gray_500 = "rgb(98, 121, 138)";
+const color_lt_gray_600 = "rgb(81, 105, 123)";
+const color_lt_gray_700 = "rgb(62, 84, 102)";
+const color_lt_gray_800 = "rgb(45, 64, 81)";
+const color_lt_gray_900 = "rgb(30, 45, 59)";
 const color_primary = "rgb(0, 119, 179)";
 const color_primary_dark = "rgb(0, 77, 128)";
 const color_primary_dark_turva = "rgb(148, 9, 37)";
@@ -58,8 +94,56 @@ const color_primary_turva = "rgb(198, 12, 48)";
 const color_secondary = "rgb(0, 41, 77)";
 const color_secondary_turva = "rgb(23, 28, 58)";
 const color_success = "rgb(0, 135, 90)";
+const color_success_00 = "rgb(244, 250, 247)";
+const color_success_100 = "rgb(218, 246, 233)";
+const color_success_1000 = "rgb(4, 38, 33)";
+const color_success_200 = "rgb(191, 239, 218)";
+const color_success_300 = "rgb(163, 229, 202)";
+const color_success_400 = "rgb(134, 215, 185)";
+const color_success_50 = "rgb(231, 248, 239)";
+const color_success_500 = "rgb(105, 196, 166)";
+const color_success_600 = "rgb(77, 171, 143)";
+const color_success_700 = "rgb(48, 131, 105)";
+const color_success_800 = "rgb(29, 106, 88)";
+const color_success_900 = "rgb(13, 71, 59)";
 const color_success_turva = "rgb(8, 135, 78)";
+const color_turva_gray_00 = "rgb(245, 247, 250)";
+const color_turva_gray_100 = "rgb(222, 224, 228)";
+const color_turva_gray_1000 = "rgb(8, 13, 38)";
+const color_turva_gray_200 = "rgb(199, 202, 207)";
+const color_turva_gray_300 = "rgb(175, 178, 186)";
+const color_turva_gray_400 = "rgb(143, 147, 158)";
+const color_turva_gray_50 = "rgb(234, 235, 239)";
+const color_turva_gray_500 = "rgb(113, 118, 132)";
+const color_turva_gray_600 = "rgb(98, 104, 122)";
+const color_turva_gray_700 = "rgb(71, 78, 101)";
+const color_turva_gray_800 = "rgb(45, 52, 79)";
+const color_turva_gray_900 = "rgb(23, 28, 58)";
+const color_turva_red_00 = "rgb(255, 241, 241)";
+const color_turva_red_100 = "rgb(255, 213, 215)";
+const color_turva_red_1000 = "rgb(51, 5, 20)";
+const color_turva_red_200 = "rgb(255, 185, 190)";
+const color_turva_red_300 = "rgb(252, 148, 158)";
+const color_turva_red_400 = "rgb(240, 102, 119)";
+const color_turva_red_50 = "rgb(255, 227, 228)";
+const color_turva_red_500 = "rgb(221, 49, 77)";
+const color_turva_red_600 = "rgb(198, 12, 48)";
+const color_turva_red_700 = "rgb(164, 4, 40)";
+const color_turva_red_800 = "rgb(126, 2, 35)";
+const color_turva_red_900 = "rgb(87, 4, 29)";
 const color_warning = "rgb(247, 178, 40)";
+const color_warning_00 = "rgb(255, 251, 242)";
+const color_warning_100 = "rgb(255, 244, 198)";
+const color_warning_1000 = "rgb(38, 26, 4)";
+const color_warning_200 = "rgb(255, 232, 160)";
+const color_warning_300 = "rgb(255, 217, 120)";
+const color_warning_400 = "rgb(255, 199, 79)";
+const color_warning_50 = "rgb(255, 247, 221)";
+const color_warning_500 = "rgb(247, 178, 40)";
+const color_warning_600 = "rgb(212, 151, 32)";
+const color_warning_700 = "rgb(156, 110, 22)";
+const color_warning_800 = "rgb(126, 87, 16)";
+const color_warning_900 = "rgb(81, 55, 9)";
 const color_warning_turva = "rgb(250, 164, 15)";
 const font_family_heading = "'localtapiola-sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'";
 const font_family_heading_turva = "'turva-sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'";
@@ -179,6 +263,18 @@ const tokens = {
 	color_category_vehicle: color_category_vehicle,
 	color_category_vehicle_turva: color_category_vehicle_turva,
 	color_danger: color_danger,
+	color_danger_00: color_danger_00,
+	color_danger_100: color_danger_100,
+	color_danger_1000: color_danger_1000,
+	color_danger_200: color_danger_200,
+	color_danger_300: color_danger_300,
+	color_danger_400: color_danger_400,
+	color_danger_50: color_danger_50,
+	color_danger_500: color_danger_500,
+	color_danger_600: color_danger_600,
+	color_danger_700: color_danger_700,
+	color_danger_800: color_danger_800,
+	color_danger_900: color_danger_900,
 	color_danger_turva: color_danger_turva,
 	color_data_01: color_data_01,
 	color_data_02: color_data_02,
@@ -207,6 +303,30 @@ const tokens = {
 	color_gray_lightest: color_gray_lightest,
 	color_gray_lightest_turva: color_gray_lightest_turva,
 	color_gray_turva: color_gray_turva,
+	color_lt_blue_00: color_lt_blue_00,
+	color_lt_blue_100: color_lt_blue_100,
+	color_lt_blue_1000: color_lt_blue_1000,
+	color_lt_blue_200: color_lt_blue_200,
+	color_lt_blue_300: color_lt_blue_300,
+	color_lt_blue_400: color_lt_blue_400,
+	color_lt_blue_50: color_lt_blue_50,
+	color_lt_blue_500: color_lt_blue_500,
+	color_lt_blue_600: color_lt_blue_600,
+	color_lt_blue_700: color_lt_blue_700,
+	color_lt_blue_800: color_lt_blue_800,
+	color_lt_blue_900: color_lt_blue_900,
+	color_lt_gray_00: color_lt_gray_00,
+	color_lt_gray_100: color_lt_gray_100,
+	color_lt_gray_1000: color_lt_gray_1000,
+	color_lt_gray_200: color_lt_gray_200,
+	color_lt_gray_300: color_lt_gray_300,
+	color_lt_gray_400: color_lt_gray_400,
+	color_lt_gray_50: color_lt_gray_50,
+	color_lt_gray_500: color_lt_gray_500,
+	color_lt_gray_600: color_lt_gray_600,
+	color_lt_gray_700: color_lt_gray_700,
+	color_lt_gray_800: color_lt_gray_800,
+	color_lt_gray_900: color_lt_gray_900,
 	color_primary: color_primary,
 	color_primary_dark: color_primary_dark,
 	color_primary_dark_turva: color_primary_dark_turva,
@@ -222,8 +342,56 @@ const tokens = {
 	color_secondary: color_secondary,
 	color_secondary_turva: color_secondary_turva,
 	color_success: color_success,
+	color_success_00: color_success_00,
+	color_success_100: color_success_100,
+	color_success_1000: color_success_1000,
+	color_success_200: color_success_200,
+	color_success_300: color_success_300,
+	color_success_400: color_success_400,
+	color_success_50: color_success_50,
+	color_success_500: color_success_500,
+	color_success_600: color_success_600,
+	color_success_700: color_success_700,
+	color_success_800: color_success_800,
+	color_success_900: color_success_900,
 	color_success_turva: color_success_turva,
+	color_turva_gray_00: color_turva_gray_00,
+	color_turva_gray_100: color_turva_gray_100,
+	color_turva_gray_1000: color_turva_gray_1000,
+	color_turva_gray_200: color_turva_gray_200,
+	color_turva_gray_300: color_turva_gray_300,
+	color_turva_gray_400: color_turva_gray_400,
+	color_turva_gray_50: color_turva_gray_50,
+	color_turva_gray_500: color_turva_gray_500,
+	color_turva_gray_600: color_turva_gray_600,
+	color_turva_gray_700: color_turva_gray_700,
+	color_turva_gray_800: color_turva_gray_800,
+	color_turva_gray_900: color_turva_gray_900,
+	color_turva_red_00: color_turva_red_00,
+	color_turva_red_100: color_turva_red_100,
+	color_turva_red_1000: color_turva_red_1000,
+	color_turva_red_200: color_turva_red_200,
+	color_turva_red_300: color_turva_red_300,
+	color_turva_red_400: color_turva_red_400,
+	color_turva_red_50: color_turva_red_50,
+	color_turva_red_500: color_turva_red_500,
+	color_turva_red_600: color_turva_red_600,
+	color_turva_red_700: color_turva_red_700,
+	color_turva_red_800: color_turva_red_800,
+	color_turva_red_900: color_turva_red_900,
 	color_warning: color_warning,
+	color_warning_00: color_warning_00,
+	color_warning_100: color_warning_100,
+	color_warning_1000: color_warning_1000,
+	color_warning_200: color_warning_200,
+	color_warning_300: color_warning_300,
+	color_warning_400: color_warning_400,
+	color_warning_50: color_warning_50,
+	color_warning_500: color_warning_500,
+	color_warning_600: color_warning_600,
+	color_warning_700: color_warning_700,
+	color_warning_800: color_warning_800,
+	color_warning_900: color_warning_900,
 	color_warning_turva: color_warning_turva,
 	font_family_heading: font_family_heading,
 	font_family_heading_turva: font_family_heading_turva,
@@ -346,6 +514,18 @@ const tokens$1 = /*#__PURE__*/Object.freeze({
   color_category_vehicle: color_category_vehicle,
   color_category_vehicle_turva: color_category_vehicle_turva,
   color_danger: color_danger,
+  color_danger_00: color_danger_00,
+  color_danger_100: color_danger_100,
+  color_danger_1000: color_danger_1000,
+  color_danger_200: color_danger_200,
+  color_danger_300: color_danger_300,
+  color_danger_400: color_danger_400,
+  color_danger_50: color_danger_50,
+  color_danger_500: color_danger_500,
+  color_danger_600: color_danger_600,
+  color_danger_700: color_danger_700,
+  color_danger_800: color_danger_800,
+  color_danger_900: color_danger_900,
   color_danger_turva: color_danger_turva,
   color_data_01: color_data_01,
   color_data_02: color_data_02,
@@ -374,6 +554,30 @@ const tokens$1 = /*#__PURE__*/Object.freeze({
   color_gray_lightest: color_gray_lightest,
   color_gray_lightest_turva: color_gray_lightest_turva,
   color_gray_turva: color_gray_turva,
+  color_lt_blue_00: color_lt_blue_00,
+  color_lt_blue_100: color_lt_blue_100,
+  color_lt_blue_1000: color_lt_blue_1000,
+  color_lt_blue_200: color_lt_blue_200,
+  color_lt_blue_300: color_lt_blue_300,
+  color_lt_blue_400: color_lt_blue_400,
+  color_lt_blue_50: color_lt_blue_50,
+  color_lt_blue_500: color_lt_blue_500,
+  color_lt_blue_600: color_lt_blue_600,
+  color_lt_blue_700: color_lt_blue_700,
+  color_lt_blue_800: color_lt_blue_800,
+  color_lt_blue_900: color_lt_blue_900,
+  color_lt_gray_00: color_lt_gray_00,
+  color_lt_gray_100: color_lt_gray_100,
+  color_lt_gray_1000: color_lt_gray_1000,
+  color_lt_gray_200: color_lt_gray_200,
+  color_lt_gray_300: color_lt_gray_300,
+  color_lt_gray_400: color_lt_gray_400,
+  color_lt_gray_50: color_lt_gray_50,
+  color_lt_gray_500: color_lt_gray_500,
+  color_lt_gray_600: color_lt_gray_600,
+  color_lt_gray_700: color_lt_gray_700,
+  color_lt_gray_800: color_lt_gray_800,
+  color_lt_gray_900: color_lt_gray_900,
   color_primary: color_primary,
   color_primary_dark: color_primary_dark,
   color_primary_dark_turva: color_primary_dark_turva,
@@ -389,8 +593,56 @@ const tokens$1 = /*#__PURE__*/Object.freeze({
   color_secondary: color_secondary,
   color_secondary_turva: color_secondary_turva,
   color_success: color_success,
+  color_success_00: color_success_00,
+  color_success_100: color_success_100,
+  color_success_1000: color_success_1000,
+  color_success_200: color_success_200,
+  color_success_300: color_success_300,
+  color_success_400: color_success_400,
+  color_success_50: color_success_50,
+  color_success_500: color_success_500,
+  color_success_600: color_success_600,
+  color_success_700: color_success_700,
+  color_success_800: color_success_800,
+  color_success_900: color_success_900,
   color_success_turva: color_success_turva,
+  color_turva_gray_00: color_turva_gray_00,
+  color_turva_gray_100: color_turva_gray_100,
+  color_turva_gray_1000: color_turva_gray_1000,
+  color_turva_gray_200: color_turva_gray_200,
+  color_turva_gray_300: color_turva_gray_300,
+  color_turva_gray_400: color_turva_gray_400,
+  color_turva_gray_50: color_turva_gray_50,
+  color_turva_gray_500: color_turva_gray_500,
+  color_turva_gray_600: color_turva_gray_600,
+  color_turva_gray_700: color_turva_gray_700,
+  color_turva_gray_800: color_turva_gray_800,
+  color_turva_gray_900: color_turva_gray_900,
+  color_turva_red_00: color_turva_red_00,
+  color_turva_red_100: color_turva_red_100,
+  color_turva_red_1000: color_turva_red_1000,
+  color_turva_red_200: color_turva_red_200,
+  color_turva_red_300: color_turva_red_300,
+  color_turva_red_400: color_turva_red_400,
+  color_turva_red_50: color_turva_red_50,
+  color_turva_red_500: color_turva_red_500,
+  color_turva_red_600: color_turva_red_600,
+  color_turva_red_700: color_turva_red_700,
+  color_turva_red_800: color_turva_red_800,
+  color_turva_red_900: color_turva_red_900,
   color_warning: color_warning,
+  color_warning_00: color_warning_00,
+  color_warning_100: color_warning_100,
+  color_warning_1000: color_warning_1000,
+  color_warning_200: color_warning_200,
+  color_warning_300: color_warning_300,
+  color_warning_400: color_warning_400,
+  color_warning_50: color_warning_50,
+  color_warning_500: color_warning_500,
+  color_warning_600: color_warning_600,
+  color_warning_700: color_warning_700,
+  color_warning_800: color_warning_800,
+  color_warning_900: color_warning_900,
   color_warning_turva: color_warning_turva,
   font_family_heading: font_family_heading,
   font_family_heading_turva: font_family_heading_turva,