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

package/lib/cjs/duet-card.cjs.entry.js

@@ -5,13 +5,14 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-21e67ab3.js');
+const index = require('./index-b496e711.js');
 const themeableComponent = require('./themeable-component-996b489c.js');
 const createId = require('./create-id-1f8c438f.js');
 const keyboardUtils = require('./keyboard-utils-681e11ec.js');
+const slotUtils = require('./slot-utils-0a5c7c03.js');
 const stringUtils = require('./string-utils-7b13c16e.js');
-const tokenUtils = require('./token-utils-12717808.js');
-require('./tokens.module-46ddb47a.js');
+const tokenUtils = require('./token-utils-5000595c.js');
+require('./tokens.module-7c947029.js');
 
 const duetHeadingLevels = ["h1", "h2", "h3", "h4", "h5", "h6"];
 const duetBlock = "div";
@@ -74,6 +75,7 @@ const DuetCard = class {
         keyboardUtils.unsubscribeTabbingChange(this);
     }
     renderHeading() {
+        var _a;
         const safeHeadingLevel = stringUtils.sanitizeString(this.headingLevel);
         const HeadingTag = [...duetHeadingLevels, duetBlock].some(tag => tag === safeHeadingLevel) ? safeHeadingLevel : "h2";
         const headingStyles = {
@@ -81,7 +83,8 @@ const DuetCard = class {
         };
         const headingContent = (index.h(index.Fragment, null, index.h("div", { class: "duet-card-heading-grid" }, this.icon && (index.h(index.Fragment, null, index.h("duet-icon", { class: "duet-card-icon", name: this.icon, size: "medium", margin: "none", color: "currentColor" }), index.h("duet-spacer", { direction: "horizontal", size: "small" }))), index.h("div", { class: "duet-card-heading-text" }, this.heading ? this.heading : index.h("slot", { name: "heading" })), this.secondaryHeading && (index.h(index.Fragment, null, index.h("duet-spacer", { direction: "horizontal", size: "small" }), index.h("div", { class: "duet-card-secondary-heading duet-card-secondary-heading--inline" }, this.secondaryHeading))), this.collapsible && (index.h(index.Fragment, null, index.h("duet-spacer", { direction: "horizontal", size: "small" }), index.h("duet-icon", { class: "duet-card-caret", icon: actionArrowUp.svg, size: "small", margin: "none", color: "currentColor" })))), this.secondaryHeading && (index.h("div", { class: "duet-card-secondary-heading duet-card-secondary-heading--new-line" }, this.secondaryHeading)), index.h("slot", { name: "below-heading" })));
         if (this.collapsible) {
-            return (index.h(HeadingTag, { style: headingStyles, class: "duet-card-heading duet-card-heading--collapsible", onClick: this.togglePanel, onKeyDown: this.handleKeyDown }, index.h("button", { "aria-controls": this.cardId, "aria-expanded": this.open ? "true" : "false" }, headingContent)));
+            const ariaLabel = (_a = slotUtils.getElementsFromNamedSlot(this.element, "heading")) === null || _a === void 0 ? void 0 : _a.map(e => e.textContent).join(" ");
+            return (index.h(HeadingTag, { style: headingStyles, class: "duet-card-heading duet-card-heading--collapsible", onClick: this.togglePanel, onKeyDown: this.handleKeyDown }, index.h("button", { type: "button", "aria-controls": this.cardId, "aria-expanded": this.open ? "true" : "false", "aria-label": ariaLabel }, headingContent)));
         }
         else {
             return (index.h(HeadingTag, { style: headingStyles, class: "duet-card-heading" }, headingContent));
@@ -106,10 +109,10 @@ const DuetCard = class {
         const styles = {
             backgroundColor: tokenUtils.getColorByName(this.background),
         };
-        return (index.h(index.Host, { key: 'e2a8edb2493ebbebc92b63967e157beddacdbd4a', class: {
+        return (index.h(index.Host, { key: '81af7af276b2b67f13855aa9e11bd95e8abeaa2d', class: {
                 "duet-m-0": this.margin === "none",
                 "duet-card-info": this.variation === "info",
-            } }, index.h(TagName, { key: 'dc8a552ac6e2f01149a0c2c114f36e2e66a3df2e', href: this.url, style: styles, ref: card => (this.nativeCard = card), "aria-label": this.accessibleLabel, class: {
+            } }, index.h(TagName, { key: '9c121ca16ed478f72e8c5976cc73499de2c48de2', href: this.url, style: styles, ref: card => (this.nativeCard = card), "aria-label": this.accessibleLabel, class: {
                 "duet-card": true,
                 [this.padding]: true,
                 [this.variation]: true,
@@ -119,7 +122,7 @@ const DuetCard = class {
                 "duet-card-has-bg": this.background !== "gray-lightest",
                 "duet-card-has-icon": !!this.icon,
                 "duet-card-collapsed": this.collapsible && !this.open,
-            } }, this.image && (index.h("div", { key: 'd7ad8920cacfa8bcd8fa5c1fc306ea11c69f2c42', class: "duet-card-image-mask" }, index.h("img", { key: '83a4bf89bf9601a7d8924ab6a94d3bf37001bcf5', src: this.image, class: "duet-card-image", loading: "lazy", alt: "", "aria-hidden": "true" }))), (this.heading || this.hasHeadingSlot) && this.renderHeading(), index.h("div", { key: '1b43496f9e042da0c35ad3c090553acb0ac661ac', class: "duet-card-content", id: this.cardId }, index.h("slot", { key: '48e8abbabd5cd625b3faecd232e4a80cd0b58d44' }), this.hasFooter && (index.h("div", { key: '8fd234bb6cdfa1bc53f487b9051944e5c3c43439', class: "duet-card-footer" }, index.h("slot", { key: '664c4d55d042166647682eb00eb61e2d8f3fbd6c', name: "footer" })))))));
+            } }, this.image && (index.h("div", { key: '370ab67ee9e9e00267dfe6a034d9258fc41deb9c', class: "duet-card-image-mask" }, index.h("img", { key: 'f93b70812e33b71f9057b5a890baba36894012ea', src: this.image, class: "duet-card-image", loading: "lazy", alt: "", "aria-hidden": "true" }))), (this.heading || this.hasHeadingSlot) && this.renderHeading(), index.h("div", { key: '64b6d8e1e2d02085fa6101f54cf95f15c6c4e3b8', class: "duet-card-content", id: this.cardId }, index.h("slot", { key: '9a20c3971a53038f5786c9321214cd2dc19bdcef' }), this.hasFooter && (index.h("div", { key: '5009d44d6ffb5c7d6774a0c22664979d84a12561', class: "duet-card-footer" }, index.h("slot", { key: 'e177a2f18a636b5e6c093150e52614e56ad56c68', name: "footer" })))))));
     }
     get element() { return index.getElement(this); }
 };

package/lib/cjs/duet-checkbox.cjs.entry.js

@@ -5,11 +5,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-21e67ab3.js');
+const index = require('./index-b496e711.js');
 const themeableComponent = require('./themeable-component-996b489c.js');
 const createId = require('./create-id-1f8c438f.js');
 
-const duetCheckboxCss = "*,*::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:8px !important;margin-bottom:12px !important;display:inline-flex;width:100%;vertical-align:bottom;-webkit-tap-highlight-color:transparent}:host:last-child,:host:last-of-type{margin-right:0 !important}:host(:last-child:not(:only-child)){margin-bottom:0 !important}:host(.duet-m-0){margin:0 !important}.duet-label{position:relative;z-index:100;display:inline;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);vertical-align:top;cursor:pointer;background:transparent;transition:300ms ease}.duet-theme-turva .duet-label{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-label span{display:inline-block;width:calc(100% - 32px);font-size:1rem;font-weight:400;vertical-align:top}.duet-checkbox-container{position:relative;width:100%;height:100%}.duet-checkbox{padding:14px !important;position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;cursor:pointer;opacity:0}.duet-checkbox+label::before{z-index:100;display:inline-block;width:20px;height:20px;margin:2px 10px 1px 1px;vertical-align:top;content:\"\";background:rgb(255, 255, 255);border:1px solid rgb(8, 42, 77);border-radius:4px}.duet-theme-turva .duet-checkbox+label::before{border-color:rgb(23, 28, 58)}.duet-checkbox:checked+label::before{background:rgb(0, 119, 179);border:1px solid rgb(0, 119, 179)}.duet-theme-turva .duet-checkbox:checked+label::before{background:rgb(23, 28, 58);border-color:rgb(23, 28, 58)}.duet-checkbox:focus+label::before{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva .duet-checkbox:focus+label::before{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-checkbox[aria-invalid=true]+label::before{background:#fdf4f6;border-color:rgb(214, 28, 82)}.duet-theme-turva .duet-checkbox[aria-invalid=true]+label::before{background:#fdf4f6;border-color:rgb(214, 28, 82)}.duet-checkbox+label{position:static}.duet-checkbox:checked+label::after{position:absolute;top:6px;left:5px;z-index:200;width:12px;height:12px;pointer-events:none;content:\"\";background:transparent url(\"data:image/svg+xml,%3Csvg%20fill%3D%27white%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2724%27%20height%3D%2724%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20d%3D%27M23.374.287a1.5%2C1.5%2C0%2C0%2C0-2.093.345L7.246%2C20.2%2C2.561%2C15.511A1.5%2C1.5%2C0%2C1%2C0%2C.439%2C17.632l5.935%2C5.934a1.525%2C1.525%2C0%2C0%2C0%2C2.279-.186l15.066-21A1.5%2C1.5%2C0%2C0%2C0%2C23.374.287Z%27%20%2F%3E%3C%2Fsvg%3E\") no-repeat 0 0;background-size:100% auto}.duet-checkbox[disabled]{cursor:default}.duet-checkbox[disabled]+label{color:rgb(98, 121, 138)}.duet-theme-turva .duet-checkbox[disabled]+label{color:rgb(143, 147, 158)}.duet-checkbox[disabled]+label::before{border-color:rgb(181, 198, 208)}.duet-theme-turva .duet-checkbox[disabled]+label::before{border-color:rgb(199, 202, 207)}.duet-checkbox[disabled]:checked+label::before{background:rgb(127, 150, 165);border:1px solid rgb(127, 150, 165)}.duet-theme-turva .duet-checkbox[disabled]:checked+label::before{background:rgb(143, 147, 158);border-color:rgb(143, 147, 158)}.duet-checkbox-error{margin-left:31px;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(214, 28, 82);border-radius:4px}.duet-theme-turva .duet-checkbox-error{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(214, 28, 82)}.duet-label-hidden .duet-label span,.duet-label-hidden .duet-checkbox-error span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}";
+const duetCheckboxCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{margin-right:8px !important}:host(:last-child),:host(:last-of-type){margin-right:0 !important}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-bottom:12px !important;display:inline-flex;width:100%;vertical-align:bottom;-webkit-tap-highlight-color:transparent}:host(:last-child:not(:only-child)){margin-bottom:0 !important}:host(.duet-m-0){margin:0 !important}.duet-label{position:relative;z-index:100;display:inline;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);vertical-align:top;cursor:pointer;background:transparent;transition:300ms ease}.duet-theme-turva .duet-label{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-label span{display:inline-block;width:calc(100% - 32px);font-size:1rem;font-weight:400;vertical-align:top}.duet-checkbox-container{position:relative;width:100%;height:100%}.duet-checkbox{padding:14px !important;position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;cursor:pointer;opacity:0}.duet-checkbox+label::before{z-index:100;display:inline-block;width:20px;height:20px;margin:2px 10px 1px 1px;vertical-align:top;content:\"\";background:rgb(255, 255, 255);border:1px solid rgb(8, 42, 77);border-radius:4px}.duet-theme-turva .duet-checkbox+label::before{border-color:rgb(23, 28, 58)}.duet-checkbox:checked+label::before{background:rgb(0, 119, 179);border:1px solid rgb(0, 119, 179)}.duet-theme-turva .duet-checkbox:checked+label::before{background:rgb(23, 28, 58);border-color:rgb(23, 28, 58)}.duet-checkbox:focus+label::before{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva .duet-checkbox:focus+label::before{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-checkbox[aria-invalid=true]+label::before{background:#fdf4f6;border-color:rgb(214, 28, 82)}.duet-theme-turva .duet-checkbox[aria-invalid=true]+label::before{background:#fdf4f6;border-color:rgb(214, 28, 82)}.duet-checkbox+label{position:static}.duet-checkbox:checked+label::after{position:absolute;top:6px;left:5px;z-index:200;width:12px;height:12px;pointer-events:none;content:\"\";background:transparent url(\"data:image/svg+xml,%3Csvg%20fill%3D%27white%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2724%27%20height%3D%2724%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20d%3D%27M23.374.287a1.5%2C1.5%2C0%2C0%2C0-2.093.345L7.246%2C20.2%2C2.561%2C15.511A1.5%2C1.5%2C0%2C1%2C0%2C.439%2C17.632l5.935%2C5.934a1.525%2C1.525%2C0%2C0%2C0%2C2.279-.186l15.066-21A1.5%2C1.5%2C0%2C0%2C0%2C23.374.287Z%27%20%2F%3E%3C%2Fsvg%3E\") no-repeat 0 0;background-size:100% auto}.duet-checkbox[disabled]{cursor:default}.duet-checkbox[disabled]+label{color:rgb(98, 121, 138)}.duet-theme-turva .duet-checkbox[disabled]+label{color:rgb(143, 147, 158)}.duet-checkbox[disabled]+label::before{border-color:rgb(181, 198, 208)}.duet-theme-turva .duet-checkbox[disabled]+label::before{border-color:rgb(199, 202, 207)}.duet-checkbox[disabled]:checked+label::before{background:rgb(127, 150, 165);border:1px solid rgb(127, 150, 165)}.duet-theme-turva .duet-checkbox[disabled]:checked+label::before{background:rgb(143, 147, 158);border-color:rgb(143, 147, 158)}.duet-checkbox-error{margin-left:31px;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(214, 28, 82);border-radius:4px}.duet-theme-turva .duet-checkbox-error{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(214, 28, 82)}.duet-label-hidden .duet-label span,.duet-label-hidden .duet-checkbox-error span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}";
 const DuetCheckboxStyle0 = duetCheckboxCss;
 
 const DuetCheckbox = class {
@@ -106,11 +106,11 @@ const DuetCheckbox = class {
      */
     render() {
         const identifier = this.identifier || this.checkboxId;
-        return (index.h(index.Host, { class: { "duet-m-0": this.margin === "none" } }, index.h("div", { class: {
+        return (index.h(index.Host, { key: 'b766728b3dfefde1c6deefe6d0db2f549cd8aad3', class: { "duet-m-0": this.margin === "none" } }, index.h("div", { key: 'caeaf8e29cbfdc3f684a64a5c7e7e5ef6513432b', class: {
                 "duet-checkbox-container": true,
                 "duet-label-hidden": this.labelHidden,
                 "duet-theme-turva": this.theme === "turva",
-            } }, index.h("input", { ref: input => (this.nativeInput = input), type: "checkbox", onFocus: this.onFocus, onBlur: this.onBlur, onChange: this.onChange, value: this.value, class: { "duet-checkbox": true, disabled: this.disabled }, checked: this.checked, disabled: this.disabled, tabindex: this.accessibleIndex, "aria-invalid": this.error ? "true" : "false", "aria-controls": this.accessibleControls, "aria-activedescendant": this.accessibleActiveDescendant, "aria-owns": this.accessibleOwns, "aria-describedby": this.getDescribedBy(), "aria-labelledby": this.accessibleLabelledBy, "aria-details": this.accessibleDetails, "aria-description": this.accessibleDescription, "aria-selected": this.accessibleSelected, required: this.required, role: this.role, name: this.name, id: identifier }), index.h("label", { class: "duet-label", htmlFor: identifier }, index.h("span", null, this.label)), index.h("div", { class: "duet-checkbox-error", id: this.errorId, "aria-atomic": "true", "aria-live": this.accessibleLiveError, "aria-relevant": "additions removals" }, this.error && index.h("span", null, this.error)))));
+            } }, index.h("input", { key: '6ab801fbe93327d25187b276878076bcfdf48b36', ref: input => (this.nativeInput = input), type: "checkbox", onFocus: this.onFocus, onBlur: this.onBlur, onChange: this.onChange, value: this.value, class: { "duet-checkbox": true, disabled: this.disabled }, checked: this.checked, disabled: this.disabled, tabindex: this.accessibleIndex, "aria-invalid": this.error ? "true" : "false", "aria-controls": this.accessibleControls, "aria-activedescendant": this.accessibleActiveDescendant, "aria-owns": this.accessibleOwns, "aria-describedby": this.getDescribedBy(), "aria-labelledby": this.accessibleLabelledBy, "aria-details": this.accessibleDetails, "aria-description": this.accessibleDescription, "aria-selected": this.accessibleSelected, required: this.required, role: this.role, name: this.name, id: identifier }), index.h("label", { key: '68e27e7756a0db41709ff8a3ae200ee99ff786b1', class: "duet-label", htmlFor: identifier }, index.h("span", { key: '3db3ad22a9878f989e6dc47fee0c37c7d5195f42' }, this.label)), index.h("div", { key: '9d27e662b34db5a4db91e3a7e7d9f989ba933f94', class: "duet-checkbox-error", id: this.errorId, "aria-atomic": "true", "aria-live": this.accessibleLiveError, "aria-relevant": "additions removals" }, this.error && index.h("span", { key: '7901825f9db5ff2a62876fa4324b449155ffac6a' }, this.error)))));
     }
     get element() { return index.getElement(this); }
 };

package/lib/cjs/duet-checkmark.cjs.entry.js

@@ -5,7 +5,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-21e67ab3.js');
+const index = require('./index-b496e711.js');
 const themeableComponent = require('./themeable-component-996b489c.js');
 
 const duetCheckmarkCss = ".duet-checkmark-container{position:relative;width:20px;height:20px;margin-left:auto;border:1px solid rgb(127, 150, 165);border-radius:4px;transition:border 300ms ease}.duet-checkmark-container.center{margin-right:auto}.duet-theme-turva .duet-checkmark-container{border-color:rgb(143, 147, 158)}.checked .duet-checkmark-container{background:rgb(0, 119, 179);border-color:rgb(0, 119, 179);transition:none}.duet-theme-turva .checked .duet-checkmark-container{background:rgb(23, 28, 58);border-color:rgb(23, 28, 58) !important}.duet-checkmark-container.duet-checkmark-radio{border-radius:50%}[disabled]+label .duet-checkmark-container{border-color:rgb(181, 198, 208) !important}.duet-theme-turva [disabled]+label .duet-checkmark-container{border-color:rgb(199, 202, 207) !important}.checked [disabled]+label .duet-checkmark-container{background:rgb(181, 198, 208) !important}.duet-theme-turva .checked [disabled]+label .duet-checkmark-container{background:rgb(199, 202, 207) !important}.duet-checkmark{position:absolute;top:10px;left:3px;width:5.3333333333px;height:11.8518518519px;border-top:2px solid rgb(255, 255, 255);border-right:2px solid rgb(255, 255, 255);opacity:1;transform:scaleX(-1) rotate(135deg) translateZ(0);transform-origin:left top;animation-name:duet-checkmark;animation-duration:600ms;animation-timing-function:ease-out;animation-fill-mode:forwards}@keyframes duet-checkmark{0%{width:0;height:0;opacity:1}20%{width:5.3333333333px;height:0;opacity:1}40%,100%{width:5.3333333333px;height:11.8518518519px;opacity:1}}";
@@ -27,11 +27,11 @@ const DuetCheckmark = class {
         themeableComponent.inheritGlobalTheme(this);
     }
     render() {
-        return (index.h(index.Host, { key: '4f894c8f4f3ec363b66b92d64106650948eddbd9', class: { "duet-theme-turva": this.theme === "turva" } }, index.h("div", { key: '97af2cb562ab2260fff669a97236d17119417883', role: this.presentationOnly ? "presentation" : null, class: { checked: this.checked } }, index.h("div", { key: '0017ec40a1dfa14357bb3ae08b409b537549b953', class: {
+        return (index.h(index.Host, { key: '621afec8eb7b55088937983fdd862cdf3876c01b', class: { "duet-theme-turva": this.theme === "turva" } }, index.h("div", { key: 'dd3020a77469f7c8d14006f2495f2fe7a6849290', role: this.presentationOnly ? "presentation" : null, class: { checked: this.checked } }, index.h("div", { key: '806bb3821f8947e99f10b031f8b20f3d0063f579', class: {
                 "duet-checkmark-container": true,
                 center: this.center,
                 "duet-checkmark-radio": this.type === "radio",
-            } }, this.checked && index.h("div", { key: 'bf36ed6a59e749c98ec6f3862c013998343c2077', class: "duet-checkmark" })))));
+            } }, this.checked && index.h("div", { key: 'cd19c44014e480d7b6a886cdd7200da58f2c8bf1', class: "duet-checkmark" })))));
     }
 };
 DuetCheckmark.style = DuetCheckmarkStyle0;

package/lib/cjs/duet-chip_3.cjs.entry.js

@@ -5,14 +5,14 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-21e67ab3.js');
+const index = require('./index-b496e711.js');
 const themeableComponent = require('./themeable-component-996b489c.js');
 const createId = require('./create-id-1f8c438f.js');
 const keyboardUtils = require('./keyboard-utils-681e11ec.js');
-const languageUtils = require('./language-utils-b5940c7b.js');
-const tokens_module = require('./tokens.module-46ddb47a.js');
+const languageUtils = require('./language-utils-de99a5da.js');
+const tokens_module = require('./tokens.module-7c947029.js');
 const floatingUi_dom_esm = require('./floating-ui.dom.esm-806e7c53.js');
-const focusUtils = require('./focus-utils-2a0030aa.js');
+const focusUtils = require('./focus-utils-d551f3ab.js');
 const teleport = require('./teleport-c6f8391a.js');
 const actionNewWindowSmall = require('./action-new-window-small-fa51dfb9.js');
 require('./string-utils-7b13c16e.js');
@@ -320,7 +320,7 @@ const DuetChip = class {
             onBlur: this.onBlur,
             ref: el => (this.focusableElement = el),
         };
-        return (index.h(index.Host, { key: 'a1e4d371f57abce15c06aa88bf2faab012bde60a', class: { [this.variation]: true } }, this.variation === "button" && (index.h("span", { key: '48b8e4b70be8c4511a33be55c6fd25ec850fe1c2', class: classes }, index.h("button", Object.assign({ key: 'ec9084347d6c67fb665312422a36282f753900af', id: identifier, "aria-label": this.accessibleLabel, "aria-haspopup": this.getAccessiblePopup(), "aria-expanded": this.getAccessibleExpanded(), "aria-disabled": this.disabled ? "true" : undefined, name: this.name, value: this.value, onClick: this.disabled ? evt => evt.stopPropagation() : undefined }, focusHandlers), index.h("span", { key: '733df1c9acec6cd645b28f8ed86af4c48a79273a', class: "duet-chip-icon-container" }, this.icon && (index.h("duet-icon", { key: '001d0ccf56f2d072f7e861bbb950f75ff6673223', name: this.icon, size: "x-small", margin: "none", color: "currentColor" }))), index.h("slot", { key: '7ddfa4406408234c391bcf674c0ba8aaaec21ee0' })))), this.variation === "input" && (index.h("span", { key: '727e2fc07c26dff9c68fcae934c1925aca396155', class: classes, "aria-label": this.getAccessibleInputChipLabel() }, index.h("button", Object.assign({ key: 'ea5ee0837d8912fbb3434a2a38c7bc4d5d0975b5', id: identifier, class: "duet-chip-input-button", value: this.value, "aria-label": this.accessibleLabel, onMouseOver: () => (this.inputChipHover = true), onMouseOut: () => (this.inputChipHover = false), onClick: () => (this.selected = !this.selected) }, focusHandlers), index.h("span", { key: 'b318ffad1b0057ef1812018dc1e524ec8cf62091', class: "duet-chip-icon-container" }, this.icon && (index.h("duet-icon", { key: 'c85184dcc2864532c7820bc01eb1ad48d9ef0fbd', name: this.icon, size: "x-small", margin: "none", color: "currentColor" }))), index.h("slot", { key: 'd8871a7204049ace2b8295db0a13428caa96b57a' })), index.h("button", { key: 'ec772bd91b3a8131145348fc67703f3ee4515702', class: "duet-chip-remove-button", "aria-label": this.getAccessibleDeleteLabel(), onClick: this.onRemoveClick, onFocus: () => (this.inputChipDeleteFocus = true), onBlur: () => (this.inputChipDeleteFocus = false), ref: el => (this.deleteButtonElement = el) }, index.h("duet-icon", { key: '903ab2300e7a977392b42927034941e43292d983', name: "activity-close", size: "xx-small", margin: "none", color: "currentColor" })))), this.variation === "filter" && (index.h("span", { key: '3660c3e7ff2a0eaff17ebbe34981cbf5909d0f0d', class: classes }, index.h("input", Object.assign({ key: 'd46cb417fe2464eb10908d01929c125e9bea5677', "aria-haspopup": this.getAccessiblePopup(), "aria-controls": (_a = this.popupElement) === null || _a === void 0 ? void 0 : _a.id, "aria-expanded": this.getAccessibleExpanded(), "aria-disabled": this.disabled ? "true" : undefined, id: identifier, type: "checkbox", name: this.name, value: this.value, checked: this.checked, onClick: this.onFilterClick, onChange: this.onFilterChange }, focusHandlers)), index.h("label", { key: '4ee86b0611315406cbd1b6dfbcdd42106ba84554', htmlFor: identifier }, this.icon && (index.h("span", { key: '9514104bed3050807ea0b30550f9c0892d545daa', class: "duet-chip-icon-container" }, index.h("duet-icon", { key: 'f8000d1fce7ecbba8072545eaa78014913109aca', name: this.icon, size: "x-small", margin: "none", color: "currentColor" }), index.h("duet-icon", { key: '3d9ad0a9a4075b1d4e9339c485ee3180cf44cae1', name: "messaging-checked-small", size: "xx-small", margin: "none", color: "currentColor", class: "check-mark" }))), index.h("slot", { key: '2d5eef8328f0fa155877cb1f21017024140f81aa' }), this.popupElement && (index.h("span", { key: 'a8073e5008dd5aebab4ed7af69a2be3833cc5103', class: "duet-chip-popup-disclosure" }, index.h("duet-icon", { key: '124c026eecc172483e1988197edfa334736dbee4', name: "action-arrow-down-small", size: "xxx-small", margin: "none", color: "currentColor" })))))), this.variation === "radio" && (index.h("span", { key: '78b2f4b2f12a5d37a82a44ec03c121548ec26c05', class: classes }, index.h("slot", { key: '7d0f2d9039581110bad1cac19a35fc64b5554930', name: "input" }), index.h("label", { key: '12093ea0d2a2d97b73b7847384a80108e3e6eb3d', htmlFor: identifier }, this.icon && (index.h("span", { key: '073c4aeefdf6b0e9c4b39c2d821c157f3f8c7285', class: "duet-chip-icon-container" }, index.h("duet-icon", { key: '20a39d0858cfba1c30c25532485adbc904fb3fe4', name: this.icon, size: "x-small", margin: "none", color: "currentColor" }), index.h("duet-icon", { key: '2b7124ccc84b91f81b938a7f52e193daf7002cd0', name: "messaging-checked-small", size: "xx-small", margin: "none", color: "currentColor", class: "check-mark" }))), index.h("slot", { key: '9165ca7f004968f8c8505822c98281eec4583329' }))))));
+        return (index.h(index.Host, { key: 'f5866959a8c96e4c06f87b9da16bb1a1fce05235', class: { [this.variation]: true } }, this.variation === "button" && (index.h("span", { key: 'f118e5cb6fd7e7a36b783b6b136b85848493d7b2', class: classes }, index.h("button", Object.assign({ key: '8136c5fc8d81b414f102d52af06bef9a4b85bf8c', id: identifier, "aria-label": this.accessibleLabel, "aria-haspopup": this.getAccessiblePopup(), "aria-expanded": this.getAccessibleExpanded(), "aria-disabled": this.disabled ? "true" : undefined, name: this.name, value: this.value, onClick: this.disabled ? evt => evt.stopPropagation() : undefined }, focusHandlers), index.h("span", { key: 'bcbd7ed8bda270105ad63bda748c3e99440e210a', class: "duet-chip-icon-container" }, this.icon && (index.h("duet-icon", { key: '878b7a3bd90f777342a9f01ec3b9d6487c84ae62', name: this.icon, size: "x-small", margin: "none", color: "currentColor" }))), index.h("slot", { key: '80af3c2e2ed0326f64ba76df23cb013ad6453bc7' })))), this.variation === "input" && (index.h("span", { key: 'b58b2486ea2a68bf3cb4f7936acd3c1bae7a8f01', class: classes, "aria-label": this.getAccessibleInputChipLabel() }, index.h("button", Object.assign({ key: 'aab83e094723fea4006b2d6d5b7d0c7561741dc0', id: identifier, class: "duet-chip-input-button", value: this.value, "aria-label": this.accessibleLabel, onMouseOver: () => (this.inputChipHover = true), onMouseOut: () => (this.inputChipHover = false), onClick: () => (this.selected = !this.selected) }, focusHandlers), index.h("span", { key: '7060c0297c7a9ac439e1b8cacf331286076e49d3', class: "duet-chip-icon-container" }, this.icon && (index.h("duet-icon", { key: '285b4f499a36e796777a68ac9d625776bd01f8fe', name: this.icon, size: "x-small", margin: "none", color: "currentColor" }))), index.h("slot", { key: 'abad02d6dc1809c0bed85b1c51e9150835470e24' })), index.h("button", { key: '89239750f6c9738272cc92142889f59a7c8d4ea0', class: "duet-chip-remove-button", "aria-label": this.getAccessibleDeleteLabel(), onClick: this.onRemoveClick, onFocus: () => (this.inputChipDeleteFocus = true), onBlur: () => (this.inputChipDeleteFocus = false), ref: el => (this.deleteButtonElement = el) }, index.h("duet-icon", { key: 'da6a4b111356b20f82bfc083cbaaf35ce9facdaa', name: "activity-close", size: "xx-small", margin: "none", color: "currentColor" })))), this.variation === "filter" && (index.h("span", { key: 'a7f9ee8ddaf8f256bf6a43ec10e4df16da91fe01', class: classes }, index.h("input", Object.assign({ key: '9717dd6ef3002cb5bb0382bbcf0c93f4e4b9a7e6', "aria-haspopup": this.getAccessiblePopup(), "aria-controls": (_a = this.popupElement) === null || _a === void 0 ? void 0 : _a.id, "aria-expanded": this.getAccessibleExpanded(), "aria-disabled": this.disabled ? "true" : undefined, id: identifier, type: "checkbox", name: this.name, value: this.value, checked: this.checked, onClick: this.onFilterClick, onChange: this.onFilterChange }, focusHandlers)), index.h("label", { key: '1cf57481446293957a2a639afea5a72d847f82eb', htmlFor: identifier }, this.icon && (index.h("span", { key: '491a9eb7a0d9ea0fa1ed30e49826ecc51e5fa394', class: "duet-chip-icon-container" }, index.h("duet-icon", { key: '1ca20585deaa344a434a013fac217e8191432b31', name: this.icon, size: "x-small", margin: "none", color: "currentColor" }), index.h("duet-icon", { key: '6bfd6b12f71a7264b657c164a748de134d0e7976', name: "messaging-checked-small", size: "xx-small", margin: "none", color: "currentColor", class: "check-mark" }))), index.h("slot", { key: 'f51bf27633eb450f0469f43b569e6dc8ec19a5a2' }), this.popupElement && (index.h("span", { key: 'c8e24b22bc5dada17637c970f5c240a0ab1432dd', class: "duet-chip-popup-disclosure" }, index.h("duet-icon", { key: '77bff8f2d2d4d2bacfd35e466c8917af0dee3712', name: "action-arrow-down-small", size: "xxx-small", margin: "none", color: "currentColor" })))))), this.variation === "radio" && (index.h("span", { key: '9301ae9f35e1f8b98e9fb22581054a7d9e4e95f7', class: classes }, index.h("slot", { key: 'ef01900b142a3ccbb3df9609de81c765d171fc7a', name: "input" }), index.h("label", { key: '5803f303e6073ea2521400ad5a019668752dc72f', htmlFor: identifier }, this.icon && (index.h("span", { key: '3a02f6262d9409fd67f5dec28333813e00059ee2', class: "duet-chip-icon-container" }, index.h("duet-icon", { key: '782a8428f4516926dd572640670084f17f1a0a6c', name: this.icon, size: "x-small", margin: "none", color: "currentColor" }), index.h("duet-icon", { key: '20bbe0863bb89ba63507469f3d47c910ca08842c', name: "messaging-checked-small", size: "xx-small", margin: "none", color: "currentColor", class: "check-mark" }))), index.h("slot", { key: 'b9f66eeaa21825e40fde477edc0928e461ff3b62' }))))));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {
@@ -600,14 +600,14 @@ const DuetPopupMenu = class {
             overflowY: "auto",
             height: this.popupMenuStyleHeight,
         };
-        return (index.h(index.Host, { key: '4754c8522cdd93a4e90398840cb321821636b489' }, index.h("div", { key: '45ceb31093aa93bf21e61daed2c77c4ba816556f', ref: element => {
+        return (index.h(index.Host, { key: 'c5d59c4859a8b66d3fdc725163b4163599c70a6f' }, index.h("div", { key: '376869b621cf3f1899ef6d1e9c1e913bb47fc83f', ref: element => {
                 this.menuElement = element;
             }, style: styles, class: {
                 open: this.open,
                 "duet-popup-menu-list": true,
                 "duet-theme-turva": this.theme === "turva",
                 "scroll-visible": this.scrollLimit < this.itemElements.length,
-            }, role: this.accessibleRole, "aria-label": this.accessibleLabel }, index.h("slot", { key: '88dde9607c352adc70eb6a27b5fab917585cef1e' }))));
+            }, role: this.accessibleRole, "aria-label": this.accessibleLabel }, index.h("slot", { key: '7a5793c36e4103077f1e8165478b410a5068e4a0' }))));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {
@@ -684,11 +684,11 @@ const DuetPopupMenuItem = class {
             "duet-theme-turva": this.theme === "turva",
             "active-descendant": this.activeDescendant,
         };
-        return (index.h(index.Host, { key: 'd8a0f9f62ecc1abedce8431e27331ff3d88f4c24', role: this.accessibleRole }, index.h(TagName, { key: '998d7156c8a1e789405240a5927923e83130eb48', ref: element => (this.itemElement = element), tabIndex: this.accessibleRole === "listitem" ? 0 : -1, onFocus: this.onFocus, onBlur: this.onBlur, role: `${TagName === "a" ? "link" : "button"}`, "aria-label": this.accessibleLabel, class: classes, value: this.value, href: this.url, target: this.external ? "_blank" : undefined, rel: this.external ? "noopener" : undefined, lang: TagName === "button" ? undefined : this.targetLanguage, hreflang: TagName === "button" ? undefined : this.targetLanguage }, this.leadingIcon && (index.h("duet-icon", { key: 'db04fcce497b69525b6dafe5179aaff15a61a98f', name: this.leadingIcon, size: "x-small", color: this.leadingIconColor ? this.leadingIconColor : "currentColor", class: "duet-popup-menu-item-leading", margin: "none" })), index.h("span", { key: 'f67feb833576c6272f80097877c16cc0c68f41f8', class: "duet-popup-menu-item-label" }, index.h("slot", { key: 'bd8abe74d51a7398ab7ba70813dc1449ad5e0bb4' })), (this.trailingIcon || this.active || (this.url && this.external)) && (index.h("duet-icon", { key: '3f75ee757d5ff1b5fa9055b897fd51c31f6919d5', name: this.url && this.external
+        return (index.h(index.Host, { key: 'cba4450c5f4e743f1c54c4736930fd263acba1db', role: this.accessibleRole }, index.h(TagName, { key: '94c16ad9906c2ea626f186a405a044f8c0fdc38b', ref: element => (this.itemElement = element), tabIndex: this.accessibleRole === "listitem" ? 0 : -1, onFocus: this.onFocus, onBlur: this.onBlur, role: `${TagName === "a" ? "link" : "button"}`, "aria-label": this.accessibleLabel, class: classes, value: this.value, href: this.url, target: this.external ? "_blank" : undefined, rel: this.external ? "noopener" : undefined, lang: TagName === "button" ? undefined : this.targetLanguage, hreflang: TagName === "button" ? undefined : this.targetLanguage }, this.leadingIcon && (index.h("duet-icon", { key: 'bc37f155bb1a3c6e0519f1b673682840e7cc2838', name: this.leadingIcon, size: "x-small", color: this.leadingIconColor ? this.leadingIconColor : "currentColor", class: "duet-popup-menu-item-leading", margin: "none" })), index.h("span", { key: '641cb769d15e68d2e05893737b2712cb22916084', class: "duet-popup-menu-item-label" }, index.h("slot", { key: 'c4e79af7b0a972b68a6a30ca479d3fe49ec0ac57' })), (this.trailingIcon || this.active || (this.url && this.external)) && (index.h("duet-icon", { key: 'd5ae36ac91afb6b5f9a6bfe461a10b68ee0f916e', name: this.url && this.external
                 ? actionNewWindowSmall.actionNewWindowSmall.title
                 : this.active
                     ? "messaging-checked-small"
-                    : this.trailingIcon, size: (this.url && this.external) || this.active ? "xx-small" : "x-small", color: "currentColor", class: "duet-popup-menu-item-trailing", margin: "none" })), this.trailingText && index.h("span", { key: 'e716737df75eb8ee5512b2075e37ef539fe4ef2c', class: "duet-popup-menu-item-trailing" }, this.trailingText))));
+                    : this.trailingIcon, size: (this.url && this.external) || this.active ? "xx-small" : "x-small", color: "currentColor", class: "duet-popup-menu-item-trailing", margin: "none" })), this.trailingText && index.h("span", { key: '79631aaffd5c2b020ebc6f37f0770147ae8291fa', class: "duet-popup-menu-item-trailing" }, this.trailingText))));
     }
     get element() { return index.getElement(this); }
 };

package/lib/cjs/duet-choice_2.cjs.entry.js

@@ -5,13 +5,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-21e67ab3.js');
+const index = require('./index-b496e711.js');
 const themeableComponent = require('./themeable-component-996b489c.js');
 const commonStrings = require('./common-strings-2984301e.js');
 const createId = require('./create-id-1f8c438f.js');
 const keyboardUtils = require('./keyboard-utils-681e11ec.js');
-const languageUtils = require('./language-utils-b5940c7b.js');
-const slotUtils = require('./slot-utils-382633cf.js');
+const languageUtils = require('./language-utils-de99a5da.js');
+const slotUtils = require('./slot-utils-0a5c7c03.js');
 require('./string-utils-7b13c16e.js');
 
 var messagingInfo={"title":"messaging-info","tags":"messaging info information circle","svg":"<svg fill=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" role=\"img\"><path d=\"M13.5 17.25A2.252 2.252 0 0 1 11.25 15v-3.75h-.75a.75.75 0 0 1 0-1.5h.75c.827 0 1.5.673 1.5 1.5V15c0 .414.336.75.75.75h.75a.75.75 0 0 1 0 1.5z\"/><circle cx=\"11.625\" cy=\"7.125\" r=\"1.125\"/><path d=\"M12 24C5.383 24 0 18.617 0 12S5.383 0 12 0s12 5.383 12 12-5.383 12-12 12zm0-22.5C6.21 1.5 1.5 6.21 1.5 12S6.21 22.5 12 22.5 22.5 17.79 22.5 12 17.79 1.5 12 1.5z\"/></svg>"};
@@ -344,7 +344,7 @@ const DuetChoice = class {
      */
     render() {
         const identifier = this.identifier || this.choiceId;
-        return (index.h(index.Host, { key: '769363c98f975c9f2881acdc911ba2cd28c36351', class: {
+        return (index.h(index.Host, { key: 'e45e3d883ff601f42cda53bb745589a6cff07669', class: {
                 horizontal: this.groupDirection === "horizontal" && !this.groupResponsive,
                 "horizontal-responsive": this.groupDirection === "horizontal" && this.groupResponsive,
                 "duet-m-0": this.margin === "none",
@@ -352,10 +352,10 @@ const DuetChoice = class {
                 "duet-theme-turva": this.theme === "turva",
                 "no-hover": this.isHovering,
                 disabled: this.getDisabled(),
-            } }, index.h("div", { key: '93dea4566ff9694947713e14e172c338ae0c8d8c', class: {
+            } }, index.h("div", { key: '269cb0465b9088983bb4a9c3b0fab4ee0e4a2bd4', class: {
                 "duet-choice-card-flextainer": true,
                 "duet-theme-turva": this.theme === "turva",
-            } }, index.h("div", { key: '846c05b6a685ecba8be08d1c7bad60165452d98f', class: {
+            } }, index.h("div", { key: 'f58dab3ebe6b31f9284d609e62d8c97e3056160a', class: {
                 "duet-choice-card": true,
                 "has-icon": !!this.icon,
                 "has-info": this.hasInfo,
@@ -364,16 +364,16 @@ const DuetChoice = class {
                 collapsible: this.collapsible,
                 "collapsible-force-expanded": this.collapsibleForceExpanded,
                 "duet-p-0": this.padding === "none",
-            } }, this.type === "checkbox" && (index.h("input", { key: '033d896b5949802ed8031f649e5f82d438a59014', class: "duet-choice-input", type: this.type, onFocus: this.onFocus, onBlur: this.onBlur, onChange: this.onChange, disabled: this.getDisabled(), required: this.required, id: identifier, name: this.name, value: this.value, checked: this.checked, "aria-label": this.getLabel(), "aria-controls": this.accessibleControls, "aria-activedescendant": this.accessibleActiveDescendant, "aria-labelledby": this.accessibleLabelledBy, "aria-details": this.accessibleDetails, "aria-description": this.accessibleDescription, "aria-owns": this.accessibleOwns, "aria-describedby": this.getAriaDescribedby(), onKeyDown: this.handleKeyDown, ref: input => (this.focusableElement = input) })), index.h("slot", { key: 'c9f2bf88993e31592ea467c16858bb8a57ac5e56', name: "choiceradioinput" }), index.h("label", { key: 'e038f367106ffd8712a0908d65d125b5f285a916', class: {
+            } }, this.type === "checkbox" && (index.h("input", { key: '0223b78eb319e469137a52e6b64898d0862eafac', class: "duet-choice-input", type: this.type, onFocus: this.onFocus, onBlur: this.onBlur, onChange: this.onChange, disabled: this.getDisabled(), required: this.required, id: identifier, name: this.name, value: this.value, checked: this.checked, "aria-label": this.getLabel(), "aria-controls": this.accessibleControls, "aria-activedescendant": this.accessibleActiveDescendant, "aria-labelledby": this.accessibleLabelledBy, "aria-details": this.accessibleDetails, "aria-description": this.accessibleDescription, "aria-owns": this.accessibleOwns, "aria-describedby": this.getAriaDescribedby(), onKeyDown: this.handleKeyDown, ref: input => (this.focusableElement = input) })), index.h("slot", { key: 'b438afa42e1d50c6aa9a145e656aed1b0f801efa', name: "choiceradioinput" }), index.h("label", { key: 'c08ba3234495038c9dedce7247aef93e9171e4c1', class: {
                 "duet-choice-label": true,
                 "has-before-text": this.hasBeforeText,
                 checked: this.checked,
                 focus: this.focus,
                 disabled: this.getDisabled(),
-            }, onClick: this.onClick }, this.hasBeforeText && index.h("slot", { key: '1b19e1fa3fcf5a3a3e16f5330a513adff661798e', name: "before-text" }), this.icon && (index.h("div", { key: 'cf7b7dba99cf4c93a0af8348841a548a0e4153aa', class: "duet-choice-card-icon" }, index.h("duet-icon", { key: '3adb65bb97bad88b84472b408c2c7582ad3e6012', margin: "none", size: "small", name: this.icon, color: "currentColor" }))), index.h("div", { key: '8a85581545676b925ca39c614876f3cebb5553c4', class: "duet-choice-card-text" }, index.h("div", { key: '4baf1c808b3a8946f63cd5d64c135f29387910a1' }, this.hasLabel ? index.h("slot", { name: "label" }) : this.label), this.caption && (index.h("div", { key: 'd4d2e94b379c242853047e92b8ef3d02358d47ab' }, index.h("duet-spacer", { key: 'cb761b10de1afba742bcfb83cfcd0885e09d4da2', size: "xx-small" }), index.h("duet-caption", { key: 'f4238edc949718154d77c4a465d515b4eaeae3df', margin: "none", selected: this.checked }, this.caption))), this.hasAdditional && (index.h("div", { key: 'e932cefc8acedea9b152c66d50bbe591be8cf04d' }, index.h("duet-spacer", { key: '1ea7940f74edb2bb99405091097530836c0412eb', size: "xx-small" }), index.h("slot", { key: '63fc4d2ad4a0f5d14666ff703ad4defaf2e950ed', name: "additional" })))), index.h("div", { key: '9ca502e4e6929ed03c09818909b708e6174392c9' }, index.h("div", { key: 'e2ec3f18108f7be37e7d38a3a8a6b7126ac37367', class: { "duet-checkmark-container": true, "duet-checkmark-radio": this.type === "radio" } }, this.checked && index.h("div", { key: 'aed8333ed8fcc374095721d94a070fec03761d47', class: "duet-checkmark" }))))), this.hasInfo && !this.collapsible && (index.h("button", { key: '209184ed7ae21002ff718c2efce27aa498db02d3', ref: button => (this.infoButtonEl = button), id: this.infoButtonId, class: {
+            }, onClick: this.onClick }, this.hasBeforeText && index.h("slot", { key: '822b608190ed8058e5083664364f7802f36bbc12', name: "before-text" }), this.icon && (index.h("div", { key: '47be54fb7c3c00ab9cdff531a158e3bf8131d1eb', class: "duet-choice-card-icon" }, index.h("duet-icon", { key: 'ba85bd90adcc57f4f3b4641d10417f14c0a3d0a7', margin: "none", size: "small", name: this.icon, color: "currentColor" }))), index.h("div", { key: '9bffd97bdf78929c3e18eed10f9903c068f84284', class: "duet-choice-card-text" }, index.h("div", { key: '7378526d0c1be754eeef8acb758b800534710af6' }, this.hasLabel ? index.h("slot", { name: "label" }) : this.label), this.caption && (index.h("div", { key: '2c026043a64085f44ec11e2b59fa7d3625880b98' }, index.h("duet-spacer", { key: '23bd4874a25550df5c010a4ac2f4753b7bebe095', size: "xx-small" }), index.h("duet-caption", { key: '1e91ca0d61dcbb29b48095ade98d69f35f8d034e', margin: "none", selected: this.checked }, this.caption))), this.hasAdditional && (index.h("div", { key: 'af539e1466767e981b523efd118aaadec4c3ac7e' }, index.h("duet-spacer", { key: '3062fe17e11d61e8e02364762088fc33e3f123fd', size: "xx-small" }), index.h("slot", { key: '2a4faf03104769cf9c8c12b3700608ccbf353233', name: "additional" })))), index.h("div", { key: 'a31c056ac9d543e7ee157fd4e2dddfd64cc823a9' }, index.h("div", { key: '8e139394a6669f009546db7274152790fb099cb0', class: { "duet-checkmark-container": true, "duet-checkmark-radio": this.type === "radio" } }, this.checked && index.h("div", { key: '661c15b7dd0fbe9012e16841c1f082e85fd8f6de', class: "duet-checkmark" }))))), this.hasInfo && !this.collapsible && (index.h("button", { key: 'c8b30535f36197e9f435b806ca23f0c8cbf81e4a', ref: button => (this.infoButtonEl = button), id: this.infoButtonId, class: {
                 "duet-choice-info-toggle": true,
                 "duet-theme-turva": this.theme === "turva",
-            }, onMouseEnter: this.onMouseEnter, onMouseLeave: this.onMouseLeave, onClick: this.toggleInfo, disabled: this.getDisabled(), "aria-expanded": this.isInfoOpen ? "true" : "false", "aria-label": `${this.infoLabel} ${this.label}`, "aria-controls": this.expandId, tabindex: this.type === "radio" && !this.checked ? "-1" : "0", type: "button", onKeyUp: e => this.handleEscape(e) }, index.h("div", { key: 'eb76ae734893e6c9375d63a7ce73283437c3bf40', class: "duet-choice-info-icon" }, index.h("duet-icon", { key: '21eaedd36a86a68b74ccd1420dbe838f1e23d4f0', icon: messagingInfo.svg, margin: "none", size: "small", color: "currentColor" }))))), this.collapsible && (index.h("span", { key: 'a681b8c754aa3d6e24a70f95bf7d7c6bf7d31f5c', id: `${this.choiceId}-collapsible-notification`, hidden: true }, this.collapsibleNotification)), this.collapsible || this.hasInfo ? (index.h("div", { class: this.getClassNames(), id: this.expandId }, index.h("span", { class: {
+            }, onMouseEnter: this.onMouseEnter, onMouseLeave: this.onMouseLeave, onClick: this.toggleInfo, disabled: this.getDisabled(), "aria-expanded": this.isInfoOpen ? "true" : "false", "aria-label": `${this.infoLabel} ${this.label}`, "aria-controls": this.expandId, tabindex: this.type === "radio" && !this.checked ? "-1" : "0", type: "button", onKeyUp: e => this.handleEscape(e) }, index.h("div", { key: 'a658c863b61f1d5f8949e24ed9a59108c8a6fa76', class: "duet-choice-info-icon" }, index.h("duet-icon", { key: '6d4aae6cdecafd186807a43914409cb35e8fdb38', icon: messagingInfo.svg, margin: "none", size: "small", color: "currentColor" }))))), this.collapsible && (index.h("span", { key: '9796521f397d0b976a84884108d4138a054c3b92', id: `${this.choiceId}-collapsible-notification`, hidden: true }, this.collapsibleNotification)), this.collapsible || this.hasInfo ? (index.h("div", { class: this.getClassNames(), id: this.expandId }, index.h("span", { class: {
                 "duet-choice-section-visible": this.collapsible ? this.getExpanded() : this.isInfoOpen,
                 "duet-choice-section-hidden": this.collapsible ? !this.getExpanded() : !this.isInfoOpen,
             } }, index.h("span", { id: this.headerId }, index.h("slot", { name: "header" })), this.hasInfo ? (index.h("span", { ref: span => (this.infoContainer = span), tabindex: "0", class: "duet-choice-info-container", onKeyUp: e => this.handleEscape(e) }, index.h("span", null, index.h("slot", { name: "info" })), index.h("slot", null))) : (index.h("span", { id: `${this.choiceId}-collapsible-content` }, index.h("slot", null)))))) : null));
@@ -498,14 +498,14 @@ const DuetChoiceGroup = class {
      * Always the last one in the class.
      */
     render() {
-        return (index.h(index.Host, { key: '0f05e4491b0ed604ed36ad5a20755a183f219e61', onDuetChange: this.onSelect, onDuetChoiceReady: this.onChoiceReady, onDuetChoiceRemove: this.onChoiceRemove, class: {
+        return (index.h(index.Host, { key: 'fda102de643d0654008818d2fcde77410c6cdde2', onDuetChange: this.onSelect, onDuetChoiceReady: this.onChoiceReady, onDuetChoiceRemove: this.onChoiceRemove, class: {
                 horizontal: this.direction === "horizontal",
                 "duet-choice-group-breakpoint-x-small": this.responsive && this.breakpoint === "x-small",
                 "duet-choice-group-breakpoint-small": this.responsive && this.breakpoint === "small",
                 "duet-choice-group-breakpoint-medium": this.responsive && this.breakpoint === "medium",
                 "duet-choice-group-breakpoint-large": this.responsive && this.breakpoint === "large",
                 "duet-choice-group-breakpoint-x-large": this.responsive && this.breakpoint === "x-large",
-            } }, index.h("duet-fieldset", { key: 'c6b16eb32fa18224f1fca5450a1a00609ee0800c', label: this.label, labelHidden: this.labelHidden, compactLabel: true, caption: this.caption, error: this.error, margin: this.margin, theme: this.theme, "accessible-live-error": this.accessibleLiveError }, this.tooltip && (index.h("duet-tooltip", { key: '23ea892920b10486ec2ff7dc5c6893d4f4b58028', slot: "tooltip", direction: this.tooltipDirection, accessibleInputLabel: this.label }, this.tooltip)), index.h("slot", { key: '6f067a2d955d9a60728e5f8746650480d5719491', name: "tooltip" }), index.h("div", { key: 'e3bfaa0355f3eb50844f4e5a47dc02d0816380e2', class: { [this.choiceGroupName]: true, "duet-no-stacking": !this.responsive } }, index.h("slot", { key: '8af6ad42073f04162bf0f7482e9987e1f386e7b5' })))));
+            } }, index.h("duet-fieldset", { key: '3f0fb7608260d92a4e92efedadb5e2a115a6d6c7', label: this.label, labelHidden: this.labelHidden, compactLabel: true, caption: this.caption, error: this.error, margin: this.margin, theme: this.theme, "accessible-live-error": this.accessibleLiveError }, this.tooltip && (index.h("duet-tooltip", { key: '8c3ec02a326faca65617b165b7746e5e2963cce4', slot: "tooltip", direction: this.tooltipDirection, accessibleInputLabel: this.label }, this.tooltip)), index.h("slot", { key: 'c5ae2e61d96374bca1b12acdea2f47596401f456', name: "tooltip" }), index.h("div", { key: '399845c3e169ceca3476e685bcd2ee76f8c45b02', class: { [this.choiceGroupName]: true, "duet-no-stacking": !this.responsive } }, index.h("slot", { key: 'ea9969eee1a0c2e454e59bffc03952c2247c119a' })))));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {

package/lib/cjs/duet-collapsible.cjs.entry.js

@@ -5,13 +5,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-21e67ab3.js');
+const index = require('./index-b496e711.js');
 const actionArrowDownSmall = require('./action-arrow-down-small-ef77a2d1.js');
 const tokens = require('./tokens-57e06fe4.js');
 const themeableComponent = require('./themeable-component-996b489c.js');
 const createId = require('./create-id-1f8c438f.js');
 const keyboardUtils = require('./keyboard-utils-681e11ec.js');
-const slotUtils = require('./slot-utils-382633cf.js');
+const slotUtils = require('./slot-utils-0a5c7c03.js');
 const stringUtils = require('./string-utils-7b13c16e.js');
 
 const duetCollapsibleCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}::slotted([slot=after-heading]){display:inline-block}: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;display:block;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.5;color:rgb(8, 42, 77)}: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){margin:0 !important}.duet-collapsible-content{display:none;padding-left:18px;margin-top: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-weight:400;font-variant-numeric:tabular-nums;-webkit-hyphens:auto;hyphens:auto;line-height:1.5;color:rgb(8, 42, 77)}@media (max-width: 35.9375em){.duet-collapsible-content{font-size:0.875rem}}.duet-collapsible-content.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([open])>.duet-collapsible-content{display:block}.duet-collapsible-heading{-webkit-user-select:none;user-select:none;display:flex;align-items:center;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.5;color:rgb(8, 42, 77);text-align:left;cursor:pointer;border-radius:4px}.duet-collapsible-heading.full-width{width:100%}.duet-collapsible-heading.duet-collapsible-heading-centered{margin:auto}.duet-collapsible-heading.duet-collapsible-normal-weight{font-weight:400}.duet-collapsible-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\";color:rgb(23, 28, 58)}.duet-collapsible-heading .duet-collapsible-heading-content{min-width:0}.duet-collapsible-heading.has-after-heading .duet-collapsible-heading-content+div{margin-left:16px}.duet-collapsible-heading.has-after-heading .duet-collapsible-heading-content+div.float-right{margin-left:auto}.duet-collapsible-heading:focus{outline:0}:host(.user-is-tabbing) .duet-collapsible-heading: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-collapsible-heading.duet-theme-turva:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-collapsible-heading-icon{margin-right:8px !important;display:flex;align-items:center;justify-content:center;color:rgb(8, 42, 77);transition:transform 300ms ease}.duet-collapsible-heading-icon:last-child,.duet-collapsible-heading-icon:last-of-type{margin-right:0 !important}[aria-expanded=true] .duet-collapsible-heading-icon{transform:rotate(180deg)}:host(.negative) .duet-collapsible-heading,:host(.negative) .duet-collapsible-content,:host(.negative) .duet-collapsible-heading-icon{color:rgb(255, 255, 255)}";
@@ -109,14 +109,14 @@ const DuetCollapsible = class {
      */
     render() {
         const HeadingTagName = this.headingLevel ? stringUtils.sanitizeString(this.headingLevel) : "div";
-        return (index.h(index.Host, { key: 'e75871cb9a6fd0f3050c22c4ac9059c8daa8c2ca', class: { "duet-m-0": this.margin === "none", negative: this.negative } }, index.h(HeadingTagName, { key: '4b9571caa365df133f607952f427d5f2662a61d6' }, index.h("button", { key: '29f111d38aeac967f9ef9e2696fe0da79b07210c', class: {
+        return (index.h(index.Host, { key: '249132a1b5e58240d37d3d995a4ef53378eff63f', class: { "duet-m-0": this.margin === "none", negative: this.negative } }, index.h(HeadingTagName, { key: '7b9c2682402ac40049fa13406131a1d1a55eb051' }, index.h("button", { key: 'cb3b234ce9ee241fa3f63c81850ea418af00f045', class: {
                 "duet-collapsible-heading": true,
                 "duet-collapsible-heading-centered": this.centerHeading,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-collapsible-normal-weight": this.headingWeight === "normal",
                 "has-after-heading": this.hasAfterHeading,
                 "full-width": this.headingFullWidth,
-            }, style: { "font-size": this.getFontSizeFromTokens() }, role: "button", ref: button => (this.nativeButton = button), "aria-label": this.accessibleLabel, "aria-expanded": this.open ? "true" : "false", "aria-controls": this.id, onClick: this.handleClick, onKeyDown: this.handleKeyDown }, index.h("div", { key: 'f22a73bf54b611968e8e9ecfac22c4a5d912942a', class: "duet-collapsible-heading-icon" }, index.h("duet-icon", { key: '3f1706b22520ee9e1856ba3d9bd8f4e04a026e20', margin: "none", size: this.getEquivalentIconSize(), icon: actionArrowDownSmall.actionArrowDownSmall.svg })), index.h("div", { key: '88b89faf977d753d6d53f838d986b6ec567ed8e3', class: "duet-collapsible-heading-content", part: "duet-collapsible-heading-content" }, this.heading), this.hasAfterHeading && (index.h("div", { key: '97304f5806f809b1d7e86306b60901ce96df2f8e', part: "duet-collapsible-after-heading" }, index.h("slot", { key: '0d37e9e85c477aa0f4b3f0f9b7209b429c917bd6', name: "after-heading" }))))), index.h("div", { key: 'cc27c3dca50171f016f3a0991a67f07334223f9b', id: this.id, class: { "duet-collapsible-content": true, "duet-theme-turva": this.theme === "turva" }, part: "duet-collapsible-content" }, index.h("slot", { key: 'b17cc5907e981ea030f3a070e6cad046e15af55c' }))));
+            }, style: { "font-size": this.getFontSizeFromTokens() }, role: "button", ref: button => (this.nativeButton = button), "aria-label": this.accessibleLabel, "aria-expanded": this.open ? "true" : "false", "aria-controls": this.id, onClick: this.handleClick, onKeyDown: this.handleKeyDown }, index.h("div", { key: '4aebb0229f1a8436ef5413b696c8d8674d81bd7d', class: "duet-collapsible-heading-icon" }, index.h("duet-icon", { key: 'a67ec08b1f5f0ef4e3b7ece52664104d9d2df10b', margin: "none", size: this.getEquivalentIconSize(), icon: actionArrowDownSmall.actionArrowDownSmall.svg })), index.h("div", { key: 'a2a5c24dd64f3bab25c8167c11f738953e78a948', class: "duet-collapsible-heading-content", part: "duet-collapsible-heading-content" }, this.heading), this.hasAfterHeading && (index.h("div", { key: '9d4820bb70777bfcaee8fc76f47fcba4e9ed9a91', part: "duet-collapsible-after-heading" }, index.h("slot", { key: 'cbe50074d804f79c746f29760d3536241e5d2717', name: "after-heading" }))))), index.h("div", { key: '8cd82a8d4e2aa518cd1c9ca8451ace90a4ff8ec9', id: this.id, class: { "duet-collapsible-content": true, "duet-theme-turva": this.theme === "turva" }, part: "duet-collapsible-content" }, index.h("slot", { key: '2bf409c9b05c884ce0c1de5358c4446ed0d6dc34' }))));
     }
     get element() { return index.getElement(this); }
 };

package/lib/cjs/duet-combobox.cjs.entry.js

@@ -5,13 +5,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-21e67ab3.js');
+const index = require('./index-b496e711.js');
 const themeableComponent = require('./themeable-component-996b489c.js');
 const createId = require('./create-id-1f8c438f.js');
 const jsUtils = require('./js-utils-92e24ba1.js');
 const keyboardUtils = require('./keyboard-utils-681e11ec.js');
-const languageUtils = require('./language-utils-b5940c7b.js');
-const slotUtils = require('./slot-utils-382633cf.js');
+const languageUtils = require('./language-utils-de99a5da.js');
+const slotUtils = require('./slot-utils-0a5c7c03.js');
 const stringUtils = require('./string-utils-7b13c16e.js');
 
 const DuetComboBoxSelect = ({ item, activeDescendant, selected, label = undefined, clickHandler = e => {

package/lib/cjs/duet-contact-card.cjs.entry.js

@@ -5,9 +5,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-21e67ab3.js');
+const index = require('./index-b496e711.js');
 const themeableComponent = require('./themeable-component-996b489c.js');
-const languageUtils = require('./language-utils-b5940c7b.js');
+const languageUtils = require('./language-utils-de99a5da.js');
 require('./string-utils-7b13c16e.js');
 
 const duetContactCardCss = "*,*::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-bottom:12px !important;display:block}:host(.duet-m-0){margin:0 !important}::slotted(*){padding-top:1.5rem}@media (min-width: 48em){::slotted(*){grid-column:2/span 2;padding-top:0}}.duet-contact-card{display:grid;grid-template-columns: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:600;line-height:1.5;color:rgb(8, 42, 77)}.duet-contact-card.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)}@media (min-width: 48em){.duet-contact-card{grid-template-columns:min-content minmax(0, 1fr) auto;gap:20px}}.duet-contact-card .image{width:4rem;height:4rem;margin-bottom:8px;border-radius:4px}@media (min-width: 48em){.duet-contact-card .image{width:6rem;height:6rem;padding-bottom:0}}.duet-contact-card .description{padding-bottom:8px}.duet-contact-card .email,.duet-contact-card .phone{display:grid;grid-template-columns:min-content auto;gap:8px;align-items:center;justify-content:flex-start;padding-bottom:8px;overflow-wrap:break-word}";
@@ -55,10 +55,10 @@ const DuetContactCard = class {
     render() {
         const isTurva = this.theme === "turva";
         const theme = isTurva ? "turva" : "default";
-        return (index.h(index.Host, { key: 'ee161f82ee10fff2c20d0a1710bad6af28d693f4', class: { "duet-m-0": this.margin === "none" } }, index.h("div", { key: 'b9252238696889b1c15f9c7ade693f7e0d28c5da', class: {
+        return (index.h(index.Host, { key: 'cc2e48ee12ea08d98bdcbffb297a6a2ed218e6b9', class: { "duet-m-0": this.margin === "none" } }, index.h("div", { key: '0f5aed0d311a0406993da0a933249ded67a9ad50', class: {
                 "duet-contact-card": true,
                 "duet-theme-turva": this.theme === "turva",
-            }, role: "group", "aria-label": this.name }, this.image ? index.h("img", { class: "image", src: this.image, alt: this.name }) : index.h("div", null), index.h("div", { key: 'c9575adf25010f58a30f297b89355cf1c404a03e' }, this.name && (index.h("duet-heading", { key: '2158805949358fd34db41c0b182c384ea19e7691', class: "name", level: "h3", margin: "none", theme: theme }, this.name)), this.description && (index.h("duet-paragraph", { key: 'f9372c59121b55e6247515dba14f557fd73a0c80', class: "description", margin: "none", theme: theme }, this.description)), this.email && (index.h("div", { key: 'abf9dfb8a80916d11a756d51556f17d63ff3ccb1', class: "email" }, index.h("duet-icon", { key: '8ed9a810ce0a6523541e1f25221d6c0efbe04dfe', name: "navigation-message", size: "x-small", color: "primary-dark", margin: "none", theme: theme }), index.h("duet-link", { key: 'ebe066f4492bf29aa08c0ad4e7bffc3bc33da31d', url: `mailto:${this.email}`, accessibleLabel: `Email: ${this.email}`, theme: theme }, this.email))), this.phone && (index.h("div", { key: '95d380ceee42f69a6ed0f9d1c611a32a71fce355', class: "phone" }, index.h("duet-icon", { key: '785043c08e6fca93a358f385b4fe1a9fe52ce74b', name: "form-tel", size: "x-small", color: "primary-dark", margin: "none", theme: theme }), index.h("duet-link", { key: '3f798fe2fb406091faadec2e72b7da3ccced7b83', url: `tel:${this.phone}`, accessibleLabel: `${this.phoneLabel[this.language]}: ${this.phone}`, theme: theme }, this.phone)))), this.buttonUrl && this.buttonText && (index.h("div", { key: '603dc620090b067f6798a117df506ba244163f3a', class: "call-to-action" }, index.h("duet-button", { key: '585f7cf08e0620af3af47ef41436a90d75aa48bd', variation: "default", icon: this.buttonIcon, fixed: true, margin: "none", url: this.buttonUrl, theme: theme }, this.buttonText))), index.h("div", { key: 'f9c5a90f43159f6349b09b515bb9b75fc06bb7d3' }), index.h("slot", { key: 'aac7d0d9a759305ef4986cc11ce446f191f72133' }))));
+            }, role: "group", "aria-label": this.name }, this.image ? index.h("img", { class: "image", src: this.image, alt: this.name }) : index.h("div", null), index.h("div", { key: 'e05a767fb9d0320158709bc7e04b53cf81cac23c' }, this.name && (index.h("duet-heading", { key: '8af67cd790130a68be2360b74416e56776e07815', class: "name", level: "h3", margin: "none", theme: theme }, this.name)), this.description && (index.h("duet-paragraph", { key: '4e52d9752abdda1c14a711af4d1f0c0b587a661b', class: "description", margin: "none", theme: theme }, this.description)), this.email && (index.h("div", { key: 'd5ef84acee777453998cc1094e0f6d3175099764', class: "email" }, index.h("duet-icon", { key: '891e836d988732d4212878e8eeca2e3e7b1fa06b', name: "navigation-message", size: "x-small", color: "primary-dark", margin: "none", theme: theme }), index.h("duet-link", { key: '7a1cc4a7bfa96f42084565ddde8ced1a5bcbdc76', url: `mailto:${this.email}`, accessibleLabel: `Email: ${this.email}`, theme: theme }, this.email))), this.phone && (index.h("div", { key: 'aa53d063b0d6ea053a5f7826307d76b46a6687f6', class: "phone" }, index.h("duet-icon", { key: 'b7fa45571c0ea392949010a31092aed317663f6e', name: "form-tel", size: "x-small", color: "primary-dark", margin: "none", theme: theme }), index.h("duet-link", { key: '70206b481553eec0d32322c2885a7c9a525a4398', url: `tel:${this.phone}`, accessibleLabel: `${this.phoneLabel[this.language]}: ${this.phone}`, theme: theme }, this.phone)))), this.buttonUrl && this.buttonText && (index.h("div", { key: '59e34fec5982ee552dd914d1a40897d2a7d4b04a', class: "call-to-action" }, index.h("duet-button", { key: '9b6982923e48f4b6ecdd123cf733d162a42ffa5b', variation: "default", icon: this.buttonIcon, fixed: true, margin: "none", url: this.buttonUrl, theme: theme }, this.buttonText))), index.h("div", { key: 'ec7625ef7d5a327d1bfa192ddd950cfbb26db708' }), index.h("slot", { key: 'c875ed1c02e6ef4aab02000dbe3e83fda4154315' }))));
     }
     get element() { return index.getElement(this); }
 };

package/lib/cjs/duet-cookie-consent.cjs.entry.js

@@ -5,7 +5,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-21e67ab3.js');
+const index = require('./index-b496e711.js');
 const themeableComponent = require('./themeable-component-996b489c.js');
 const keyboardUtils = require('./keyboard-utils-681e11ec.js');
 
@@ -50,7 +50,7 @@ const DuetCookieConsent = class {
      * Always the last one in the class.
      */
     render() {
-        return (index.h(index.Host, { key: '61cde7dad29f6806c3bf5f598897ebab55a50c2c', tabindex: "0", class: { "duet-theme-turva": this.theme === "turva" } }, index.h("div", { key: 'acb59a9600f655eb3c485a7334dd078c03f82f56', class: { "duet-cookie-consent": true, "duet-theme-turva": this.theme === "turva" } }, index.h("div", { key: '5d1eb2561aef70174bb1ca9d11e44ae2d743a13a', class: "duet-cookie-consent-content" }, index.h("div", { key: 'ef24cb4ba0672188c6216da4007746b52fa46526', class: "expand" }, index.h("slot", { key: '7e170fcdf30814f4308ae952a2236e67b5fecf2e' })), index.h("duet-spacer", { key: '3155cd41922ea15d6543243292651832b353461f', size: "large", direction: "horizontal" }), index.h("div", { key: 'e6578866cc2ea81852778c514eb5c04f766a2dcc' }, index.h("duet-button", { key: 'dae7a5c4b619f93d19fbc3e72e0c782fbef9550f', variation: "negative", size: "small", onClick: this.handleClick, margin: "none", "aria-label": this.accessibleLabel, theme: this.theme }, "OK"))))));
+        return (index.h(index.Host, { key: 'a1ecd4a76baeb20fb29f1b50713568a61720c2eb', tabindex: "0", class: { "duet-theme-turva": this.theme === "turva" } }, index.h("div", { key: '6b17b8d174b8bc5aa8cc5e8b0df9ddd034a1a2b0', class: { "duet-cookie-consent": true, "duet-theme-turva": this.theme === "turva" } }, index.h("div", { key: 'd56a7cad1fe926db95e6124f4956d638b87d8002', class: "duet-cookie-consent-content" }, index.h("div", { key: '7204cfdbde061697e6d8a9f81f446257eadf8c66', class: "expand" }, index.h("slot", { key: '4a776a6aff7404999fac0ffb8450a35f9446a259' })), index.h("duet-spacer", { key: 'e7f2aeaa800f7b5ae0e87343e46f59e4e46bf558', size: "large", direction: "horizontal" }), index.h("div", { key: '35fc1ff56232a1bcf2b56867188ec75017be905f' }, index.h("duet-button", { key: 'f59636a4e6a53ff79bddabe98ef61cd75b02b45e', variation: "negative", size: "small", onClick: this.handleClick, margin: "none", "aria-label": this.accessibleLabel, theme: this.theme }, "OK"))))));
     }
     get element() { return index.getElement(this); }
 };

package/lib/cjs/duet-date-picker.cjs.entry.js

@@ -5,13 +5,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-21e67ab3.js');
-const label = require('./label-2abeac23.js');
+const index = require('./index-b496e711.js');
+const label = require('./label-65ad1748.js');
 const themeableComponent = require('./themeable-component-996b489c.js');
 const createId = require('./create-id-1f8c438f.js');
-const focusUtils = require('./focus-utils-2a0030aa.js');
-const languageUtils = require('./language-utils-b5940c7b.js');
-const slotUtils = require('./slot-utils-382633cf.js');
+const focusUtils = require('./focus-utils-d551f3ab.js');
+const languageUtils = require('./language-utils-de99a5da.js');
+const slotUtils = require('./slot-utils-0a5c7c03.js');
 require('./string-utils-7b13c16e.js');
 
 const formatOptionsShort = { day: "numeric", month: "long", weekday: "long" };
@@ -436,6 +436,11 @@ const DuetDatePicker = class {
                 fi: "Liian myöhäinen päivämäärä",
                 sv: "Datum för sent",
             },
+            valueMissing: {
+                en: "Date required",
+                fi: "Päivämäärä vaaditaan",
+                sv: "Datum krävs",
+            },
         };
         this.enableActiveFocus = () => {
             this.focusTarget = "day-button";
@@ -788,13 +793,13 @@ const DuetDatePicker = class {
         if (maxDate) {
             maxYear = Math.min(maxYear, maxDate.getFullYear());
         }
-        return (index.h(index.Host, { key: 'f349fd70a53b7cd9729e6f4a519994e86cb60105', class: { "duet-expand": this.expand, "duet-m-0": this.margin === "none" } }, index.h("div", { key: '3af25d99b276b29bffb5fb56e3807bd310a7b7b6', class: "duet-date" }, index.h(DatePickerInput, { key: '95cd7445820e3618f4e8553288a08a28c4013f5a', hasFocus: this.inputHasFocus, value: this.value, valueAsDate: valueAsDate, formattedValue: this.inputValue, language: this.language, onInput: this.handleInputChange, onBlur: this.handleBlur, onFocus: this.handleFocus, onClick: this.toggleOpen, name: this.name, disabled: this.disabled, error: this.error || this.internalValidityError || null, role: this.role, required: this.required, theme: this.theme, tooltip: this.tooltip, tooltipDirection: this.tooltipDirection, labelHidden: this.labelHidden, placeholder: this.placeholder, inputLabel: this.label, identifier: this.identifier, buttonRef: element => (this.datePickerButton = element), inputRef: element => (this.datePickerInput = element), accessibleActiveDescendant: this.accessibleActiveDescendant, accessibleControls: this.accessibleControls, accessibleOwns: this.accessibleOwns, accessibleDescribedBy: this.accessibleDescribedBy, accessibleLiveError: this.accessibleLiveError, echoPlaceholder: this.echoPlaceholder, caption: this.caption })), index.h("div", { key: '1601a61d1f4aae686581b6d232c996d6bd4b566f', class: {
+        return (index.h(index.Host, { key: '92c25a766e7e2e60a83e54ac1c7edf470a7ff1a0', class: { "duet-expand": this.expand, "duet-m-0": this.margin === "none" } }, index.h("div", { key: '6cdb1b0f01b6c78d02c671500f191616c0356145', class: "duet-date" }, index.h(DatePickerInput, { key: '69e8fad5a45210b3dcee7be49c780823598ac8e3', hasFocus: this.inputHasFocus, value: this.value, valueAsDate: valueAsDate, formattedValue: this.inputValue, language: this.language, onInput: this.handleInputChange, onBlur: this.handleBlur, onFocus: this.handleFocus, onClick: this.toggleOpen, name: this.name, disabled: this.disabled, error: this.error || this.internalValidityError || null, role: this.role, required: this.required, theme: this.theme, tooltip: this.tooltip, tooltipDirection: this.tooltipDirection, labelHidden: this.labelHidden, placeholder: this.placeholder, inputLabel: this.label, identifier: this.identifier, buttonRef: element => (this.datePickerButton = element), inputRef: element => (this.datePickerInput = element), accessibleActiveDescendant: this.accessibleActiveDescendant, accessibleControls: this.accessibleControls, accessibleOwns: this.accessibleOwns, accessibleDescribedBy: this.accessibleDescribedBy, accessibleLiveError: this.accessibleLiveError, echoPlaceholder: this.echoPlaceholder, caption: this.caption })), index.h("div", { key: '1c76a02e5be4e655cd4e0b149af246b207ad15a3', class: {
                 "duet-theme-turva": this.theme === "turva",
                 "duet-date-dialog": true,
                 left: this.direction === "left",
                 error: !!this.error,
                 active: this.open,
-            }, role: "dialog", "aria-modal": "true", "aria-hidden": this.open ? "false" : "true", "aria-labelledby": this.dialogLabelId, onTouchMove: this.handleTouchMove, onTouchStart: this.handleTouchStart, onTouchEnd: this.handleTouchEnd }, index.h("duet-overlay", { key: '96831a945399f6893f9e79d8aaa218bc02fe0a8e', visible: this.open, "display-device": "x-small" }), index.h(focusUtils.FocusGuard, { key: '9be207554c16e4a16118f5f36ae4bb64a9bad1f0', moveFocusTo: this.focusedDayNode }), index.h("div", { key: '20a4189123efcc2d4dced702d6d0fb7786de2479', class: "duet-date-dialog-wrapper", onKeyDown: this.handleEscKey, ref: element => (this.dialogWrapperNode = element) }, index.h("duet-visually-hidden", { key: '3ad4621b49c92d3008920366eaea3d86075165d4', "aria-live": "polite" }, text.keyboardInstruction), index.h("div", { key: '05aa408db91c6f9af01134adcc7735f72065adc3', class: "duet-date-dialog-mobile-header" }, index.h(label.DuetInternalLabel, { key: 'c389ccaabf1427fa8e3c95e3d6e3d4d2d8886e80', margin: "none" }, this.label), index.h("button", { key: '91d67cff777873af7aee2764cfc1447b4e90437c', class: "duet-date-picker-close", ref: element => (this.closeButtonNode = element), onClick: () => this.hide(), type: "button" }, index.h("duet-icon", { key: '0a228d827ae9ffff2325163c45eda95dcca764db', name: "navigation-close-small", margin: "none", color: "currentColor", size: "xx-small" }), index.h("duet-visually-hidden", { key: '7e3caabcab88f9f26acfd03c11d3e6f0ce198a76' }, text.closeLabel))), index.h("div", { key: '5588d1ba8e3f48fd340585d7c7e42096abc7e99a', class: "duet-date-dialog-header" }, index.h("div", { key: '72e458e1e52feb85527d09ff5bed9297104a512d', class: "duet-date-dialog-dropdowns" }, index.h("duet-visually-hidden", { key: '82b46e98af47e939e9c462ae9e89e7dbf65b697d' }, index.h("h2", { key: '5ffe7ed43d48807cbc4070b5ef130edf44c65b7c', id: this.dialogLabelId, "aria-live": "polite", "aria-atomic": "true" }, text.monthLabels[focusedMonth], " ", this.focusedDay.getFullYear())), index.h("duet-visually-hidden", { key: 'a3adba70c76a4e37aaa153740ce455b42efdd6cd' }, index.h("label", { key: '19fbfd0efc6efa48b4305a7d16949ef7d867a7df', htmlFor: this.monthSelectId }, text.monthSelectLabel)), index.h("div", { key: '7c1fab8f84e07002df8ddd2674f5cc78c872fbfd', class: "duet-date-dialog-select" }, index.h("select", { key: '4f66b02e6ba8ae82327c024bd2a0bb5fa244d4d6', id: this.monthSelectId, class: "duet-date-month-select", ref: element => (this.monthSelectNode = element), onChange: this.handleMonthSelect }, text.monthLabels.map((month, i) => (index.h("option", { key: month, value: i, selected: i === focusedMonth, disabled: !inRange(new Date(focusedYear, i, 1), minDate ? startOfMonth(minDate) : null, maxDate ? endOfMonth(maxDate) : null) }, month)))), index.h("div", { key: '979ca83f258b7cf38902554fec596ee9df4632b2', class: "duet-date-dialog-select-label", "aria-hidden": "true" }, index.h("span", { key: '00e5077816b80a68f32020074e8d848a3381996b' }, text.monthLabelsShort[focusedMonth]), index.h("duet-icon", { key: 'f4173da6638bd2d52b02ef8512f3201d34455e51', name: "action-arrow-down-small", color: "currentColor", margin: "none", size: "xxx-small" }))), index.h("duet-visually-hidden", { key: '34ecaae386b30f78e10a37af7757f9cbebac5505' }, index.h("label", { key: '5cf0a3c7e8ca078e80ca46918b7fd4c981b6a799', htmlFor: this.yearSelectId }, text.yearSelectLabel)), index.h("div", { key: '51d3325c45e77f8df1574c96b27525ac13b950d9', class: "duet-date-dialog-select" }, index.h("select", { key: '3fbb50b63c06163b6529fd6acfa7c8e0b5aeec78', id: this.yearSelectId, class: "duet-date-year-select", onChange: this.handleYearSelect }, range(minYear, maxYear).map(year => (index.h("option", { key: year, selected: year === focusedYear }, year)))), index.h("div", { key: 'e15e16bf5d774d97ff915ab981e79e1fc0df08b4', class: "duet-date-dialog-select-label", "aria-hidden": "true" }, index.h("span", { key: '7d112442db2e32440ab4be7cecf8b427849d6ebc' }, this.focusedDay.getFullYear()), index.h("duet-icon", { key: '4d53be40feba0c07efa661626817f40e42588e3f', name: "action-arrow-down-small", color: "currentColor", margin: "none", size: "xxx-small" })))), index.h("div", { key: 'a30130c0f3e97a3bf43919af86b7b029ef662c37', class: "duet-date-dialog-buttons" }, index.h("duet-action-button", { key: '572a31fff6ddf43e6d94a054eb3c9deb188c140d', accessibleLabel: i18n[this.language].prevMonthLabel, actionName: i18n[this.language].prevMonthLabel, class: "duet-date-dialog-prev", onClick: this.handlePreviousMonthClick, disabled: prevMonthDisabled, "icon-name": "action-arrow-left-small" }, text.prevMonthLabel), index.h("duet-action-button", { key: '443649deeff0e2f9c4ca9ecbf5f5522ad6a68218', accessibleLabel: i18n[this.language].nextMonthLabel, actionName: i18n[this.language].nextMonthLabel, class: "duet-date-dialog-next", onClick: this.handleNextMonthClick, disabled: nextMonthDisabled, "icon-name": "action-arrow-right-small" }, text.nextMonthLabel))), index.h(DatePickerMonth, { key: 'b9851b55c5898d04c9950805468cff2017c84335', selectedDate: valueAsDate, focusedDate: this.focusedDay, onDateSelect: this.handleDaySelect, onKeyboardNavigation: this.handleKeyboardNavigation, labelledById: this.dialogLabelId, language: this.language, theme: this.theme, min: minDate, max: maxDate, focusedDayRef: element => (this.focusedDayNode = element), onFocusEnter: this.enableActiveFocus, onFocusExit: this.disableActiveFocus })), index.h(focusUtils.FocusGuard, { key: 'c3d607ab65e9c2bf52946701cdbc9b5c5d20e716', moveFocusTo: this.closeButtonNode }))));
+            }, role: "dialog", "aria-modal": "true", "aria-hidden": this.open ? "false" : "true", "aria-labelledby": this.dialogLabelId, onTouchMove: this.handleTouchMove, onTouchStart: this.handleTouchStart, onTouchEnd: this.handleTouchEnd }, index.h("duet-overlay", { key: 'af91b4916f0bc2a1465682928af90a078b6b4e4c', visible: this.open, "display-device": "x-small" }), index.h(focusUtils.FocusGuard, { key: '4f9b654ab68252f3632729aafa335e4c4a118c58', moveFocusTo: this.focusedDayNode }), index.h("div", { key: '9536e14ab5a6e019da01e3556073282f7ad9c638', class: "duet-date-dialog-wrapper", onKeyDown: this.handleEscKey, ref: element => (this.dialogWrapperNode = element) }, index.h("duet-visually-hidden", { key: 'f7f40e25da3fdb801a3716cbb6da9bef4908b298', "aria-live": "polite" }, text.keyboardInstruction), index.h("div", { key: '89f68b3684a65cdc13c3592a3740f868fcf1e307', class: "duet-date-dialog-mobile-header" }, index.h(label.DuetInternalLabel, { key: 'b9329644fbc88727451284e7c22bedba319190f8', margin: "none" }, this.label), index.h("button", { key: 'f9caca17691f6998d54308443eac7cc094f73169', class: "duet-date-picker-close", ref: element => (this.closeButtonNode = element), onClick: () => this.hide(), type: "button" }, index.h("duet-icon", { key: 'd92f0be1a0d6fb6f3d8c932f014c2f514c1319d2', name: "navigation-close-small", margin: "none", color: "currentColor", size: "xx-small" }), index.h("duet-visually-hidden", { key: '0f85d5bd40d51ad656f14420160bd83ab7ab2e12' }, text.closeLabel))), index.h("div", { key: 'b7efee982426325152b879ac8795f75c55630ef9', class: "duet-date-dialog-header" }, index.h("div", { key: '624226cb18e668939b48026df20ea362007d5eb1', class: "duet-date-dialog-dropdowns" }, index.h("duet-visually-hidden", { key: '64ed0e02afe0315c73e483a212d6714fa9f8c1e6' }, index.h("h2", { key: '1f10a89bef9824b1ebff2c0835c0cb4fb9847e89', id: this.dialogLabelId, "aria-live": "polite", "aria-atomic": "true" }, text.monthLabels[focusedMonth], " ", this.focusedDay.getFullYear())), index.h("duet-visually-hidden", { key: 'f85bdb4030a8602df2642c8ff2c8e6a6725c139c' }, index.h("label", { key: '608c3f38b8de7a92d6eaf74021c9dba15d5c1412', htmlFor: this.monthSelectId }, text.monthSelectLabel)), index.h("div", { key: '268d9e71e46608d0aaaa19568b225b08089e0081', class: "duet-date-dialog-select" }, index.h("select", { key: 'ea1b01e8f95fc44ea07b40b3593f2a22996cd33d', id: this.monthSelectId, class: "duet-date-month-select", ref: element => (this.monthSelectNode = element), onChange: this.handleMonthSelect }, text.monthLabels.map((month, i) => (index.h("option", { key: month, value: i, selected: i === focusedMonth, disabled: !inRange(new Date(focusedYear, i, 1), minDate ? startOfMonth(minDate) : null, maxDate ? endOfMonth(maxDate) : null) }, month)))), index.h("div", { key: 'e6ae4d02638eaf53c593c98924733d72312bde26', class: "duet-date-dialog-select-label", "aria-hidden": "true" }, index.h("span", { key: '18600d4d1cc074e8baca7a2e343ad92afb12f44d' }, text.monthLabelsShort[focusedMonth]), index.h("duet-icon", { key: 'e2d8b0f87130ff502900c86b2cc589b7df303bf8', name: "action-arrow-down-small", color: "currentColor", margin: "none", size: "xxx-small" }))), index.h("duet-visually-hidden", { key: 'c476ea21946afa2e3d484cbf054037435794d5e7' }, index.h("label", { key: 'e670550be9ec69b1e8831aa4ae6bd223eb4cdc70', htmlFor: this.yearSelectId }, text.yearSelectLabel)), index.h("div", { key: '853c7d5cd2639552d1c9be5266f4a3c7cb44cccb', class: "duet-date-dialog-select" }, index.h("select", { key: '5b66d6b7ace30ed705429d96434dd886b39940e7', id: this.yearSelectId, class: "duet-date-year-select", onChange: this.handleYearSelect }, range(minYear, maxYear).map(year => (index.h("option", { key: year, selected: year === focusedYear }, year)))), index.h("div", { key: 'c8c57b69fff46d66ec5492bbe51f6c20d5367c7c', class: "duet-date-dialog-select-label", "aria-hidden": "true" }, index.h("span", { key: '9faf074f79574e751b74f7a14e312b33aab586cb' }, this.focusedDay.getFullYear()), index.h("duet-icon", { key: '14fe782187efaba9c6403446f87a337585386c56', name: "action-arrow-down-small", color: "currentColor", margin: "none", size: "xxx-small" })))), index.h("div", { key: 'fbdfdf54c9a1d2133764d8c7465529d65e49e77d', class: "duet-date-dialog-buttons" }, index.h("duet-action-button", { key: 'aedcc0e167b29c902b69313821c454ff08f32693', accessibleLabel: i18n[this.language].prevMonthLabel, actionName: i18n[this.language].prevMonthLabel, class: "duet-date-dialog-prev", onClick: this.handlePreviousMonthClick, disabled: prevMonthDisabled, "icon-name": "action-arrow-left-small" }, text.prevMonthLabel), index.h("duet-action-button", { key: '2d872fe81ca740dba603c1c1a214d5bc7cf23be1', accessibleLabel: i18n[this.language].nextMonthLabel, actionName: i18n[this.language].nextMonthLabel, class: "duet-date-dialog-next", onClick: this.handleNextMonthClick, disabled: nextMonthDisabled, "icon-name": "action-arrow-right-small" }, text.nextMonthLabel))), index.h(DatePickerMonth, { key: 'a05b3cf4dd91b6256fa336c2ceddf260fbe64e32', selectedDate: valueAsDate, focusedDate: this.focusedDay, onDateSelect: this.handleDaySelect, onKeyboardNavigation: this.handleKeyboardNavigation, labelledById: this.dialogLabelId, language: this.language, theme: this.theme, min: minDate, max: maxDate, focusedDayRef: element => (this.focusedDayNode = element), onFocusEnter: this.enableActiveFocus, onFocusExit: this.disableActiveFocus })), index.h(focusUtils.FocusGuard, { key: 'de51c28da1e9b5d2f87dc636006ad888f2486650', moveFocusTo: this.closeButtonNode }))));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {

package/lib/cjs/duet-divider_2.cjs.entry.js

@@ -5,10 +5,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-21e67ab3.js');
+const index = require('./index-b496e711.js');
 const themeableComponent = require('./themeable-component-996b489c.js');
-const tokenUtils = require('./token-utils-12717808.js');
-require('./tokens.module-46ddb47a.js');
+const tokenUtils = require('./token-utils-5000595c.js');
+require('./tokens.module-7c947029.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;
@@ -32,7 +32,7 @@ const DuetDivider = class {
      */
     render() {
         const background = tokenUtils.getColorByName(this.color);
-        return (index.h("div", { key: 'c2cc3db06f08c31c90b7038ebaa32159765ae737', class: {
+        return (index.h("div", { key: '25f4714a082e71f77ac7a873e1f4a37a9ba44e1c', class: {
                 "duet-m-0": this.margin === "none",
                 "duet-m-s": this.margin === "small",
                 "duet-divider": true,
@@ -58,7 +58,7 @@ const DuetSpacer = class {
      * Always the last one in the class.
      */
     render() {
-        return (index.h(index.Host, { key: '9983782e43b5323f7af87b3b18656794fa851208', class: {
+        return (index.h(index.Host, { key: '2aa5669c773f8841ad33637ee24c845c7eeb5dd2', class: {
                 "duet-spacer": true,
                 "duet-spacer-xx-small": this.breakpoint === "xx-small",
                 "duet-spacer-x-small": this.breakpoint === "x-small",