@duetds/components 10.0.0-alpha.2 → 10.0.0-alpha.3

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

@@ -2,13 +2,13 @@
  * Built with Duet Design System
  */
 import { p as proxyCustomElement, H, h, F as Fragment } from './p-d77db171.js';
-import { j as sizeHeader } from './p-4c179c1e.js';
+import { E as sizeHeader } from './p-cea716f7.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
 import { c as createID } from './p-5e59e970.js';
 import { s as subscribeTabbingChange, u as unsubscribeTabbingChange } from './p-ca700701.js';
 import { a as getLanguage, g as getLocaleString, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './p-35375593.js';
-import { d as defineCustomElement$3 } from './p-b4289ed0.js';
-import { d as defineCustomElement$2 } from './p-6a285be8.js';
+import { d as defineCustomElement$3 } from './p-4da43fbc.js';
+import { d as defineCustomElement$2 } from './p-02f97b91.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}";
 const DuetTrayStyle0 = duetTrayCss;
@@ -92,14 +92,14 @@ const DuetTray$1 = /*@__PURE__*/ proxyCustomElement(class DuetTray extends H {
      * Always the last one in the class.
      */
     render() {
-        return (h("div", { key: '978707965f7036c59164be861c06e3a95d0b010c', class: {
+        return (h("div", { key: 'e3792fad133de97e663da30b97f7f1b2178d37ef', class: {
                 "duet-tray": true,
                 "duet-tray-is-active": this.active,
                 "duet-tray-is-hidden": this.hiddenState,
                 "duet-tray-is-responsive": this.responsive,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-tray-is-expandable": this.hasAdditionalContent,
-            } }, h("div", { key: 'fa71800b202335afe225062b6546c259024d1ebc', class: "duet-tray-default-content", role: "status" }, h("slot", { key: '88504b3e7785cb2c996ca2a69f4f7613b3142641' })), this.hasAdditionalContent && (h(Fragment, { key: 'b7bbc3062d4b56e76021d7fb1e275033b1d973de' }, h("button", { key: '9f63e2b609caa6ba75251270b1e3f21e2c51900f', "aria-expanded": this.expanded ? "true" : "false", "aria-controls": this.expandableId, onClick: ev => this.toggleExpandable(ev), class: { "duet-tray-button": true, "duet-tray-is-expanded": this.expanded } }, h("duet-icon", { key: '1976d894857521dba637850fd6d0f67dc5d2fb7c', name: "action-arrow-down", size: "small", color: "currentColor", margin: "none" }), h("duet-visually-hidden", { key: '52a51dd5b1c5f590ab6b69cb14f229df0b7af8cd' }, this.expanded ? this.accessibleCloseLabel : this.accessibleOpenLabel)), h("div", { key: '6258528ccbe8a9bb546ad35639457757583a4914', id: this.expandableId, class: { "duet-tray-expandable": true, active: this.expanded } }, h("div", { key: '79124cc2718b71d49e3ce57eaa405f7663f2db1e', class: "duet-tray-expandable-content" }, h("slot", { key: '842a4506b47dae4db5b81bd1fe551e09a08672f0', name: "additional" })))))));
+            } }, h("div", { key: 'bd59a764acecbe3ef06cd35bd66f1dfef7510f61', class: "duet-tray-default-content", role: "status" }, h("slot", { key: '130a7f33d591f4217c0cb53518c64263fb157835' })), this.hasAdditionalContent && (h(Fragment, { key: 'b6f16fc8d0d2f00496c7621e586ce20fbda294bc' }, h("button", { key: '80c8ef3feaacc7dfbee92487b4c45b76a29c06ad', "aria-expanded": this.expanded ? "true" : "false", "aria-controls": this.expandableId, onClick: ev => this.toggleExpandable(ev), class: { "duet-tray-button": true, "duet-tray-is-expanded": this.expanded } }, h("duet-icon", { key: '6ee4d016a02a102e29cbec8a4529911ff0971adf', name: "action-arrow-down", size: "small", color: "currentColor", margin: "none" }), h("duet-visually-hidden", { key: '647c81ca9f0ff38f430d4d941b482d86bf4f9e59' }, this.expanded ? this.accessibleCloseLabel : this.accessibleOpenLabel)), h("div", { key: '5c4e077f923a7ea0089832043d9c00f57370c536', id: this.expandableId, class: { "duet-tray-expandable": true, active: this.expanded } }, h("div", { key: '22cac37f81a3f69ffc0fb81fb547d8c358080c19', class: "duet-tray-expandable-content" }, h("slot", { key: '68324e24bafd484cd8639d23fdc0ed6c9ffd053e', name: "additional" })))))));
     }
     get element() { return this; }
     static get style() { return DuetTrayStyle0; }

package/lib/dist-custom-elements/duet-upload-aria-status.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { D as DuetUploadAriaStatus$1, d as defineCustomElement$1 } from './p-fca5b65b.js';
+import { D as DuetUploadAriaStatus$1, d as defineCustomElement$1 } from './p-956e3bce.js';
 
 const DuetUploadAriaStatus = DuetUploadAriaStatus$1;
 const defineCustomElement = defineCustomElement$1;

package/lib/dist-custom-elements/duet-upload-item.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { D as DuetUploadItem$1, d as defineCustomElement$1 } from './p-e5a55204.js';
+import { D as DuetUploadItem$1, d as defineCustomElement$1 } from './p-3ce1f7b8.js';
 
 const DuetUploadItem = DuetUploadItem$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -7,25 +7,25 @@ import { c as createID } from './p-5e59e970.js';
 import { d as debounce } from './p-9e371678.js';
 import { g as getLocaleString, s as sanitizeString } from './p-35375593.js';
 import { p as parsePossibleJSON } from './p-9c3c64b9.js';
-import { g as getError, a as getI18nError, d as defineCustomElement$3 } from './p-e5a55204.js';
+import { g as getError, a as getI18nError, d as defineCustomElement$3 } from './p-3ce1f7b8.js';
 import { h } from './p-993aea39.js';
-import { d as defineCustomElement$j } from './p-f9994ef4.js';
-import { d as defineCustomElement$i } from './p-1f7ae97d.js';
-import { d as defineCustomElement$h } from './p-35ad7f77.js';
-import { d as defineCustomElement$g } from './p-a1e17113.js';
+import { d as defineCustomElement$j } from './p-df2042f8.js';
+import { d as defineCustomElement$i } from './p-330bcf1d.js';
+import { d as defineCustomElement$h } from './p-e176f419.js';
+import { d as defineCustomElement$g } from './p-b0925e24.js';
 import { d as defineCustomElement$f } from './p-d2a5148f.js';
-import { d as defineCustomElement$e } from './p-254d2993.js';
-import { d as defineCustomElement$d } from './p-a2b5c68e.js';
-import { d as defineCustomElement$c } from './p-19172e2c.js';
-import { d as defineCustomElement$b } from './p-b4289ed0.js';
-import { d as defineCustomElement$a } from './p-723b6358.js';
-import { d as defineCustomElement$9 } from './p-1df834b1.js';
-import { d as defineCustomElement$8 } from './p-5086d1a0.js';
-import { d as defineCustomElement$7 } from './p-a0f74881.js';
-import { d as defineCustomElement$6 } from './p-d5812145.js';
-import { d as defineCustomElement$5 } from './p-87b1c772.js';
-import { d as defineCustomElement$4 } from './p-fca5b65b.js';
-import { d as defineCustomElement$2 } from './p-6a285be8.js';
+import { d as defineCustomElement$e } from './p-1296f851.js';
+import { d as defineCustomElement$d } from './p-9fa4eb51.js';
+import { d as defineCustomElement$c } from './p-1ccd7c39.js';
+import { d as defineCustomElement$b } from './p-4da43fbc.js';
+import { d as defineCustomElement$a } from './p-de4ee016.js';
+import { d as defineCustomElement$9 } from './p-174a9d1d.js';
+import { d as defineCustomElement$8 } from './p-430f3778.js';
+import { d as defineCustomElement$7 } from './p-b8de9a9c.js';
+import { d as defineCustomElement$6 } from './p-9f9423c6.js';
+import { d as defineCustomElement$5 } from './p-41dca9e4.js';
+import { d as defineCustomElement$4 } from './p-956e3bce.js';
+import { d as defineCustomElement$2 } from './p-02f97b91.js';
 
 const errorCodes = [
 	{
@@ -1080,10 +1080,10 @@ const DuetUpload$1 = /*@__PURE__*/ proxyCustomElement(class DuetUpload extends H
             this.externalUploadButton.accessibleLabel = `${this.externalUploadButton.innerText}. ${caption}`;
         }
         // @ts-ignore
-        return (h$1(Host, { key: 'd9a06a80ee3dbe6c14afeba29034210c0876e030', class: { "duet-m-0": this.margin === "none" } }, h$1("duet-fieldset", { key: '91dd6b9b6702eda6b91bde8051ba3dc19f61897f', "label-heading-level": this.headerHeadingLevel, "label-hidden": this.hideHeader, label: this.label }, h$1("slot", { key: 'db5e4b9f271fe451b5d22f7400ec4c0d3a6f138e', name: "header" }), !this.files.size && (h$1("duet-empty-state", { key: '27ba6010ee533701bf11a149427d2216c8ce29d9', id: this.labelId, part: this.identifier ? `${this.identifier}-empty-state` : "duet-upload-empty-state", icon: "messaging-attachment" }, h$1("duet-paragraph", { key: 'e89c1d5f4ec256d1e3a78c3c39d2e70abf10e8e6', margin: "none" }, this.fileListEmpty))), !!this.files.size && h$1("slot", { key: '42eadc522cef6c31bf92926536586c335f70aa29', name: "fileheader" }), !!this.files.size && (h$1("duet-upload-aria-status", { key: '73e49bd8b917493fe195e9a41485bc92f7b28f87', invalid: this.getFilesAsArray().invalid.length, valid: this.getFilesAsArray().valid.length, inprogress: this.filesInProgress.size, total: this.files.size, statusMessageLabel: this.internalStatusMessageLabel })), !!this.files.size && this.renderUploadedItems(), !!this.files.size && h$1("slot", { key: 'f4af2ea636e86ad99ea095816a947160842e473a', name: "filefooter" }), h$1("slot", { key: '4f5808dd9f1d1f59a22358e889b465603fcf66e5', name: "uploadfooter" }), this.captionOnBottom && (h$1("duet-caption", { key: '098d617ed6b92abb83204dfd0c02f38aee307091', margin: "none", size: "small" }, h$1("div", { key: 'df692c821b64ef7d2a8e00f1b798e0d6ea28589b', class: "upload-bottom-caption" }, caption))), h$1("slot", { key: 'f5c2d00cef8aea857176ccfa0cf3ff52eb4b07ec', name: "afterfooter" }), !this.hideButton && (h$1(Fragment, { key: '6950dea516b4b35f4e5fb7c9d37afd340a151a14' }, h$1("duet-spacer", { key: '24eac12d73d7ed5ad8fab3be0777d7452bf326d7', size: "large" }), h$1("duet-button", { key: 'fb63b67dfcd988535867d4fde83bd13c110d9f1c', id: this.buttonId, onClick: this.startUpload, "accessible-controls": identifier, disabled: this.fileMaxReached, "accessible-label": this.accessibleButtonLabel || `${this.buttonLabel}. ${caption}`, "accessible-owns": identifier, size: "small", variation: "secondary", fixed: true, icon: "action-add-circle", part: this.identifier ? `${this.identifier}-button-upload` : "duet-upload-button-upload" }, this.buttonLabel))), (this.fileMaxReached ||
+        return (h$1(Host, { key: 'f22b72ae72f670b1d3b96699cc22b916e44805bb', class: { "duet-m-0": this.margin === "none" } }, h$1("duet-fieldset", { key: 'd9062ebd9b108b426984ea6336014d707816be6a', "label-heading-level": this.headerHeadingLevel, "label-hidden": this.hideHeader, label: this.label }, h$1("slot", { key: 'f05cf1d0a76d07a12e0169d4554344860fe8d5e9', name: "header" }), !this.files.size && (h$1("duet-empty-state", { key: '5f6ea952dccd0579fa97ae6e751c727bb2b72383', id: this.labelId, part: this.identifier ? `${this.identifier}-empty-state` : "duet-upload-empty-state", icon: "messaging-attachment" }, h$1("duet-paragraph", { key: 'b99e0d6949b2377b83a5b8e3ba4fab263685e427', margin: "none" }, this.fileListEmpty))), !!this.files.size && h$1("slot", { key: '0de37444dc62aac38f4ce95cb488cbd9c6485814', name: "fileheader" }), !!this.files.size && (h$1("duet-upload-aria-status", { key: '0d169ad657e0ae9af98769dd2c7b007899826afe', invalid: this.getFilesAsArray().invalid.length, valid: this.getFilesAsArray().valid.length, inprogress: this.filesInProgress.size, total: this.files.size, statusMessageLabel: this.internalStatusMessageLabel })), !!this.files.size && this.renderUploadedItems(), !!this.files.size && h$1("slot", { key: 'a957b0255feb705762d39f4615bd9a49a4569017', name: "filefooter" }), h$1("slot", { key: 'f76b8605d58a7659c2dd0aa29c48a1f34e4a18a9', name: "uploadfooter" }), this.captionOnBottom && (h$1("duet-caption", { key: '3c3b2d1cc4929a960035feb0055c41d435a2cfba', margin: "none", size: "small" }, h$1("div", { key: 'e5f8bd26ec72800dd78794620d3d1dcfb4c55ad8', class: "upload-bottom-caption" }, caption))), h$1("slot", { key: 'c3d1e3f1725fdddfaad3eec7fdc9ed7cb3ef8b5b', name: "afterfooter" }), !this.hideButton && (h$1(Fragment, { key: '25b1dfcfeb51ed4dce30e9dc0dfd4bf3e5adb41e' }, h$1("duet-spacer", { key: 'd19f3991e372c617a6b9509adbc062a03f390090', size: "large" }), h$1("duet-button", { key: '8536bf08e8becf2c50e0fff041facbe975f18ad5', id: this.buttonId, onClick: this.startUpload, "accessible-controls": identifier, disabled: this.fileMaxReached, "accessible-label": this.accessibleButtonLabel || `${this.buttonLabel}. ${caption}`, "accessible-owns": identifier, size: "small", variation: "secondary", fixed: true, icon: "action-add-circle", part: this.identifier ? `${this.identifier}-button-upload` : "duet-upload-button-upload" }, this.buttonLabel))), (this.fileMaxReached ||
             this.bytesMaxReached ||
             this.filesToUploadExceedsLimit ||
-            this.filesToUploadTotalSizeIsAboveMax) && (h$1(Fragment, { key: '749d1166c084a9b2919b909ee7ab9246d2c0ebe7' }, h$1("duet-spacer", { key: '907c8f0f2709cf387eef1b2bb815335ded8ad30d', size: "medium" }), h$1("duet-alert", { key: '792b424865e2a20fe34eeb248cbd00e376bcd646', part: this.identifier ? `${this.identifier}-error-notification` : "duet-upload-error-notification" }, this.fileMaxReached && getI18nError("duet-upload-301", this.errorCodes), this.bytesMaxReached && getI18nError("duet-upload-202", this.errorCodes), this.filesToUploadExceedsLimit && getI18nError("duet-upload-302", this.errorCodes), this.filesToUploadTotalSizeIsAboveMax && getI18nError("duet-upload-203", this.errorCodes)))), h$1("duet-visually-hidden", { key: '31b3a469d2722362b44ee1e89e468f79e313fc7e', "aria-hidden": "true" }, h$1("input", { key: 'ee5f9699f2d29c0ac92d0ba78c3e007a0cc327cd', ref: input => {
+            this.filesToUploadTotalSizeIsAboveMax) && (h$1(Fragment, { key: '970bfa230702ba75dc8f8ac9e71f4183c4c3c0d7' }, h$1("duet-spacer", { key: '72b8c0c087760db99ce3fdda33e33471b9606d61', size: "medium" }), h$1("duet-alert", { key: '0769bcb8f099a5094dba69584d27909b915a1b18', part: this.identifier ? `${this.identifier}-error-notification` : "duet-upload-error-notification" }, this.fileMaxReached && getI18nError("duet-upload-301", this.errorCodes), this.bytesMaxReached && getI18nError("duet-upload-202", this.errorCodes), this.filesToUploadExceedsLimit && getI18nError("duet-upload-302", this.errorCodes), this.filesToUploadTotalSizeIsAboveMax && getI18nError("duet-upload-203", this.errorCodes)))), h$1("duet-visually-hidden", { key: 'fba8af1631c5f83e159c7070c9680fb36e5e2d80', "aria-hidden": "true" }, h$1("input", { key: '0c7c75a5a7328dfde2317095e37b363108c6423f', ref: input => {
                 this.nativeInput = input;
             }, accept: !this.limitSelection ? undefined : `${this.allowedMimetypes},${this.allowedExtensions}`, onBlur: this.onBlur, onFocus: this.onFocus, onChange: e => this.onChange(e), type: "file", class: {
                 "duet-upload": true,

package/lib/dist-custom-elements/duet-visually-hidden.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { D as DuetVisuallyHidden$1, d as defineCustomElement$1 } from './p-6a285be8.js';
+import { D as DuetVisuallyHidden$1, d as defineCustomElement$1 } from './p-02f97b91.js';
 
 const DuetVisuallyHidden = DuetVisuallyHidden$1;
 const defineCustomElement = defineCustomElement$1;

package/lib/dist-custom-elements/{p-6a285be8.js → p-02f97b91.js}

@@ -17,7 +17,7 @@ const DuetVisuallyHidden = /*@__PURE__*/ proxyCustomElement(class DuetVisuallyHi
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: 'cd9e7fe168ed42bfa9fc4751303db7edd312ce75', class: "duet-visually-hidden" }, h("slot", { key: 'bd33aa5a8f5cf442fab2f40ef59b13c36b32eb9d' })));
+        return (h(Host, { key: 'f655733ff3605a6ba0993f8e37ac51650f8366bb', class: "duet-visually-hidden" }, h("slot", { key: '4825e5d1d6c0268ea3f2b81dab7c44bcd2715046' })));
     }
     get element() { return this; }
     static get style() { return DuetVisuallyHiddenStyle0; }

package/lib/dist-custom-elements/{p-3c7d413f.js → p-087d8c5a.js}

@@ -3,7 +3,7 @@
  */
 import { p as proxyCustomElement, H, h } from './p-d77db171.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
-import { g as getColorByName } from './p-88ed3495.js';
+import { g as getColorByName } from './p-1f4fbc7a.js';
 
 const duetDividerCss = "*,*::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-divider{-webkit-user-select:none;user-select:none;display:block;width:100%;height:1px;margin-top:36px !important;margin-bottom:28px;background:rgb(212, 223, 229)}.duet-divider.duet-p-0{padding:0 !important}.duet-divider.duet-m-0{margin:0 !important}.duet-divider.duet-m-s{margin-bottom:16px !important;margin-top:0 !important}.duet-divider.duet-theme-turva{background:rgb(222, 224, 228)}";
 const DuetDividerStyle0 = duetDividerCss;
@@ -29,7 +29,7 @@ const DuetDivider = /*@__PURE__*/ proxyCustomElement(class DuetDivider extends H
      */
     render() {
         const background = getColorByName(this.color);
-        return (h("div", { key: 'c2cc3db06f08c31c90b7038ebaa32159765ae737', class: {
+        return (h("div", { key: '64511b39c68988b15d35f49ae4d6416b0937d6f2', class: {
                 "duet-m-0": this.margin === "none",
                 "duet-m-s": this.margin === "small",
                 "duet-divider": true,

package/lib/dist-custom-elements/{p-254d2993.js → p-1296f851.js}

@@ -3,7 +3,7 @@
  */
 import { p as proxyCustomElement, H, h, d as Host } from './p-d77db171.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
-import { d as defineCustomElement$1 } from './p-b4289ed0.js';
+import { d as defineCustomElement$1 } from './p-4da43fbc.js';
 
 const duetEmptyStateCss = "*,*::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%;height:100%}.duet-empty-state{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;width:100%;height:100%;padding:48px;color:rgb(8, 42, 77);text-align:center;background:rgb(245, 248, 250);border-radius:4px}.duet-empty-state.duet-theme-turva{color:rgb(23, 28, 58);background:rgb(245, 247, 250)}";
 const DuetEmptyStateStyle0 = duetEmptyStateCss;
@@ -28,11 +28,11 @@ const DuetEmptyState = /*@__PURE__*/ proxyCustomElement(class DuetEmptyState ext
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: 'de95b8dde0a1b050210be7afc24bbd534f0cfc1a' }, h("div", { key: '2dde668c5bed949f10a84abb1e6108dabb5e12e8', class: {
+        return (h(Host, { key: '993a6ef0e6325e25bb547113748f9ddb5a564561' }, h("div", { key: '8a8d7bf1d9d47b9302566e1106f712a77049e1ec', class: {
                 "duet-empty-state": true,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-is-small": this.size === "small",
-            } }, h("duet-icon", { key: '0341402760ee9f9417e6c4716ac79831f4b2ef48', color: "currentColor", name: this.icon, size: this.size === "small" ? "large" : "x-large" }), h("div", { key: '782e28c5c025f7f3aa7839d2fae882b0f159b2e8' }, h("slot", { key: 'fb7d4c425c9680cf0ea95048e16db7b566932941' })))));
+            } }, h("duet-icon", { key: 'b4fc41715d1bba5aa632b7d85916997d4ec33a76', color: "currentColor", name: this.icon, size: this.size === "small" ? "large" : "x-large" }), h("div", { key: '2d67fc5a87eab015934a6255187312023b906128' }, h("slot", { key: '66b103aa15ead0d1efeb6967798443edfc5c1d42' })))));
     }
     get element() { return this; }
     static get style() { return DuetEmptyStateStyle0; }

package/lib/dist-custom-elements/{p-1df834b1.js → p-174a9d1d.js}

@@ -4,7 +4,7 @@
 import { p as proxyCustomElement, H, h, d as Host } from './p-d77db171.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
 import { c as createID } from './p-5e59e970.js';
-import { g as getColorByName } from './p-88ed3495.js';
+import { g as getColorByName } from './p-1f4fbc7a.js';
 
 const duetParagraphCss = "*,*::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-paragraph{margin-bottom:16px !important;display:block;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-style:normal;font-weight:400;font-variant-numeric:tabular-nums;-webkit-hyphens:auto;hyphens:auto;line-height:1.5;color:rgb(8, 42, 77)}.duet-paragraph.duet-p-0{padding:0 !important}.duet-paragraph.duet-m-0{margin:0 !important}.duet-paragraph.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)}.duet-paragraph.duet-paragraph-small{font-size:0.875rem}.duet-paragraph.duet-paragraph-semi-bold{font-weight:600}.duet-paragraph.duet-paragraph-bold{font-weight:700}.duet-paragraph.duet-m-0{margin:0 !important}.duet-paragraph.intro{font-size:2.7vw;margin-bottom:28px !important;-webkit-hyphens:inherit;hyphens:inherit}@media (max-width: 37.037037037rem){.duet-paragraph.intro{font-size:1rem}}@media (min-width: 46.2962962963rem){.duet-paragraph.intro{font-size:1.25rem}}.duet-paragraph.intro.duet-m-0{margin:0 !important}::slotted(a){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:400;color:rgb(0, 119, 179);text-decoration:underline;transition:300ms ease}::slotted(a).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(198, 12, 48)}::slotted(a):hover{color:rgb(0, 75, 129);text-decoration:none}::slotted(a):hover.duet-theme-turva{color:rgb(126, 2, 35)}::slotted(a):active{opacity:0.75;transition:none}";
 const DuetParagraphStyle0 = duetParagraphCss;
@@ -36,7 +36,7 @@ const DuetParagraph = /*@__PURE__*/ proxyCustomElement(class DuetParagraph exten
         const color = getColorByName(this.color);
         // aria-describedby is to fix accessibility issue in Chrome where duet-paragraphs
         // are not announced when placed inside duet-modal
-        return (h(Host, { key: '3cf5f2bd4aeee4bd1c6314a7ac8d54539a87b895', "aria-describedby": this.id }, h("p", { key: '1f9c9162b385ac72e8a47f7f80b69293ea6bfc78', id: this.id, class: {
+        return (h(Host, { key: '4cdc1e2db953dc363eb77f14bf5c8473cd22c7ca', "aria-describedby": this.id }, h("p", { key: '6fc77faf20566dc0442bb36f20079aeca48ea41f', id: this.id, class: {
                 "duet-paragraph": true,
                 "duet-paragraph-small": this.size === "small",
                 "duet-paragraph-semi-bold": this.weight === "semi-bold",
@@ -44,7 +44,7 @@ const DuetParagraph = /*@__PURE__*/ proxyCustomElement(class DuetParagraph exten
                 "duet-m-0": this.margin === "none",
                 [this.variation]: true,
                 "duet-theme-turva": this.theme === "turva",
-            }, style: { color }, part: "duet-paragraph" }, h("slot", { key: 'd5c6a5b6d69f600454a85ad01f39406fd57b7188' }))));
+            }, style: { color }, part: "duet-paragraph" }, h("slot", { key: 'df2a9f9c672fe560e62f97addbef69d72b13fefe' }))));
     }
     get element() { return this; }
     static get style() { return DuetParagraphStyle0; }

package/lib/dist-custom-elements/{p-19172e2c.js → p-1ccd7c39.js}

@@ -4,7 +4,7 @@
 import { p as proxyCustomElement, H, h } from './p-d77db171.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
 import { s as sanitizeString } from './p-9c3c64b9.js';
-import { g as getColorByName } from './p-88ed3495.js';
+import { g as getColorByName } from './p-1f4fbc7a.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(8, 42, 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(212, 223, 229)}.duet-heading.duet-heading-border.duet-heading-border-solid{border-bottom-color:rgb(98, 121, 138)}.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;
@@ -37,7 +37,7 @@ const DuetHeading = /*@__PURE__*/ proxyCustomElement(class DuetHeading extends H
     render() {
         const TagName = sanitizeString(this.level);
         const color = getColorByName(this.color);
-        return (h(TagName, { key: 'f606e3e4de6cf69ec6743328d4e9e8bbce5fe66b', class: {
+        return (h(TagName, { key: 'd6111a5efd3a6e43fc10dc2223468788376d74b1', class: {
                 "duet-heading": true,
                 "duet-heading-border": this.border !== false,
                 "duet-heading-border-solid": this.border === "solid",
@@ -48,7 +48,7 @@ const DuetHeading = /*@__PURE__*/ proxyCustomElement(class DuetHeading extends H
                 [this.visualLevel ? this.visualLevel : this.level]: true,
                 "duet-theme-turva": this.theme === "turva",
                 "fixed-size": this.fixedSize,
-            }, style: { color }, part: "duet-heading" }, h("slot", { key: '57fe6321051376c1b8dd03ceb22130a79d916745' })));
+            }, style: { color }, part: "duet-heading" }, h("slot", { key: '4ee1f23ec7f6b46353e873baf5321b15de2e2933' })));
     }
     get element() { return this; }
     static get style() { return DuetHeadingStyle0; }

package/lib/dist-custom-elements/{p-88ed3495.js → p-1f4fbc7a.js}

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { m as mediaQueryXxSmall, a as mediaQueryXSmall, b as mediaQuerySmall, c as mediaQueryMedium, d as mediaQueryLarge, e as mediaQueryXLarge, f as mediaQueryXxLarge, g as mediaQueryXxxLarge, h as mediaQueryXxxSmall, t as tokens } from './p-4c179c1e.js';
+import { m as mediaQueryXxSmall, a as mediaQueryXSmall, b as mediaQuerySmall, c as mediaQueryMedium, d as mediaQueryLarge, e as mediaQueryXLarge, f as mediaQueryXxLarge, g as mediaQueryXxxLarge, h as mediaQueryXxxSmall, t as tokens } from './p-cea716f7.js';
 
 const allowedThemes = ["turva"];
 function isDashCase(str) {