@duetds/components 9.14.0 → 9.15.0

package/lib/cjs/{a11y-utils-a934645c.js → a11y-utils-741fad59.js}

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-const slotUtils = require('./slot-utils-61317778.js');
+const slotUtils = require('./slot-utils-9c5efe2a.js');
 
 function getAccessibleLinkLabel(component) {
     const textContent = component.element.textContent;

package/lib/cjs/{app-globals-6b9852f3.js → app-globals-c5cb9046.js}

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-require('./index-3d15fb5e.js');
+require('./index-80fa07e3.js');
 
 const setupLoggers = () => {
     {

package/lib/cjs/{common-strings-a54bbf77.js → common-strings-92c2f034.js}

@@ -28,7 +28,30 @@ const DuetStringsListStepOfTotal = {
     en: "List with {total} steps. You are on step {current}.",
     sv: "Lista med {total} steg. Du är på steg {current}.",
 };
+const DuetStatusLabels = {
+    default: {
+        fi: "Huomioithan",
+        en: "Please note",
+        sv: "Observera",
+    },
+    success: {
+        fi: "Onnistunut toiminto",
+        en: "Action completed successfully",
+        sv: "Lyckad åtgärd",
+    },
+    danger: {
+        fi: "Tärkeä varoitus",
+        en: "Important warning",
+        sv: "Viktig varning",
+    },
+    warning: {
+        fi: "Varoitus",
+        en: "Warning",
+        sv: "Varning",
+    },
+};
 
+exports.DuetStatusLabels = DuetStatusLabels;
 exports.DuetStringsDownloadLinkDefaults = DuetStringsDownloadLinkDefaults;
 exports.DuetStringsExternalDefaults = DuetStringsExternalDefaults;
 exports.DuetStringsListStepOfTotal = DuetStringsListStepOfTotal;

package/lib/cjs/duet-action-button.cjs.entry.js

@@ -5,12 +5,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-3d15fb5e.js');
-const themeableComponent = require('./themeable-component-46222401.js');
+const index = require('./index-80fa07e3.js');
+const themeableComponent = require('./themeable-component-1307284b.js');
 const createId = require('./create-id-1f8c438f.js');
 const jsUtils = require('./js-utils-92e24ba1.js');
 const keyboardUtils = require('./keyboard-utils-f7c9f980.js');
-const languageUtils = require('./language-utils-eaec2648.js');
+const languageUtils = require('./language-utils-ce60d2a9.js');
 const tokenUtils = require('./token-utils-658c4c54.js');
 require('./string-utils-7b13c16e.js');
 require('./tokens.module-a7c77c13.js');

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

@@ -5,12 +5,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-3d15fb5e.js');
-const themeableComponent = require('./themeable-component-46222401.js');
+const index = require('./index-80fa07e3.js');
+const commonStrings = require('./common-strings-92c2f034.js');
+const themeableComponent = require('./themeable-component-1307284b.js');
 const createId = require('./create-id-1f8c438f.js');
 const keyboardUtils = require('./keyboard-utils-f7c9f980.js');
-const languageUtils = require('./language-utils-eaec2648.js');
-const slotUtils = require('./slot-utils-61317778.js');
+const languageUtils = require('./language-utils-ce60d2a9.js');
+const slotUtils = require('./slot-utils-9c5efe2a.js');
 require('./string-utils-7b13c16e.js');
 
 const duetAlertCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%;max-height:999px;transition:opacity 300ms ease, visibility 300ms ease, transform 300ms ease, max-height 300ms ease}:host(:focus){outline:0}:host(.user-is-tabbing:focus){border-radius:4px;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing.duet-theme-turva:focus){box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}:host(.duet-alert-is-dismissed){max-height:0;overflow:hidden;visibility:hidden !important;opacity:0;transform:scale(0.98)}:host(.duet-alert-is-dismissed) .duet-alert{margin:0 !important}.duet-alert-wrapper{margin-bottom:16px !important;position:relative;width:100%;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:400;line-height:1.25;color:rgb(8, 42, 77);background:rgb(228, 241, 247);border:1px solid rgb(172, 210, 229);border-radius:12px;transition:margin 100ms 300ms ease}.duet-alert-wrapper.duet-p-0{padding:0 !important}.duet-alert-wrapper.duet-m-0{margin:0 !important}.duet-alert-wrapper.duet-theme-turva{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"}.duet-alert-wrapper.warning{color:rgb(38, 26, 4);background:rgb(255, 247, 221);border:1px solid rgb(255, 217, 120)}.duet-alert-wrapper.danger{color:rgb(89, 0, 45);background:rgb(255, 225, 231);border:1px solid rgb(252, 136, 162)}.duet-alert-wrapper.success{color:rgb(4, 38, 33);background:rgb(231, 248, 239);border:1px solid rgb(163, 229, 202)}.duet-alert-wrapper.below-nav{margin-bottom:0 !important;border:0;border-bottom:1px solid rgb(212, 223, 229);border-radius:0}.duet-alert-wrapper .duet-alert{position:relative;width:100%;max-width:1384px;padding:16px;margin:0 auto}.duet-alert-wrapper .duet-alert.duet-alert-is-dismissible{padding:16px 72px 16px 16px;text-align:left}.duet-alert-wrapper .duet-alert.duet-alert-is-dismissible .duet-alert-container{text-align:left}.duet-alert-wrapper .duet-alert.duet-alert-has-show-more{padding-bottom:0}.duet-alert-wrapper .duet-alert.duet-alert-has-icon .duet-alert-show-more{margin-left:36px}.duet-alert-wrapper .duet-alert.duet-alert-expandable{padding-right:20px}.duet-alert-dismiss{position:absolute;top:3px;right:3px}.duet-alert-dismiss duet-button:hover{background-color:rgb(198, 225, 238);border-radius:8px}.warning .duet-alert-dismiss duet-button:hover{background-color:rgb(255, 232, 160)}.danger .duet-alert-dismiss duet-button:hover{background-color:rgb(255, 173, 190)}.success .duet-alert-dismiss duet-button:hover{background-color:rgb(191, 239, 218)}.duet-alert-container{display:inline-flex;align-items:flex-start;width:100%;margin:0 auto !important}.duet-alert-container .duet-alert-content{flex-grow:1;line-height:1.5}.duet-alert-has-icon .duet-alert-container{margin-top:2px !important}.duet-alert-container:focus{outline:none}.duet-alert-icon{position:relative;top:2px;display:inline-block;width:20px;min-width:20px;height:20px;margin:0 16px 0 0 !important}.duet-alert-icon duet-icon{width:20px;height:20px}.duet-alert-expander{display:flex;gap:16px;align-items:flex-start;justify-content:space-between;width:calc(100% + 32px + 40px);padding:16px;padding-right:20px;padding-left:52px;margin:-16px;margin-left:-52px;font-family:inherit;color:inherit;cursor:pointer;background-color:inherit}.duet-alert-expanded .duet-alert-expander{margin-bottom:-4px}.duet-alert-expander .expanding-title{flex-grow:1;font-size:1rem;line-height:1.5;text-align:left}.duet-alert-expander duet-icon{position:relative;top:4px;transition:rotate 300ms ease}.duet-alert-expanded .duet-alert-expander duet-icon{rotate:180deg}.duet-alert-expander:hover{filter:brightness(85%)}";
@@ -23,28 +24,6 @@ const DuetAlert = class {
         this.duetCloseComplete = index.createEvent(this, "duetCloseComplete", 7);
         this.descriptiveId = createId.createID("DuetAlert");
         this.hasShowMoreSlot = false;
-        this.labels = {
-            default: {
-                fi: "Huomioithan",
-                en: "Please note",
-                sv: "Observera",
-            },
-            success: {
-                fi: "Onnistunut toiminto",
-                en: "Action completed successfully",
-                sv: "Lyckad åtgärd",
-            },
-            danger: {
-                fi: "Tärkeä varoitus",
-                en: "Important warning",
-                sv: "Viktig varning",
-            },
-            warning: {
-                fi: "Varoitus",
-                en: "Warning",
-                sv: "Varning",
-            },
-        };
         this.handleDismiss = (ev) => {
             this.handleHide();
             this.duetDismiss.emit({
@@ -62,6 +41,15 @@ const DuetAlert = class {
         this.handleExpandToggle = () => {
             this.isExpanded = !this.isExpanded;
         };
+        this.getRole = () => {
+            if (!this.announcements) {
+                return undefined;
+            }
+            if (["warning", "danger"].includes(this.variation)) {
+                return "alert";
+            }
+            return "status";
+        };
         this.theme = "";
         this.isDismissed = false;
         this.isExpanded = false;
@@ -140,18 +128,18 @@ const DuetAlert = class {
         const variation = ["default", "success", "danger", "warning"].includes(this.variation)
             ? this.variation
             : "default";
-        const variationLabel = languageUtils.getLocaleString(this.labels[variation]);
-        return (index.h(index.Host, { key: '5584475286356ac3d444c97e9429aaddc5e6153e', class: {
+        const variationLabel = languageUtils.getLocaleString(commonStrings.DuetStatusLabels[variation]);
+        return (index.h(index.Host, { key: 'b204a657de629955d04058f3c43813aa00980c1e', class: {
                 "duet-theme-turva": this.theme === "turva",
                 "duet-alert-is-dismissed": this.isDismissed,
-            }, role: this.announcements ? "alert" : undefined }, index.h("div", { key: '7a3ef0cee9f7e304eac829dfbfd834f1123867fd', class: {
+            }, role: this.getRole() }, index.h("div", { key: '0d573c37ae4013f7fdef0d89a7d2cfff38157b44', class: {
                 "duet-alert-wrapper": true,
                 "duet-p-0": this.padding === "none",
                 "duet-m-0": this.margin === "none",
                 [variation]: true,
                 [this.position]: true,
                 "duet-theme-turva": this.theme === "turva",
-            } }, index.h("div", { key: '27797a4ea2296ac70ac133f3ec1a4fedaa07b78d', class: {
+            } }, index.h("div", { key: 'ecb946bd29811c5ee207804498810a6cd3c83889', class: {
                 "duet-alert": true,
                 "duet-alert-expandable": !!this.expandingTitle,
                 "duet-alert-expanded": this.isExpanded,
@@ -162,9 +150,9 @@ const DuetAlert = class {
                 "duet-m-0": this.margin === "none",
                 [variation]: true,
                 "duet-theme-turva": this.theme === "turva",
-            } }, index.h("div", { key: '3030a95fb19791465f75a74a6803a1bbd0f9b5dd', class: "duet-alert-container", ref: element => {
+            } }, index.h("div", { key: '88e63f17d9d316a933266a2d98be63f1cf6fa939', class: "duet-alert-container", ref: element => {
                 this.alertContainer = element;
-            }, tabindex: this.focusable ? "0" : undefined }, this.position !== "below-nav" && (index.h("div", { key: 'e990ae6cf89ef89c0c3445af06402f8202583796', class: "duet-alert-icon" }, (this.icon && index.h("duet-icon", { key: 'f4b0bd5ca292239cb7a98379b10dd965d4173509', size: "auto", name: this.icon, color: "currentColor" })) || (index.h("duet-status-icon", { key: 'ad9b6952c1af47501fe6bf7298d69a66bb1223b9', strong: true, variation: variation, margin: "none", size: "auto" })))), this.position === "below-nav" && (index.h("div", { key: '479a41fafb16793a51eb71e8e892088b6ede41ef', class: "duet-alert-icon below-nav" }, index.h("duet-status-icon", { key: '249c1b1f9a763ce5725982a2c0a00597698bccc7', strong: true, variation: variation, margin: "none", size: "auto" }))), index.h("div", { key: '577fa13d2a0682a3fe079a4a098e11bb99fc8dc9', class: "duet-alert-content", id: this.descriptiveId }, this.expandingTitle && (index.h("button", { key: '4fb68ee1545889ee3c0090bcbc3cd7e952e4d6c9', "aria-expanded": this.isExpanded.toString(), "aria-controls": `${this.descriptiveId}-content`, class: "duet-alert-expander", onClick: this.handleExpandToggle }, index.h("span", { key: '9ab35209919d1fe4aa6f3db6c16e593828985434', class: "expanding-title" }, this.expandingTitle), index.h("duet-icon", { key: 'd387939b25c676cd7c17ec6962da00383935ade3', name: "action-arrow-down", color: variation === "default" ? "lt-blue-800" : `${variation}-800`, margin: "none", size: "x-small" }))), (!this.expandingTitle || this.isExpanded) && (index.h("div", { key: '989a79e16a74690dc7c78da3cc40ef4d02ecb513', id: `${this.descriptiveId}-content` }, index.h("duet-visually-hidden", { key: '4792b5aa92cefc69907c6325a3c89bd5d9476ae3' }, variationLabel), index.h("slot", { key: '662c5673bd1118e9effdd083eba7b13ea349ac39' }))))), this.hasShowMoreSlot && (index.h("duet-show-more", { key: '7b7b917b785c74924ef13550a9866ab4d724f9ce', margin: "none", class: "duet-alert-show-more" }, index.h("slot", { key: '6370fcc4b7e689d1997c7e224e6f71ca27772689', name: "show-more" }))), this.dismissible && !this.expandingTitle && (index.h("div", { key: '70e609bdf62b90448894c3f107c435d9b9b9f7ca', class: "duet-alert-dismiss" }, index.h("duet-button", { key: '1b230dc424387b18799431608c1aab1e63e7035f', variation: "plain", accessibleLabel: this.accessibleLabel, accessibleDescribedBy: this.descriptiveId, iconSize: "medium", icon: "navigation-close", iconOnly: true, margin: "none", color: variation === "default" ? "lt-blue-800" : `${variation}-800`, theme: this.theme, onClick: this.handleDismiss, fixed: true })))))));
+            }, tabindex: this.focusable ? "0" : undefined }, this.position !== "below-nav" && (index.h("div", { key: 'd0e266b3c576ec9c2532053c292c3bfbbc9d92b0', class: "duet-alert-icon" }, (this.icon && index.h("duet-icon", { key: 'efa5d1133ba832aa3e88fb419b8f2b454b5536c1', size: "auto", name: this.icon, color: "currentColor" })) || (index.h("duet-status-icon", { key: '7e00c8f29fb7a33a041acfbd82d1c359eadaf605', strong: true, variation: variation, margin: "none", size: "auto" })))), this.position === "below-nav" && (index.h("div", { key: '0314c3a000a06a357a7850f6c72002df3d32a541', class: "duet-alert-icon below-nav" }, index.h("duet-status-icon", { key: 'aec093d7be9e0c0d8940a5e0813495f707daefc0', strong: true, variation: variation, margin: "none", size: "auto" }))), index.h("div", { key: '97522cbf67c23477ae71603418f85f3d1a13d3c2', class: "duet-alert-content", id: this.descriptiveId }, this.expandingTitle && (index.h("button", { key: '08d8a6d3b089bad3c54727907f6ba1df213a9103', "aria-expanded": this.isExpanded.toString(), "aria-controls": `${this.descriptiveId}-content`, class: "duet-alert-expander", onClick: this.handleExpandToggle }, index.h("span", { key: '4efe686cc2dff3077ea3efed7a52c79c3b8c090a', class: "expanding-title" }, this.expandingTitle), index.h("duet-icon", { key: '2da0cd85883d2e850d65e0682c391079bcce2001', name: "action-arrow-down", color: variation === "default" ? "lt-blue-800" : `${variation}-800`, margin: "none", size: "x-small" }))), (!this.expandingTitle || this.isExpanded) && (index.h("div", { key: 'dd67482dc47bb4b23d8ff7fdbc7f50a09fd7f355', id: `${this.descriptiveId}-content` }, index.h("duet-visually-hidden", { key: '0f892f87996b79076b9c04e9d66fadbe681cf913' }, variationLabel), index.h("slot", { key: 'fac36116e1b9128ad398c4cf997d8c0fd3bca795' }))))), this.hasShowMoreSlot && (index.h("duet-show-more", { key: '10530ff533c94cb9c85eb23cae9ed3475f3567f2', margin: "none", class: "duet-alert-show-more" }, index.h("slot", { key: '06e77a909ef86b0ae2e83e818e88c75b8caa9969', name: "show-more" }))), this.dismissible && !this.expandingTitle && (index.h("div", { key: '65f541e6bf54abcfa91757571cffb18013188c39', class: "duet-alert-dismiss" }, index.h("duet-button", { key: 'a2e00a7f2d07d04bf388544893ddb56d332c8929', variation: "plain", accessibleLabel: this.accessibleLabel, accessibleDescribedBy: this.descriptiveId, iconSize: "medium", icon: "navigation-close", iconOnly: true, margin: "none", color: variation === "default" ? "lt-blue-800" : `${variation}-800`, theme: this.theme, onClick: this.handleDismiss, fixed: true })))))));
     }
     get element() { return index.getElement(this); }
 };

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

@@ -5,8 +5,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-3d15fb5e.js');
-const themeableComponent = require('./themeable-component-46222401.js');
+const index = require('./index-80fa07e3.js');
+const commonStrings = require('./common-strings-92c2f034.js');
+const themeableComponent = require('./themeable-component-1307284b.js');
+const languageUtils = require('./language-utils-ce60d2a9.js');
+require('./string-utils-7b13c16e.js');
 
 const duetBadgeCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:4px !important;margin-bottom:2px !important;display:inline-block;width:auto;vertical-align:middle}:host:last-child,:host:last-of-type{margin-right:0 !important}:host(.duet-m-0){margin:0 !important}.duet-badge{display:inline-block;width:100%;padding:4.4444444444px 12px 5.4444444444px;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:0.75rem;font-style:normal;font-weight:600;line-height:1.25;color:rgb(8, 42, 77);text-align:center;word-break:break-word;vertical-align:middle;background:#d9ebf4;border-radius:20rem}.duet-badge.duet-p-0{padding:0 !important}.duet-badge.duet-m-0{margin:0 !important}.duet-badge.duet-theme-turva{padding:5.4444444444px 12px 4.4444444444px;font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-weight:700;color:rgb(23, 28, 58);background:#e8e8eb}.duet-badge.warning{background:#fdecc9}.duet-badge.warning.duet-theme-turva{background:#fdecc9}.duet-badge.danger{background:#f7d2dc}.duet-badge.danger.duet-theme-turva{background:#f7d2dc}.duet-badge.success{background:#d6e6e1}.duet-badge.success.duet-theme-turva{background:#d6e6e1}.duet-badge.subtle{color:rgb(98, 121, 138);background:none;outline:1px solid rgb(212, 223, 229);outline-offset:-1px}.duet-badge.subtle.duet-theme-turva{color:rgb(113, 118, 132);background:none;outline-color:rgb(222, 224, 228)}.duet-badge.background-strong.default{color:rgb(255, 255, 255);background:rgb(0, 119, 179)}.duet-badge.background-strong.default.duet-theme-turva{color:rgb(255, 255, 255);background:rgb(23, 28, 58)}.duet-badge.background-strong.warning{background:#f9c153}.duet-badge.background-strong.warning.duet-theme-turva{background:#f9c153}.duet-badge.background-strong.danger{color:rgb(255, 255, 255);background:rgb(214, 28, 82)}.duet-badge.background-strong.danger.duet-theme-turva{color:rgb(255, 255, 255);background:rgb(214, 28, 82)}.duet-badge.background-strong.success{color:rgb(255, 255, 255);background:rgb(48, 131, 105)}.duet-badge.background-strong.success.duet-theme-turva{color:rgb(255, 255, 255);background:rgb(48, 131, 105)}.duet-badge.background-strong.subtle{border-color:rgb(181, 198, 208);outline-color:rgb(8, 42, 77)}.duet-badge.background-strong.subtle.duet-theme-turva{border-color:rgb(199, 202, 207);outline-color:rgb(23, 28, 58)}:host(.duet-theme-turva2) .duet-badge.duet-theme-turva.default{color:#172a3b;background:#e8eaeb}:host(.duet-theme-turva2) .duet-badge.duet-theme-turva.background-strong.default{color:rgb(255, 255, 255);background:#172a3b}:host(.duet-theme-turva2) .duet-badge.duet-theme-turva.background-strong.subtle{outline-color:#172a3b}";
 const DuetBadgeStyle0 = duetBadgeCss;
@@ -14,6 +17,15 @@ const DuetBadgeStyle0 = duetBadgeCss;
 const DuetBadge = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
+        this.getVariationLabel = () => {
+            if (this.variation === "subtle") {
+                return "";
+            }
+            const variation = ["default", "success", "danger", "warning"].includes(this.variation)
+                ? this.variation
+                : "default";
+            return languageUtils.getLocaleString(commonStrings.DuetStatusLabels[variation]);
+        };
         this.theme = "";
         this.variation = "default";
         this.background = "normal";
@@ -31,12 +43,12 @@ const DuetBadge = class {
      */
     render() {
         const backgroundClass = `background-${this.background}`;
-        return (index.h(index.Host, { key: 'a6a6149fb649ab7a3f85dde88813af96ab0a97d7', class: { "duet-m-0": this.margin === "none" } }, index.h("span", { key: '10305d8c36004b0dc3d30c52fc5fdf307059a3b8', class: {
+        return (index.h(index.Host, { key: 'b5b72e3b5f864b73bce84a71479839775b338bcb', class: { "duet-m-0": this.margin === "none" } }, index.h("span", { key: '1899d1dcb61d08f5fd4fb27a6c8d901f339a9523', class: {
                 "duet-badge": true,
                 [this.variation]: true,
                 [backgroundClass]: true,
                 "duet-theme-turva": this.theme === "turva",
-            } }, index.h("slot", { key: 'dbd1e4a65e339a023d71e0e863b2b99e478091b3' }))));
+            } }, index.h("duet-visually-hidden", { key: '0087704e55bd0bea3df8eb18f802dcdc2eb95c3a' }, this.getVariationLabel()), index.h("slot", { key: '38911f0a5a1212057f7809726d6130d6a274fb0f' }))));
     }
     get element() { return index.getElement(this); }
 };

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

@@ -5,9 +5,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-3d15fb5e.js');
-const themeableComponent = require('./themeable-component-46222401.js');
-const slotUtils = require('./slot-utils-61317778.js');
+const index = require('./index-80fa07e3.js');
+const themeableComponent = require('./themeable-component-1307284b.js');
+const slotUtils = require('./slot-utils-9c5efe2a.js');
 const stringUtils = require('./string-utils-7b13c16e.js');
 const tokenUtils = require('./token-utils-658c4c54.js');
 require('./tokens.module-a7c77c13.js');

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

@@ -5,10 +5,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-3d15fb5e.js');
-const themeableComponent = require('./themeable-component-46222401.js');
+const index = require('./index-80fa07e3.js');
+const themeableComponent = require('./themeable-component-1307284b.js');
 const keyboardUtils = require('./keyboard-utils-f7c9f980.js');
-const languageUtils = require('./language-utils-eaec2648.js');
+const languageUtils = require('./language-utils-ce60d2a9.js');
 require('./string-utils-7b13c16e.js');
 
 var actionArrowRightSmall={"title":"action-arrow-right-small","tags":"action arrow right small caret","svg":"<svg fill=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" role=\"img\"><path d=\"M19.5 12a2.3 2.3 0 0 1-.78 1.729L7.568 23.54a1.847 1.847 0 0 1-2.439-2.773l9.752-8.579a.25.25 0 0 0 0-.376L5.129 3.233A1.847 1.847 0 0 1 7.568.46l11.148 9.808A2.31 2.31 0 0 1 19.5 12z\"/></svg>"};
@@ -53,14 +53,14 @@ const DuetBreadcrumb = class {
      */
     render() {
         var _a;
-        return (index.h(index.Host, { key: 'c2bbd3a09d833237865fbbea918ce71e6e945708', role: "listitem" }, index.h("div", { key: '1ef1271eba23e853ecd07dca639a1dc249a9047a', class: "container" }, this.icon === "arrow-right-small-icon" && (index.h("duet-icon", { key: '953679a489bc876ab43d44486de61cbb9f5237aa', class: "duet-breadrumbs-arrow", size: "auto", icon: actionArrowRightSmall.svg, margin: "none", color: "currentColor" })), index.h("a", { key: '305807ceab521e988a065fc7f0dfeba105afd65f', class: {
+        return (index.h(index.Host, { key: '0c4e563b15c117968dd17a152949276c8c1d0c4d', role: "listitem" }, index.h("div", { key: '33cf7e873107f60b9b6efe03bcb1836325fc53f6', class: "container" }, this.icon === "arrow-right-small-icon" && (index.h("duet-icon", { key: '8857a5707b046b177fd430d9192cce2d74c6c865', class: "duet-breadrumbs-arrow", size: "auto", icon: actionArrowRightSmall.svg, margin: "none", color: "currentColor" })), index.h("a", { key: 'c4ec61942b341cc2ff809e6f63aaf57fd259c73a', class: {
                 "duet-breadcrumb": true,
                 "duet-theme-turva": this.theme === "turva",
             }, href: this.href ? this.href : undefined, "aria-label": `${!this.href ? `${languageUtils.getLocaleString(this.currentCrumb)} ` : ""}${(_a = this.accessibleLabel) !== null && _a !== void 0 ? _a : this.element.innerHTML}`, role: "link" }, this.icon !== "arrow-right-small-icon" &&
             this.icon && [
-            index.h("duet-icon", { key: '469e852366ff1d5dc79ef285eb53cff133a4b86a', size: this.iconSize, name: this.icon, margin: "none", color: "currentColor" }),
-            this.hasSlottedContent && index.h("duet-spacer", { key: 'eff56162ec750f1b4b1053eefd39a3096e6535a1', size: "x-small", direction: "horizontal" }),
-        ], index.h("slot", { key: '08865bb50c3bfc475427e56afb06baa5796b9e43' })))));
+            index.h("duet-icon", { key: 'd695d025e458817fd3e493f2422174accea100ed', size: this.iconSize, name: this.icon, margin: "none", color: "currentColor" }),
+            this.hasSlottedContent && index.h("duet-spacer", { key: '2dadd430403b4443b75fa002ff399d53a2a9647e', size: "x-small", direction: "horizontal" }),
+        ], index.h("slot", { key: '1a4a88d2db38dedb772c64d224b235b8b33ce289' })))));
     }
     get element() { return index.getElement(this); }
 };

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

@@ -5,9 +5,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-3d15fb5e.js');
-const themeableComponent = require('./themeable-component-46222401.js');
-const languageUtils = require('./language-utils-eaec2648.js');
+const index = require('./index-80fa07e3.js');
+const themeableComponent = require('./themeable-component-1307284b.js');
+const languageUtils = require('./language-utils-ce60d2a9.js');
 const tokenUtils = require('./token-utils-658c4c54.js');
 require('./string-utils-7b13c16e.js');
 require('./tokens.module-a7c77c13.js');
@@ -58,11 +58,11 @@ const DuetBreadcrumbs = class {
      */
     render() {
         const color = tokenUtils.getColorByName(this.color);
-        return (index.h(index.Host, { key: 'de5bf9664c5f5ab572fce45bc993713510474cb0' }, index.h("nav", { key: 'ffd74db147e85616f7e10428bfe537179b168e58', "aria-label": this.breadcrumbsAriaLabel, class: {
+        return (index.h(index.Host, { key: '6e650879eddb8fcb225b17f12a41ba4836cc3fbe' }, index.h("nav", { key: 'ac3a235fd392e9cb00e493312526c01dfeaf4379', "aria-label": this.breadcrumbsAriaLabel, class: {
                 "duet-breadcrumbs": true,
                 "duet-theme-turva": this.theme === "turva",
                 [this.variation]: true,
-            } }, index.h("div", { key: '06d6391d9154c82c9ba8e8c3c4c098f40ea862bc', class: "container" }, index.h("div", { key: '6e14f970ac38086d9874b6a5fb68c43036891658', role: "list", class: "list", style: { color } }, index.h("slot", { key: '8d97e7c891b2b78f0efff2e4993ef71a831e062d' })), index.h("div", { key: '915ea715ad6bbdf67320744cd8e2df75af1a082f', class: "bottom-border bottom-border--container" })), index.h("div", { key: '8d416d6fca5363df5bd6d1d82b1aad4274588cd8', class: "bottom-border bottom-border--nav" }))));
+            } }, index.h("div", { key: '6a3d880402188ad4a7929cb0e4c8917dc60c8c4e', class: "container" }, index.h("div", { key: 'bb053ec6b0ae87f09f66ebeb38b2c9769e27d525', role: "list", class: "list", style: { color } }, index.h("slot", { key: '46d9ce4b6a18eb83f52b33067614efd6d5b798b5' })), index.h("div", { key: '1fbac06ea41a81f62a2574676cd1738572d17327', class: "bottom-border bottom-border--container" })), index.h("div", { key: 'd762fd5644e210ddcbdb2ae8f93b028254e1293b', class: "bottom-border bottom-border--nav" }))));
     }
     get element() { return index.getElement(this); }
 };

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

@@ -5,10 +5,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-3d15fb5e.js');
-const themeableComponent = require('./themeable-component-46222401.js');
-const commonStrings = require('./common-strings-a54bbf77.js');
-const languageUtils = require('./language-utils-eaec2648.js');
+const index = require('./index-80fa07e3.js');
+const themeableComponent = require('./themeable-component-1307284b.js');
+const commonStrings = require('./common-strings-92c2f034.js');
+const languageUtils = require('./language-utils-ce60d2a9.js');
 const tokenUtils = require('./token-utils-658c4c54.js');
 require('./string-utils-7b13c16e.js');
 require('./tokens.module-a7c77c13.js');

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

@@ -5,9 +5,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-3d15fb5e.js');
-const themeableComponent = require('./themeable-component-46222401.js');
-const slotUtils = require('./slot-utils-61317778.js');
+const index = require('./index-80fa07e3.js');
+const themeableComponent = require('./themeable-component-1307284b.js');
+const slotUtils = require('./slot-utils-9c5efe2a.js');
 
 const duetCalloutCss = ":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%}blockquote,figure{margin:0}.duet-callout{margin-bottom:28px !important;display:flex;align-items:center;justify-content:center;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\"}.duet-callout .container{display:flex;flex-direction:column;gap:8px;align-items:center;max-width:688px;text-align:center}.duet-callout .callout-icon{width:50px;padding-bottom:8px}.duet-callout blockquote{font-size:2.7vw;font-weight:600;line-height:1.5;color:rgb(8, 42, 77)}@media (max-width: 37.037037037rem){.duet-callout blockquote{font-size:1rem}}@media (min-width: 46.2962962963rem){.duet-callout blockquote{font-size:1.25rem}}.duet-callout .author{color:rgb(8, 42, 77)}.duet-callout.duet-theme-turva{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"}.duet-callout.duet-theme-turva .author,.duet-callout.duet-theme-turva blockquote{color:rgb(23, 28, 58)}.duet-callout.duet-m-0{margin:0 !important}:host(.duet-theme-turva2) .duet-callout.duet-theme-turva .author,:host(.duet-theme-turva2) .duet-callout.duet-theme-turva blockquote{color:#172a3b}";
 const DuetCalloutStyle0 = duetCalloutCss;
@@ -36,11 +36,11 @@ const DuetCallout = class {
     <path d="M6.6591 0.557547L9.2031 2.33355C7.0911 5.21355 6.1311 7.18155 5.8431 8.90955C7.4751 9.34155 8.7231 10.5415 8.7231 12.6535C8.7231 15.2935 6.9471 16.9255 4.6431 16.9255C2.0511 16.9255 0.227096 15.1975 0.227096 12.2695C0.227096 8.28555 2.3871 4.34955 6.6591 0.557547ZM17.9871 8.95755C19.6191 9.34155 20.8671 10.5415 20.8671 12.6535C20.8671 15.2935 19.1391 16.9255 16.8351 16.9255C14.2431 16.9255 12.4191 15.1975 12.4191 12.2695C12.4191 8.28555 14.5791 4.34955 18.8511 0.557547L21.3951 2.33355C19.2351 5.21355 18.3231 7.18155 17.9871 8.95755Z"/>
     </svg>
     `;
-        return (index.h(index.Host, { key: '85f99d167ac281ddceb8a8a69da07d854be973f7' }, index.h("div", { key: '14ccbc1c5d5f56368fefdcfa8ac2b48f46c3e0b7', class: {
+        return (index.h(index.Host, { key: '51d88bf47fa6dd7c93c69184bdc3bee596dddf09' }, index.h("div", { key: '4719f4e4bfc4ae0f11d8950c5039d290097710bf', class: {
                 "duet-callout": true,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-m-0": this.margin === "none",
-            } }, index.h("figure", { key: 'fe2a9c932a02907cda19e0f258e36a1c5a83a1bc', class: "container" }, index.h("duet-icon", { key: 'f9ddcf0c22344b4490cd3433e4d85e644a8b4e63', class: "callout-icon", shape: "brand-rotated", background: "primary-lighter", "background-opacity": "0.75", "background-rotation": this.theme === "turva" ? "0" : "7", color: "secondary", icon: icon, size: "auto", margin: "none", theme: this.theme }), index.h("blockquote", { key: '11b22131f070c316b6cadd833f0fb5d12bf0ed4a' }, index.h("slot", { key: '6448a4a8b760c12a583b4454c183f32c26a8e4cf' })), this.hasAuthorSlot && (index.h("figcaption", { key: '3d98ce3b4e9a1d81ba99d1c8cbb38eacc91bb2d0', class: "author" }, index.h("span", { key: '9a8f0ab6cbeba79793fbc1926924e4d4acc3cf5b' }, "\u2014 "), index.h("slot", { key: '928a1113e8f44b3f6439a9ce1ec5f96771b95270', name: "author" })))))));
+            } }, index.h("figure", { key: '2a56ac7e93a32bb0c81ec60c5e1ca9f657a47726', class: "container" }, index.h("duet-icon", { key: '59ecda6ea09d0286d5917904ce4b9b0d47abc65a', class: "callout-icon", shape: "brand-rotated", background: "primary-lighter", "background-opacity": "0.75", "background-rotation": this.theme === "turva" ? "0" : "7", color: "secondary", icon: icon, size: "auto", margin: "none", theme: this.theme }), index.h("blockquote", { key: 'c67e199bd4cef08dd3ad337f906de20ec67e0e84' }, index.h("slot", { key: 'bb64a939ab2e5f92e329da0af6a67fc3d5a5af07' })), this.hasAuthorSlot && (index.h("figcaption", { key: '29ebc5c818ede819d058a3d4e9b93d0e57fd4ecf', class: "author" }, index.h("span", { key: '0a61a2a2cdda4a9fa60dc8e4ba1d51a2a61ae1aa' }, "\u2014 "), index.h("slot", { key: '08b1248c915dfcd2c5491864e14fee6df303460e', name: "author" })))))));
     }
     get element() { return index.getElement(this); }
 };

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

@@ -5,17 +5,17 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-3d15fb5e.js');
-const themeableComponent = require('./themeable-component-46222401.js');
+const index = require('./index-80fa07e3.js');
+const themeableComponent = require('./themeable-component-1307284b.js');
 const stringUtils = require('./string-utils-7b13c16e.js');
 const tokenUtils = require('./token-utils-658c4c54.js');
 const actionNewWindowSmall = require('./action-new-window-small-fa51dfb9.js');
-const commonStrings = require('./common-strings-a54bbf77.js');
-const a11yUtils = require('./a11y-utils-a934645c.js');
-const languageUtils = require('./language-utils-eaec2648.js');
+const commonStrings = require('./common-strings-92c2f034.js');
+const a11yUtils = require('./a11y-utils-741fad59.js');
+const languageUtils = require('./language-utils-ce60d2a9.js');
 const createId = require('./create-id-1f8c438f.js');
 require('./tokens.module-a7c77c13.js');
-require('./slot-utils-61317778.js');
+require('./slot-utils-9c5efe2a.js');
 
 const duetCaptionCss = ":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:flex;flex:0 0 100%;width:100%;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:400;line-height:1.5;color:rgb(98, 121, 138);vertical-align:top}:host.duet-p-0{padding:0 !important}:host.duet-m-0{margin:0 !important}:host(.duet-caption-small){font-size:0.875rem;line-height:1.25}: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(143, 147, 158)}:host(.duet-caption-selected){color:rgb(0, 119, 179)}:host(.duet-caption-selected.duet-theme-turva){color:rgb(23, 28, 58)}:host(.duet-m-0){margin:0 !important}:host(.duet-theme-turva2.duet-caption-selected.duet-theme-turva){color:#172a3b}";
 const DuetCaptionStyle0 = duetCaptionCss;
@@ -51,7 +51,7 @@ const DuetCaption = class {
 };
 DuetCaption.style = DuetCaptionStyle0;
 
-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;text-wrap:balance;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}:host(.duet-theme-turva2) .duet-heading.duet-theme-turva{color:#172a3b}";
+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;text-wrap:balance;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}:host(.duet-theme-turva2) .duet-heading.duet-theme-turva{font-style:normal !important;color:#172a3b}";
 const DuetHeadingStyle0 = duetHeadingCss;
 
 const DuetHeading = class {
@@ -215,10 +215,10 @@ const DuetLink = class {
         const Tag = !this.url && this.variation !== "default" ? "button" : "a";
         const role = !this.url && this.variation === "default" ? "button" : null;
         const isButton = Tag === "button";
-        return (index.h(index.Host, { key: 'd248d82ba7bfbff36991e0556e609b323b6014c6', class: {
+        return (index.h(index.Host, { key: 'bd19012201568549a78386fd891946aff5eee646', class: {
                 [`duet-link-${this.variation}`]: true,
                 "duet-m-0": this.margin === "none",
-            } }, index.h(Tag, { key: '2ae7983d8583c570630c527645ff52c3ddeba010', href: this.url, class: {
+            } }, index.h(Tag, { key: 'dcaadc6459de680b921529b4cf1a53fb68ec32e5', href: this.url, class: {
                 "duet-link": true,
                 "duet-link-is-external": this.external,
                 "duet-link-is-download": !!this.download,

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

@@ -5,11 +5,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-3d15fb5e.js');
-const themeableComponent = require('./themeable-component-46222401.js');
+const index = require('./index-80fa07e3.js');
+const themeableComponent = require('./themeable-component-1307284b.js');
 const createId = require('./create-id-1f8c438f.js');
 const keyboardUtils = require('./keyboard-utils-f7c9f980.js');
-const slotUtils = require('./slot-utils-61317778.js');
+const slotUtils = require('./slot-utils-9c5efe2a.js');
 const stringUtils = require('./string-utils-7b13c16e.js');
 const tokenUtils = require('./token-utils-658c4c54.js');
 require('./tokens.module-a7c77c13.js');
@@ -52,6 +52,7 @@ const DuetCard = class {
         this.headingLevel = "h2";
         this.headingBackground = undefined;
         this.icon = undefined;
+        this.iconColor = "currentColor";
         this.image = undefined;
         this.background = "gray-lightest";
         this.padding = "small";
@@ -81,7 +82,7 @@ const DuetCard = class {
         const headingStyles = {
             backgroundColor: tokenUtils.getColorByName(this.headingBackground),
         };
-        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" })));
+        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: this.iconColor }), 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) {
             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)));
@@ -109,10 +110,10 @@ const DuetCard = class {
         const styles = {
             backgroundColor: tokenUtils.getColorByName(this.background),
         };
-        return (index.h(index.Host, { key: '611705991716b0c002889bf3a9e980f8da1d95f0', class: {
+        return (index.h(index.Host, { key: 'b229fd28e5e5058ba357db373f25c9de68dc2694', class: {
                 "duet-m-0": this.margin === "none",
                 "duet-card-info": this.variation === "info",
-            } }, index.h(TagName, { key: '89e99da5b6adc642345ba6f7a21c7081b9d4e9f3', href: this.url, style: styles, ref: card => (this.nativeCard = card), "aria-label": this.accessibleLabel, class: {
+            } }, index.h(TagName, { key: 'b80082cae6d0e4d564bc1eca68f57749b6975e0e', href: this.url, style: styles, ref: card => (this.nativeCard = card), "aria-label": this.accessibleLabel, class: {
                 "duet-card": true,
                 [this.padding]: true,
                 [this.variation]: true,
@@ -122,7 +123,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: '0aa60ed3e1bebc94ee7842d3982256c9373aa516', class: "duet-card-image-mask" }, index.h("img", { key: '84e7c1f6a0b6c9132ec82041fad87cc4577d6b1e', src: this.image, class: "duet-card-image", loading: "lazy", alt: "", "aria-hidden": "true" }))), (this.heading || this.hasHeadingSlot) && this.renderHeading(), index.h("div", { key: 'f86cc5808fdc33c29d5c1aeaa20de6b840b9bb87', class: "duet-card-content", id: this.cardId }, index.h("slot", { key: '5fb3cbdad3362c23720c00b1cc3a37c6e7c0df7a' }), this.hasFooter && (index.h("div", { key: '469c322c7f5b971194563825844cd26f854f7a4d', class: "duet-card-footer" }, index.h("slot", { key: '8a72444bea6b916c253e8aa87967046338e690ee', name: "footer" })))))));
+            } }, this.image && (index.h("div", { key: 'c4c9c8772d432e52fb78f2bf0a457d4a026d6b3a', class: "duet-card-image-mask" }, index.h("img", { key: '828ed65b312a0e50257adfa39f25307b13e7d51a', src: this.image, class: "duet-card-image", loading: "lazy", alt: "", "aria-hidden": "true" }))), (this.heading || this.hasHeadingSlot) && this.renderHeading(), index.h("div", { key: '081d59770bc88f9b7bd2a9b25d0bf905ea0d141b', class: "duet-card-content", id: this.cardId }, index.h("slot", { key: 'ad92895c2eea7a7697bd4924165656e72ee9b1da' }), this.hasFooter && (index.h("div", { key: '9a920473b4242e87a36032511f982b3e890df463', class: "duet-card-footer" }, index.h("slot", { key: '41350a63089d579579bca4454a1fcbc27a60b445', name: "footer" })))))));
     }
     get element() { return index.getElement(this); }
 };

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

@@ -5,8 +5,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-3d15fb5e.js');
-const themeableComponent = require('./themeable-component-46222401.js');
+const index = require('./index-80fa07e3.js');
+const themeableComponent = require('./themeable-component-1307284b.js');
 const createId = require('./create-id-1f8c438f.js');
 
 const duetCheckboxCss = "*.sc-duet-checkbox,*.sc-duet-checkbox::after,*.sc-duet-checkbox::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-checkbox-h{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}.sc-duet-checkbox-h:last-child,.sc-duet-checkbox-h:last-of-type{margin-right:0 !important}.sc-duet-checkbox-h:last-child:not(:only-child){margin-bottom:0 !important}.duet-m-0.sc-duet-checkbox-h{margin:0 !important}.duet-label.sc-duet-checkbox{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.sc-duet-checkbox .duet-label.sc-duet-checkbox{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.sc-duet-checkbox span.sc-duet-checkbox{display:inline-block;width:calc(100% - 32px);font-size:1rem;font-weight:400;vertical-align:top}.duet-checkbox-container.sc-duet-checkbox{position:relative;width:100%;height:100%}.duet-checkbox.sc-duet-checkbox{padding:14px !important;position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;cursor:pointer;opacity:0}.duet-checkbox.sc-duet-checkbox+label.sc-duet-checkbox::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.sc-duet-checkbox .duet-checkbox.sc-duet-checkbox+label.sc-duet-checkbox::before{border-color:rgb(23, 28, 58)}.duet-checkbox.sc-duet-checkbox:checked+label.sc-duet-checkbox::before{background:rgb(0, 119, 179);border:1px solid rgb(0, 119, 179)}.duet-theme-turva.sc-duet-checkbox .duet-checkbox.sc-duet-checkbox:checked+label.sc-duet-checkbox::before{background:rgb(23, 28, 58);border-color:rgb(23, 28, 58)}.duet-checkbox.sc-duet-checkbox:focus+label.sc-duet-checkbox::before{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva.sc-duet-checkbox .duet-checkbox.sc-duet-checkbox:focus+label.sc-duet-checkbox::before{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-checkbox[aria-invalid=true].sc-duet-checkbox+label.sc-duet-checkbox::before{background:#fdf4f6;border-color:rgb(214, 28, 82)}.duet-theme-turva.sc-duet-checkbox .duet-checkbox[aria-invalid=true].sc-duet-checkbox+label.sc-duet-checkbox::before{background:#fdf4f6;border-color:rgb(214, 28, 82)}.duet-checkbox.sc-duet-checkbox+label.sc-duet-checkbox{position:static}.duet-checkbox.sc-duet-checkbox:checked+label.sc-duet-checkbox::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].sc-duet-checkbox{cursor:default}.duet-checkbox[disabled].sc-duet-checkbox+label.sc-duet-checkbox{color:rgb(98, 121, 138)}.duet-theme-turva.sc-duet-checkbox .duet-checkbox[disabled].sc-duet-checkbox+label.sc-duet-checkbox{color:rgb(143, 147, 158)}.duet-checkbox[disabled].sc-duet-checkbox+label.sc-duet-checkbox::before{border-color:rgb(181, 198, 208)}.duet-theme-turva.sc-duet-checkbox .duet-checkbox[disabled].sc-duet-checkbox+label.sc-duet-checkbox::before{border-color:rgb(199, 202, 207)}.duet-checkbox[disabled].sc-duet-checkbox:checked+label.sc-duet-checkbox::before{background:rgb(127, 150, 165);border:1px solid rgb(127, 150, 165)}.duet-theme-turva.sc-duet-checkbox .duet-checkbox[disabled].sc-duet-checkbox:checked+label.sc-duet-checkbox::before{background:rgb(143, 147, 158);border-color:rgb(143, 147, 158)}.duet-checkbox-error.sc-duet-checkbox{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.sc-duet-checkbox .duet-checkbox-error.sc-duet-checkbox{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.sc-duet-checkbox .duet-label.sc-duet-checkbox span.sc-duet-checkbox,.duet-label-hidden.sc-duet-checkbox .duet-checkbox-error.sc-duet-checkbox span.sc-duet-checkbox{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}.duet-theme-turva2.sc-duet-checkbox-h .duet-theme-turva.sc-duet-checkbox .duet-label.sc-duet-checkbox{color:#172a3b}.duet-theme-turva2.sc-duet-checkbox-h .duet-theme-turva.sc-duet-checkbox .duet-checkbox.sc-duet-checkbox+label.sc-duet-checkbox::before{border-color:#172a3b}.duet-theme-turva2.sc-duet-checkbox-h .duet-theme-turva.sc-duet-checkbox .duet-checkbox.sc-duet-checkbox:checked+label.sc-duet-checkbox::before{background:#172a3b;border-color:#172a3b}";

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

@@ -5,8 +5,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-3d15fb5e.js');
-const themeableComponent = require('./themeable-component-46222401.js');
+const index = require('./index-80fa07e3.js');
+const themeableComponent = require('./themeable-component-1307284b.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}}:host(.duet-theme-turva2.duet-theme-turva) .checked .duet-checkmark-container{background:#172a3b;border-color:#172a3b !important}";
 const DuetCheckmarkStyle0 = duetCheckmarkCss;
@@ -27,11 +27,11 @@ const DuetCheckmark = class {
         themeableComponent.inheritGlobalTheme(this);
     }
     render() {
-        return (index.h(index.Host, { key: '8f8df4562a1d37c1e3ced47dace2f8ca487a9f73', class: { "duet-theme-turva": this.theme === "turva" } }, index.h("div", { key: 'b803f9fe255ac6166546a8a0398b4958d46cd0df', role: this.presentationOnly ? "presentation" : null, class: { checked: this.checked } }, index.h("div", { key: 'a284f559c645796efaa1fd9e74a7d1544154b26f', class: {
+        return (index.h(index.Host, { key: 'd29491eace218119aab4bb8742a44ef92ea3e377', class: { "duet-theme-turva": this.theme === "turva" } }, index.h("div", { key: '3d5882eeb89eec6debf9ac38c167335fca22c65b', role: this.presentationOnly ? "presentation" : null, class: { checked: this.checked } }, index.h("div", { key: '2745649a462f339b630a4a46ea314c89c91dbe52', class: {
                 "duet-checkmark-container": true,
                 center: this.center,
                 "duet-checkmark-radio": this.type === "radio",
-            } }, this.checked && index.h("div", { key: 'e17c92da194bbedbd6f4159efabad9321c52fa49', class: "duet-checkmark" })))));
+            } }, this.checked && index.h("div", { key: '910ba85c8709d99174d0a0c6a5208fccdfe9456e', class: "duet-checkmark" })))));
     }
 };
 DuetCheckmark.style = DuetCheckmarkStyle0;

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

@@ -5,11 +5,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-3d15fb5e.js');
-const themeableComponent = require('./themeable-component-46222401.js');
+const index = require('./index-80fa07e3.js');
+const themeableComponent = require('./themeable-component-1307284b.js');
 const createId = require('./create-id-1f8c438f.js');
 const keyboardUtils = require('./keyboard-utils-f7c9f980.js');
-const languageUtils = require('./language-utils-eaec2648.js');
+const languageUtils = require('./language-utils-ce60d2a9.js');
 require('./string-utils-7b13c16e.js');
 
 const duetChipCss = "*,*::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;position:relative;display:inline-block;width:auto;max-width:100%;vertical-align:bottom;-webkit-tap-highlight-color:transparent}:host:last-child,:host:last-of-type{margin-right:0 !important}:host(.input){margin-top:6px !important;margin-right:0 !important;margin-bottom:6px !important;margin-left:4px !important}.duet-chip-container{-webkit-user-select:none;user-select:none;position:relative;z-index:100;display:block;width:100%;padding:1px;hyphens:none;line-height:1.1;color:rgb(8, 42, 77) !important;text-align:center;cursor:pointer;background:rgb(255, 255, 255);border-color:rgb(181, 198, 208);border-style:solid;border-width:1px;border-radius:8px;transition:background-color 300ms ease, color 300ms ease, border-color 300ms ease}.duet-chip-container.duet-p-0{padding:0 !important}.duet-chip-container.duet-m-0{margin:0 !important}.duet-chip-container.duet-theme-turva{color:rgb(23, 28, 58) !important;background:rgb(255, 255, 255);border-color:rgb(199, 202, 207)}.duet-chip-container.duet-theme-turva:hover{border-color:rgb(198, 12, 48)}.duet-chip-container:hover{padding:0 !important;border-color:rgb(0, 119, 179);border-width:2px}.duet-chip-container.duet-chip-disabled{color:rgb(98, 121, 138) !important;cursor:default;background:rgb(245, 248, 250) !important;border-color:rgb(245, 248, 250) !important}.duet-chip-container.duet-chip-disabled.duet-theme-turva{color:rgb(143, 147, 158) !important;background:rgb(245, 247, 250);border-color:rgb(245, 247, 250)}.duet-chip-container.duet-chip-disabled:hover{background:rgb(245, 248, 250);border-color:rgb(245, 248, 250)}.duet-chip-container.duet-chip-disabled:hover.duet-theme-turva{background:rgb(245, 247, 250);border-color:rgb(245, 247, 250)}.duet-chip-container.duet-chip-disabled button,.duet-chip-container.duet-chip-disabled label{cursor:default}.duet-chip-container button,.duet-chip-container label{display:flex;align-items:center;width:100%;height:100%;padding:8px 14px;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:600;line-height:1rem;color:rgb(8, 42, 77) !important;cursor:pointer}.duet-chip-container button:focus,.duet-chip-container label:focus{outline:none}.duet-chip-container .duet-chip-icon-container{display:flex;align-items:center;height:16px;padding:0;transition:padding 300ms ease}.duet-chip-container.duet-chip-has-icon .duet-chip-icon-container{width:24px;height:16px;padding-right:8px}.duet-chip-container.duet-chip-has-icon.duet-chip-filter-checked .duet-chip-icon-container,.duet-chip-container.duet-chip-has-icon.duet-chip-radio-checked .duet-chip-icon-container{padding-right:11px;padding-left:3px}.duet-chip-container.duet-chip-has-icon button,.duet-chip-container.duet-chip-has-icon label{padding-left:12px}.duet-chip-container.duet-chip-has-popup button,.duet-chip-container.duet-chip-has-popup label{padding-right:12px}.duet-chip-container duet-icon:not(.check-mark){width:auto;visibility:visible;transition:width 300ms ease, transform 300ms ease;transform:scaleX(1)}.duet-chip-container duet-icon.check-mark{width:0;overflow:hidden;visibility:hidden;transition:width 300ms ease, transform 300ms ease;transform:scaleX(0)}.duet-chip-container.duet-chip-filter-checked,.duet-chip-container.duet-chip-radio-checked{padding:0 !important;background:rgb(228, 241, 247);border-color:rgb(0, 119, 179);border-width:2px}.duet-chip-container.duet-chip-filter-checked:hover,.duet-chip-container.duet-chip-radio-checked:hover{background:rgb(198, 225, 238)}.duet-chip-container.duet-chip-filter-checked.chip-has-icon button,.duet-chip-container.duet-chip-filter-checked.chip-has-icon label,.duet-chip-container.duet-chip-radio-checked.chip-has-icon button,.duet-chip-container.duet-chip-radio-checked.chip-has-icon label{padding-left:10px}.duet-chip-container.duet-chip-filter-checked .duet-chip-icon-container,.duet-chip-container.duet-chip-radio-checked .duet-chip-icon-container{padding-right:10px}.duet-chip-container.duet-chip-filter-checked .duet-chip-icon-container duet-icon:not(.check-mark),.duet-chip-container.duet-chip-radio-checked .duet-chip-icon-container duet-icon:not(.check-mark){width:0;overflow:hidden;visibility:hidden;transition:width 300ms ease, transform 300ms ease;transform:scaleX(0)}.duet-chip-container.duet-chip-filter-checked .duet-chip-icon-container duet-icon.check-mark,.duet-chip-container.duet-chip-radio-checked .duet-chip-icon-container duet-icon.check-mark{width:auto;visibility:visible;transition:width 300ms ease, transform 300ms ease;transform:scaleX(1)}.duet-chip-container.duet-chip-filter-checked.duet-theme-turva,.duet-chip-container.duet-chip-radio-checked.duet-theme-turva{background:rgb(245, 247, 250);border-color:rgb(198, 12, 48)}.duet-chip-container.duet-chip-filter-checked.duet-theme-turva:hover,.duet-chip-container.duet-chip-radio-checked.duet-theme-turva:hover{background:rgb(222, 224, 228)}.duet-chip-container .duet-chip-popup-disclosure{padding-right:4.5px;padding-left:12.5px}.duet-chip-container .duet-chip-popup-disclosure duet-icon{transition:transform 300ms ease}.duet-chip-container.duet-chip-filter-popup-open{background:rgb(240, 247, 250);border-color:rgb(240, 247, 250)}.duet-chip-container.duet-chip-filter-popup-open.duet-theme-turva{background:rgb(245, 247, 250);border-color:rgb(245, 247, 250)}.duet-chip-container.duet-chip-filter-popup-open .duet-chip-popup-disclosure duet-icon{transform:rotate(180deg)}.duet-chip-container.duet-chip-input:hover{padding:1px !important;border-color:rgb(181, 198, 208);border-width:1px}.duet-chip-container.duet-chip-input.duet-chip-hover,.duet-chip-container.duet-chip-input.duet-chip-selected{padding:0 !important;border-color:rgb(0, 119, 179);border-width:2px}.duet-chip-container.duet-chip-input.duet-chip-hover .duet-chip-remove-button,.duet-chip-container.duet-chip-input.duet-chip-selected .duet-chip-remove-button{right:0;width:34px;height:34px;background:transparent}.duet-chip-container.duet-chip-input.duet-chip-delete-focus{background:rgb(240, 247, 250)}.duet-chip-container.duet-chip-input .duet-chip-input-button{margin-right:22px}.duet-chip-container.duet-chip-input .duet-chip-remove-button{position:absolute;top:-1px;right:-1px;width:36px;height:36px;padding-left:10px;border:3px solid transparent;border-radius:8px}.duet-chip-container.duet-chip-input .duet-chip-remove-button:hover{background:rgb(217, 236, 245);background-clip:padding-box}.duet-chip-container.duet-chip-input.duet-chip-selected{background:rgb(240, 247, 250)}.duet-chip-container.duet-chip-input.duet-chip-selected.duet-chip-hover{background:rgb(217, 236, 245)}.duet-chip-container.duet-chip-input.duet-chip-selected .duet-chip-remove-button:hover{background:rgb(198, 225, 238);background-clip:padding-box}.duet-chip-container.duet-chip-input.duet-theme-turva:hover{border-color:rgb(199, 202, 207)}.duet-chip-container.duet-chip-input.duet-theme-turva.duet-chip-hover{border-color:rgb(198, 12, 48)}.duet-chip-container.duet-chip-input.duet-theme-turva .duet-chip-remove-button:hover{background:rgb(255, 241, 241)}.duet-chip-container.duet-chip-input.duet-theme-turva.duet-chip-selected{background:rgb(255, 241, 241)}.duet-chip-container.duet-chip-input.duet-theme-turva.duet-chip-selected.duet-chip-hover{background:rgb(255, 213, 215);background-clip:padding-box}.duet-chip-container.duet-chip-input.duet-theme-turva.duet-chip-selected .duet-chip-remove-button:hover{background:rgb(255, 185, 190);background-clip:padding-box}.duet-chip-container.large button,.duet-chip-container.large label{padding:15px 18px}.duet-chip-container.large.duet-chip-has-icon .duet-chip-icon-container{width:30px;padding-right:10px}.duet-chip-container.large .duet-chip-popup-disclosure{padding-right:6.5px;padding-left:14.5px}:host(.user-is-tabbing) .duet-chip-focus,:host(.user-is-tabbing) .duet-chip-delete-focus .duet-chip-remove-button{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing) .duet-chip-focus.duet-theme-turva,:host(.user-is-tabbing) .duet-chip-delete-focus .duet-chip-remove-button.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-chip-container input,*::slotted([slot=input]){position:absolute !important;top:0;left:0;z-index:-1;width:100%;height:100%;margin:0;cursor:pointer;border-width:2px;border-radius:8px;opacity:0;appearance:none}*::slotted([slot=input]:not([aria-disabled=true])){z-index:1}:host(.duet-theme-turva2) .duet-chip-container.duet-theme-turva{color:#172a3b !important;border-color:#b2c2cd}:host(.duet-theme-turva2) .duet-chip-container.duet-theme-turva:hover{border-color:#e61740}:host(.duet-theme-turva2) .duet-chip-container.duet-theme-turva.duet-chip-filter-checked,:host(.duet-theme-turva2) .duet-chip-container.duet-theme-turva.duet-chip-radio-checked{background:#fbe1d1;border-color:#e61740}:host(.duet-theme-turva2) .duet-chip-container.duet-theme-turva.duet-chip-filter-checked:hover,:host(.duet-theme-turva2) .duet-chip-container.duet-theme-turva.duet-chip-radio-checked:hover{background:#d8ae96}:host(.duet-theme-turva2) .duet-chip-container.duet-theme-turva.duet-chip-filter-popup-open{background:#fbe1d1;border-color:#b2c2cd}:host(.duet-theme-turva2) .duet-chip-container.duet-theme-turva.duet-chip-input:hover{border-color:#b2c2cd}:host(.duet-theme-turva2) .duet-chip-container.duet-theme-turva.duet-chip-input.duet-chip-hover,:host(.duet-theme-turva2) .duet-chip-container.duet-theme-turva.duet-chip-input.duet-chip-selected{border-color:#e61740}";