@duetds/components 10.3.1 → 10.4.0

package/lib/cjs/{a11y-utils-dXXDBTyF.js → a11y-utils-BXDHn_nL.js}

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

package/lib/cjs/{app-globals-CyPV2FZK.js → app-globals-Bs3-XKhd.js}

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

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

@@ -3,12 +3,12 @@
  */
 'use strict';
 
-var index = require('./index-B_QTwXEx.js');
-var themeableComponent = require('./themeable-component-h3OzJgCb.js');
+var index = require('./index-C7Yvi8y8.js');
+var themeableComponent = require('./themeable-component-hQ83w5_A.js');
 var createId = require('./create-id-DtslnIOq.js');
 var jsUtils = require('./js-utils-hJ4A2edy.js');
 var keyboardUtils = require('./keyboard-utils-D9UlHbik.js');
-var languageUtils = require('./language-utils-DjtvVntE.js');
+var languageUtils = require('./language-utils-BsevPDrN.js');
 var tokenUtils = require('./token-utils-DY3-olMV.js');
 require('./string-utils-B35hEUBv.js');
 require('./tokens.module-CTbvyezn.js');

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

@@ -3,12 +3,12 @@
  */
 'use strict';
 
-var index = require('./index-B_QTwXEx.js');
+var index = require('./index-C7Yvi8y8.js');
 var commonStrings = require('./common-strings-DMaSb4Ld.js');
-var themeableComponent = require('./themeable-component-h3OzJgCb.js');
+var themeableComponent = require('./themeable-component-hQ83w5_A.js');
 var createId = require('./create-id-DtslnIOq.js');
-var languageUtils = require('./language-utils-DjtvVntE.js');
-var slotUtils = require('./slot-utils-YUU0XWn9.js');
+var languageUtils = require('./language-utils-BsevPDrN.js');
+var slotUtils = require('./slot-utils-DIDW777s.js');
 require('./string-utils-B35hEUBv.js');
 
 const duetAlertCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;margin-bottom:16px !important;display:grid;grid-template-rows:1fr;width:100%;border-radius:12px;transition:opacity 300ms ease, visibility 300ms ease, transform 300ms ease, grid-template-rows 300ms ease}:host.duet-p-0{padding:0 !important}:host.duet-m-0{margin:0 !important}:host(.below-nav),:host(.duet-m-0){margin-bottom:0 !important}:host(.duet-alert-is-dismissed){visibility:hidden !important;grid-template-rows:0fr;margin:0 !important;border-width:0 !important;opacity:0;transform:scale(0.98)}.duet-alert-wrapper{position:relative;width:100%;overflow:hidden;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.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{z-index:1;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%)}.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\"}";

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

@@ -3,10 +3,10 @@
  */
 'use strict';
 
-var index = require('./index-B_QTwXEx.js');
+var index = require('./index-C7Yvi8y8.js');
 var commonStrings = require('./common-strings-DMaSb4Ld.js');
-var themeableComponent = require('./themeable-component-h3OzJgCb.js');
-var languageUtils = require('./language-utils-DjtvVntE.js');
+var themeableComponent = require('./themeable-component-hQ83w5_A.js');
+var languageUtils = require('./language-utils-BsevPDrN.js');
 require('./string-utils-B35hEUBv.js');
 
 const duetBadgeCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;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}[alignment=form-distribute]>:host:last-of-type:not(:last-child){margin-right:4px !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;vertical-align:middle;color:rgb(3, 56, 102);text-align:center;word-break:break-word;background:rgb(217, 236, 245);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}.duet-badge.warning{color:rgb(81, 55, 9);background:rgb(255, 232, 160)}.duet-badge.danger{color:rgb(120, 4, 56);background:rgb(255, 211, 219)}.duet-badge.success{color:rgb(13, 71, 59);background:rgb(191, 239, 218)}.duet-badge.subtle{color:rgb(62, 84, 102);background:rgb(228, 236, 239)}.duet-badge.background-strong.default{color:rgb(240, 247, 250);background:rgb(0, 97, 155)}.duet-badge.background-strong.warning{color:rgb(38, 26, 4);background:rgb(247, 178, 40)}.duet-badge.background-strong.danger{color:rgb(255, 240, 243);background:rgb(185, 16, 74)}.duet-badge.background-strong.success{color:rgb(244, 250, 247);background:rgb(29, 106, 88)}.duet-badge.background-strong.subtle{color:rgb(245, 248, 250);background:rgb(98, 121, 138)}";
@@ -53,12 +53,12 @@ const DuetBadge = class {
      */
     render() {
         const backgroundClass = `background-${this.background}`;
-        return (index.h(index.Host, { key: 'ee0e4ba8db39d1523e64a8a3725f773c3a1fccca', class: { "duet-m-0": this.margin === "none" } }, index.h("span", { key: 'e2f1ed3dda43cd601d8b5d4865eaa063dd5cf759', class: {
+        return (index.h(index.Host, { key: '446fcb8a0becb11a4043774efb1611dd9d89d82d', class: { "duet-m-0": this.margin === "none" } }, index.h("span", { key: '56ca2601a6f378068ce6d1c695089c0d131e9b7d', class: {
                 "duet-badge": true,
                 [this.variation]: true,
                 [backgroundClass]: true,
                 "duet-theme-turva": this.theme === "turva",
-            } }, index.h("duet-visually-hidden", { key: '0b9ee8dc4ab19046ad02e5a0aa49d753f2b5c616' }, this.getVariationLabel()), index.h("slot", { key: '95e0adfc9d9a95bc018e52d3bb3e8a7fc87c99a9' }))));
+            } }, index.h("duet-visually-hidden", { key: 'b1105a9f4a43ee6f9379cb8c02a06328830bbaa6' }, this.getVariationLabel()), index.h("slot", { key: '2922cf32e24472ae3c8685a1ea90a27c0112b740' }))));
     }
     get element() { return index.getElement(this); }
 };

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

@@ -3,9 +3,9 @@
  */
 'use strict';
 
-var index = require('./index-B_QTwXEx.js');
-var themeableComponent = require('./themeable-component-h3OzJgCb.js');
-var slotUtils = require('./slot-utils-YUU0XWn9.js');
+var index = require('./index-C7Yvi8y8.js');
+var themeableComponent = require('./themeable-component-hQ83w5_A.js');
+var slotUtils = require('./slot-utils-DIDW777s.js');
 var stringUtils = require('./string-utils-B35hEUBv.js');
 var tokenUtils = require('./token-utils-DY3-olMV.js');
 require('./tokens.module-CTbvyezn.js');

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

@@ -3,9 +3,9 @@
  */
 'use strict';
 
-var index = require('./index-B_QTwXEx.js');
+var index = require('./index-C7Yvi8y8.js');
 var _commonjsHelpers = require('./_commonjsHelpers-4N64IRaP.js');
-var themeableComponent = require('./themeable-component-h3OzJgCb.js');
+var themeableComponent = require('./themeable-component-hQ83w5_A.js');
 var keyboardUtils = require('./keyboard-utils-D9UlHbik.js');
 
 var actionArrowRightSmall;
@@ -63,15 +63,15 @@ const DuetBreadcrumb = class {
      */
     render() {
         const Tag = this.href ? "a" : "span";
-        return (index.h(index.Host, { key: '34a5e92e51adfec7868e9df7ce42c448bd0199bd', role: "listitem" }, index.h("div", { key: '55c358452ded2ad2471012dbad1126396ec7328a', class: "container" }, this.icon === "arrow-right-small-icon" && (index.h("duet-icon", { key: 'a18e042b22da27aa25dfafcc66e6821aa7738485', class: "duet-breadrumbs-arrow", size: "auto", icon: arrowRightSmallIcon.svg, margin: "none", color: "currentColor" })), index.h(Tag, { key: 'ada812d487db85ae7dca3946aed805631df1be28', class: {
+        return (index.h(index.Host, { key: 'bee5edcaaa257aef537393e9620b269c242dff1d', role: "listitem" }, index.h("div", { key: 'fe46fa6ccf1f40968db1b82d27b11c5a5a450594', class: "container" }, this.icon === "arrow-right-small-icon" && (index.h("duet-icon", { key: '0f01a2a92376855fc341815886b031498a5085fd', class: "duet-breadrumbs-arrow", size: "auto", icon: arrowRightSmallIcon.svg, margin: "none", color: "currentColor" })), index.h(Tag, { key: 'cffeeca1d48de91945115a38bfcb1ae5efe702db', class: {
                 "duet-breadcrumb": true,
                 "duet-theme-turva": this.theme === "turva",
                 "icon-only": this.icon && !this.hasSlottedContent,
             }, href: this.href || undefined, "aria-label": this.accessibleLabel || this.element.textContent, "aria-current": this.href ? undefined : "page" }, this.icon !== "arrow-right-small-icon" &&
             this.icon && [
-            index.h("duet-icon", { key: '6ea363f16a27da9172c1257587bd4e8a03dd3e14', size: this.iconSize, name: this.icon, margin: "none", color: "currentColor" }),
-            this.hasSlottedContent && index.h("duet-spacer", { key: 'e4e63fbc6d9e371743570528b4bf2cf3eb1cd289', size: "x-small", direction: "horizontal" }),
-        ], index.h("slot", { key: 'ae2098eb9604da79ea48f19f35cf727588b59adc' })))));
+            index.h("duet-icon", { key: 'ee27c63d28c4c9187a8242a811532322749f94fd', size: this.iconSize, name: this.icon, margin: "none", color: "currentColor" }),
+            this.hasSlottedContent && index.h("duet-spacer", { key: 'e0a220aa059a782dc8716f9fcda3e945bc048f40', size: "x-small", direction: "horizontal" }),
+        ], index.h("slot", { key: '86454db36ecfe921c4b1719f1d9b7807da79a272' })))));
     }
     get element() { return index.getElement(this); }
 };

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

@@ -3,9 +3,9 @@
  */
 'use strict';
 
-var index = require('./index-B_QTwXEx.js');
-var themeableComponent = require('./themeable-component-h3OzJgCb.js');
-var languageUtils = require('./language-utils-DjtvVntE.js');
+var index = require('./index-C7Yvi8y8.js');
+var themeableComponent = require('./themeable-component-hQ83w5_A.js');
+var languageUtils = require('./language-utils-BsevPDrN.js');
 var tokenUtils = require('./token-utils-DY3-olMV.js');
 require('./string-utils-B35hEUBv.js');
 require('./tokens.module-CTbvyezn.js');
@@ -64,11 +64,11 @@ const DuetBreadcrumbs = class {
      */
     render() {
         const color = tokenUtils.getColorByName(this.color);
-        return (index.h(index.Host, { key: 'a33196239b9b8f6933f6e8b46df005591cd7234c' }, index.h("nav", { key: 'e132c17465eefb28d91c1a2a98fb6fa6bf812c92', "aria-label": this.breadcrumbsAriaLabel, class: {
+        return (index.h(index.Host, { key: '36f67b82a722d5c4017bb4cec37fd7149572d264' }, index.h("nav", { key: 'f8fe3f4e521969a60d9428a354a88152171613ec', "aria-label": this.breadcrumbsAriaLabel, class: {
                 "duet-breadcrumbs": true,
                 "duet-theme-turva": this.theme === "turva",
                 [this.variation]: true,
-            } }, index.h("div", { key: '515e61b4523d016aeaf79f9785f335793f3fd8a7', class: "container" }, index.h("div", { key: '5cc015e840532c3e5450d2f99ea6dbfe16da9e21', role: "list", class: "list", style: { color } }, index.h("slot", { key: '712824b51a9798d5df687a5146e7564c32e3b192' })), index.h("div", { key: '6c669b82b4d9bebfec76cd852e422df64fc378f7', class: "bottom-border bottom-border--container" })), index.h("div", { key: '04cb09bd7682b668fd9ca24ddd91efea24da9bf6', class: "bottom-border bottom-border--nav" }))));
+            } }, index.h("div", { key: '78f711e9262e47c989705552d2ab75e65ae17fbe', class: "container" }, index.h("div", { key: 'bfc70b5d984cc57ef2591f4a3ecf452db9ae0ed6', role: "list", class: "list", style: { color } }, index.h("slot", { key: '96e85ea897f84aef0111f41d1e91ac2a263e8d66' })), index.h("div", { key: 'b99f56d5dba834d934872b86fcb8e46205ae3084', class: "bottom-border bottom-border--container" })), index.h("div", { key: '1d96cf880260a6fa1fb39cbc0e76e7b5df8f208c', class: "bottom-border bottom-border--nav" }))));
     }
     get element() { return index.getElement(this); }
 };

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

@@ -3,10 +3,10 @@
  */
 'use strict';
 
-var index = require('./index-B_QTwXEx.js');
-var themeableComponent = require('./themeable-component-h3OzJgCb.js');
+var index = require('./index-C7Yvi8y8.js');
+var themeableComponent = require('./themeable-component-hQ83w5_A.js');
 var commonStrings = require('./common-strings-DMaSb4Ld.js');
-var languageUtils = require('./language-utils-DjtvVntE.js');
+var languageUtils = require('./language-utils-BsevPDrN.js');
 var tokenUtils = require('./token-utils-DY3-olMV.js');
 require('./string-utils-B35hEUBv.js');
 require('./tokens.module-CTbvyezn.js');
@@ -369,7 +369,7 @@ const DuetSpinner = class {
      */
     render() {
         const color = !!this.color && this.color === "currentColor" ? "currentColor" : tokenUtils.getColorByName(this.color, this.theme);
-        return (index.h(index.Host, { key: 'ec9e97fce056ea29ab963b3dc0acbf65ef74858b' }, index.h("div", { key: 'bb244cf728a5ea38b7f65d486e141d314d4b79f5', class: {
+        return (index.h(index.Host, { key: '3bbc28212f0bf2540d28e5c1ed4cedbd263e8116' }, index.h("div", { key: '34642338087cdd238bf2d2d68f57562b5f675745', class: {
                 "duet-spinner": true,
                 [this.size]: true,
                 "duet-theme-turva": this.theme === "turva",

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

@@ -3,9 +3,9 @@
  */
 'use strict';
 
-var index = require('./index-B_QTwXEx.js');
-var themeableComponent = require('./themeable-component-h3OzJgCb.js');
-var slotUtils = require('./slot-utils-YUU0XWn9.js');
+var index = require('./index-C7Yvi8y8.js');
+var themeableComponent = require('./themeable-component-hQ83w5_A.js');
+var slotUtils = require('./slot-utils-DIDW777s.js');
 
 const duetCalloutCss = ":host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;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-m-0{margin:0 !important}.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, 42, 59)}";
 
@@ -39,11 +39,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: 'c491469b698a73c9a411cf3f660770be81879bd7' }, index.h("div", { key: '4c7e1af2f3c229e617d04c0aaf1355bce04a2d6d', class: {
+        return (index.h(index.Host, { key: 'e0a035450d6e7305b25de43ed55f4ffe7a15a0e3' }, index.h("div", { key: '6c5d998d494deab47f1384005e7d2dfb95246c7b', class: {
                 "duet-callout": true,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-m-0": this.margin === "none",
-            } }, index.h("figure", { key: 'eb03690c450a0d767e18bffdbce24d83e3334e65', class: "container" }, index.h("duet-icon", { key: '1695f3f5c59f29b3497a9df3269e791bc19095a6', 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: '6297aefa621ef90e3cb100bcfd07c798cf9b378a' }, index.h("slot", { key: '14186875763fbf1989d9de9cb90706be15de8508' })), this.hasAuthorSlot && (index.h("figcaption", { key: 'c17e4fe83fb3c067c4c91369ee6d80a2a6abf3a8', class: "author" }, index.h("span", { key: 'fac4c2303e1ff78e28fd1538ab43d1b19e84610f' }, "\u2014 "), index.h("slot", { key: '648acac653c20369d7d52a5537c43175cb4dbd5d', name: "author" })))))));
+            } }, index.h("figure", { key: '48c6d6f720cd951a3e80e953265a1c79174c0dd6', class: "container" }, index.h("duet-icon", { key: 'f25c2dbb92d9a7f05b11512f9ef73052585916a7', 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: 'e01e4dcdc7992709803169f5fb85183134f7608f' }, index.h("slot", { key: '7d23fc2421ababa106e834cbb1681d7b94137574' })), this.hasAuthorSlot && (index.h("figcaption", { key: 'ccd723ba6d25df159a5826a0ab652cde0556659d', class: "author" }, index.h("span", { key: '0daa1d1540484278f462a1f6ea258dd292f5548c' }, "\u2014 "), index.h("slot", { key: '47f2ade5a9f6e081482c243fa52942de8fa523e8', name: "author" })))))));
     }
     get element() { return index.getElement(this); }
 };

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

@@ -3,18 +3,18 @@
  */
 'use strict';
 
-var index = require('./index-B_QTwXEx.js');
-var themeableComponent = require('./themeable-component-h3OzJgCb.js');
+var index = require('./index-C7Yvi8y8.js');
+var themeableComponent = require('./themeable-component-hQ83w5_A.js');
 var stringUtils = require('./string-utils-B35hEUBv.js');
 var tokenUtils = require('./token-utils-DY3-olMV.js');
 var _commonjsHelpers = require('./_commonjsHelpers-4N64IRaP.js');
 var actionNewWindowSmall = require('./action-new-window-small-BWlVx6YN.js');
 var commonStrings = require('./common-strings-DMaSb4Ld.js');
-var a11yUtils = require('./a11y-utils-dXXDBTyF.js');
-var languageUtils = require('./language-utils-DjtvVntE.js');
+var a11yUtils = require('./a11y-utils-BXDHn_nL.js');
+var languageUtils = require('./language-utils-BsevPDrN.js');
 var createId = require('./create-id-DtslnIOq.js');
 require('./tokens.module-CTbvyezn.js');
-require('./slot-utils-YUU0XWn9.js');
+require('./slot-utils-DIDW777s.js');
 
 const duetCaptionCss = ":host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;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;vertical-align:top;color:rgb(98, 121, 138)}: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-caption-selected){color:rgb(0, 119, 179)}:host(.duet-m-0){margin:0 !important}: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(72, 100, 122)}:host(.duet-theme-turva.duet-caption-selected.duet-theme-turva){color:rgb(23, 42, 59)}";
 
@@ -61,7 +61,7 @@ const DuetCaption = class {
 };
 DuetCaption.style = duetCaptionCss;
 
-const duetHeadingCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;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);letter-spacing:-0.01rem;word-break:break-word;text-wrap:balance;text-decoration:none}@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, 42, 59)}.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}.duet-heading.duet-theme-turva{font-style:normal !important;color:rgb(23, 42, 59)}";
+const duetHeadingCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;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);letter-spacing:-0.01rem;word-break:break-word;text-wrap:balance;text-decoration:none}@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, 42, 59)}.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 .pre-post-heading{display:block;font-size:0.875rem;font-weight:600}.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 .pre-post-heading{font-size:1rem}}.duet-heading.h0.fixed-size{font-size:4.5rem}.duet-heading.h0.fixed-size .pre-post-heading{font-size:1.5rem}.duet-heading.h0 .pre-post-heading{font-size:4.2vw}@media (max-width: 29.7619047619rem){.duet-heading.h0 .pre-post-heading{font-size:1.25rem}}@media (min-width: 35.7142857143rem){.duet-heading.h0 .pre-post-heading{font-size:1.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 .pre-post-heading{font-size:0.875rem}}.duet-heading.h1.fixed-size{font-size:3rem}.duet-heading.h1.fixed-size .pre-post-heading{font-size:1.25rem}.duet-heading.h1 .pre-post-heading{font-size:4vw}@media (max-width: 25rem){.duet-heading.h1 .pre-post-heading{font-size:1rem}}@media (min-width: 31.25rem){.duet-heading.h1 .pre-post-heading{font-size:1.25rem}}.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 .pre-post-heading{font-size:0.875rem}}.duet-heading.h2.fixed-size{font-size:2.25rem}.duet-heading.h2.fixed-size .pre-post-heading{font-size:1rem}.duet-heading.h2 .pre-post-heading{font-size:3.8vw}@media (max-width: 23.0263157895rem){.duet-heading.h2 .pre-post-heading{font-size:0.875rem}}@media (min-width: 26.3157894737rem){.duet-heading.h2 .pre-post-heading{font-size:1rem}}.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}.duet-heading.duet-theme-turva{font-style:normal !important;color:rgb(23, 42, 59)}";
 
 const DuetHeading = class {
     constructor(hostRef) {
@@ -114,7 +114,7 @@ const DuetHeading = class {
     render() {
         const TagName = stringUtils.sanitizeString(this.level);
         const color = tokenUtils.getColorByName(this.color);
-        return (index.h(TagName, { key: '2f89171baca460e8b0b6b807a992856426a83838', class: {
+        return (index.h(TagName, { key: '0688ea9a9c1b36b5f8ca555051c1efa338bd1f57', class: {
                 "duet-heading": true,
                 "duet-heading-border": this.border !== false,
                 "duet-heading-border-solid": this.border === "solid",
@@ -125,7 +125,7 @@ const DuetHeading = class {
                 [this.visualLevel ? this.visualLevel : this.level]: true,
                 "duet-theme-turva": this.theme === "turva",
                 "fixed-size": this.fixedSize,
-            }, "aria-label": this.accessibleLabel, style: { color }, part: "duet-heading" }, index.h("slot", { key: 'aded9e6a879359f85d77f436736131a26188f4dc' })));
+            }, "aria-label": this.accessibleLabel, style: { color }, part: "duet-heading" }, this.preHeading && index.h("span", { key: 'ca9674066e83408743dda180faa73befac1f6ee2', class: "pre-post-heading" }, this.preHeading, " "), index.h("slot", { key: 'e2903a1c33bc8e3681523f2ab59ce83ad258bc87' }), this.postHeading && index.h("span", { key: '623bec656c67630d780b7922c922bf62da571dec', class: "pre-post-heading" }, " ", this.postHeading)));
     }
     get element() { return index.getElement(this); }
 };
@@ -344,10 +344,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: 'b7bc738a8b128a9e56337a4ddc2b3d8cb87d4cf6', class: {
+        return (index.h(index.Host, { key: '7fc9958dae390b84feaddc854bf6b039d3bd00a4', class: {
                 [`duet-link-${this.variation}`]: true,
                 "duet-m-0": this.margin === "none",
-            } }, index.h(Tag, { key: '5b530346d4036ccf8d777a2114ab74385d390eb9', href: this.url, class: {
+            } }, index.h(Tag, { key: '1d0baa8ee391bbfc51eb30936564d9e7d1a7de97', href: this.url, class: {
                 "duet-link": true,
                 "duet-link-is-external": this.external,
                 "duet-link-is-download": !!this.download,
@@ -417,7 +417,7 @@ const DuetParagraph = class {
         const color = tokenUtils.getColorByName(this.color);
         // aria-describedby is to fix accessibility issue in Chrome where duet-paragraphs
         // are not announced when placed inside duet-modal
-        return (index.h(index.Host, { key: 'b0db3004861f5dfe17d4927087ba6301bc607f5d', "aria-describedby": this.id }, index.h("p", { key: 'f74e4f0206012d316417ea743d72cc0b76b92ee5', id: this.id, class: {
+        return (index.h(index.Host, { key: '4cb0ecf0407180c626d975cfa824d88f54e551d6', "aria-describedby": this.id }, index.h("p", { key: '2177cf79dc10fdb930b6f4b84af7c49dead27ae3', id: this.id, class: {
                 "duet-paragraph": true,
                 "duet-paragraph-small": this.size === "small",
                 "duet-paragraph-semi-bold": this.weight === "semi-bold",
@@ -426,7 +426,7 @@ const DuetParagraph = class {
                 [this.variation]: true,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-inherit-color": !this.color && this.inheritingParents.some(p => this.element.closest(p)),
-            }, style: { color }, part: "duet-paragraph" }, index.h("slot", { key: '86d18dc5cd6ed9610a477fa09b2776d4f2037346' }))));
+            }, style: { color }, part: "duet-paragraph" }, index.h("slot", { key: '85e03942b92c85d0ed0dd2d33baefc5995188562' }))));
     }
     get element() { return index.getElement(this); }
 };

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

@@ -3,12 +3,12 @@
  */
 'use strict';
 
-var index = require('./index-B_QTwXEx.js');
+var index = require('./index-C7Yvi8y8.js');
 var _commonjsHelpers = require('./_commonjsHelpers-4N64IRaP.js');
-var themeableComponent = require('./themeable-component-h3OzJgCb.js');
+var themeableComponent = require('./themeable-component-hQ83w5_A.js');
 var createId = require('./create-id-DtslnIOq.js');
 var keyboardUtils = require('./keyboard-utils-D9UlHbik.js');
-var slotUtils = require('./slot-utils-YUU0XWn9.js');
+var slotUtils = require('./slot-utils-DIDW777s.js');
 var stringUtils = require('./string-utils-B35hEUBv.js');
 var tokenUtils = require('./token-utils-DY3-olMV.js');
 require('./tokens.module-CTbvyezn.js');

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

@@ -3,10 +3,10 @@
  */
 'use strict';
 
-var index = require('./index-B_QTwXEx.js');
-var themeableComponent = require('./themeable-component-h3OzJgCb.js');
+var index = require('./index-C7Yvi8y8.js');
+var themeableComponent = require('./themeable-component-hQ83w5_A.js');
 var createId = require('./create-id-DtslnIOq.js');
-var slotUtils = require('./slot-utils-YUU0XWn9.js');
+var slotUtils = require('./slot-utils-DIDW777s.js');
 
 const duetCheckboxCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{margin-right:8px !important}:host(:last-child),:host(:last-of-type){margin-right:0 !important}:host(.form-distribute:last-of-type:not(:last-child)){margin-right:8px !important}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;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;vertical-align:top;color:rgb(8, 42, 77);cursor:pointer;background:transparent;transition:300ms ease}.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{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-checkbox:checked+label::before{background:rgb(0, 119, 179);border:1px solid rgb(0, 119, 179)}.duet-checkbox:focus+label::before{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .duet-checkbox:focus+label::before,.duet-checkbox:focus+label::before.duet-theme-turva{outline-color:rgba(53, 79, 101, 0.8)}.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-checkbox[disabled]+label::before{border-color:rgb(181, 198, 208)}.duet-checkbox[disabled]:checked+label::before{background:rgb(127, 150, 165);border:1px solid rgb(127, 150, 165)}.duet-after-label{position:relative;z-index:3;padding-left:31px;margin-top:12px;cursor:default}.duet-checkbox-error{position:relative;z-index:3;padding-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-label-hidden .duet-label span,.duet-label-hidden .duet-checkbox-error span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;border:0;clip:rect(0 0 0 0)}.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, 42, 59)}.duet-theme-turva .duet-checkbox+label::before{border-color:rgb(23, 42, 59)}.duet-theme-turva .duet-checkbox:checked+label::before{background:rgb(23, 42, 59);border-color:rgb(23, 42, 59)}.duet-theme-turva .duet-checkbox:focus+label::before{outline:2px solid;outline-offset:2px;outline-color:rgba(53, 79, 101, 0.8)}.duet-theme-turva .duet-checkbox[aria-invalid=true]+label::before{background:#fdf4f6;border-color:rgb(214, 28, 82)}.duet-theme-turva .duet-checkbox[disabled]+label{color:rgb(120, 145, 164)}.duet-theme-turva .duet-checkbox[disabled]+label::before{border-color:rgb(178, 194, 205)}.duet-theme-turva .duet-checkbox[disabled]:checked+label::before{background:rgb(120, 145, 164);border-color:rgb(120, 145, 164)}.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)}";
 

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

@@ -3,8 +3,8 @@
  */
 'use strict';
 
-var index = require('./index-B_QTwXEx.js');
-var themeableComponent = require('./themeable-component-h3OzJgCb.js');
+var index = require('./index-C7Yvi8y8.js');
+var themeableComponent = require('./themeable-component-hQ83w5_A.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(120, 145, 164)}.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, 42, 59);border-color:rgb(23, 42, 59) !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(178, 194, 205) !important}.checked [disabled]+label .duet-checkmark-container{background:rgb(181, 198, 208) !important}.duet-theme-turva .checked [disabled]+label .duet-checkmark-container{background:rgb(178, 194, 205) !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-turva.duet-theme-turva) .checked .duet-checkmark-container{background:rgb(23, 42, 59);border-color:rgb(23, 42, 59) !important}";
 
@@ -39,11 +39,11 @@ const DuetCheckmark = class {
         themeableComponent.inheritGlobalTheme(this);
     }
     render() {
-        return (index.h(index.Host, { key: '9a2512992413ec797c17d55d2a41908cda0e6307', class: { "duet-theme-turva": this.theme === "turva" } }, index.h("div", { key: 'f95a151961586c89597dd2d31436deecc0cabf4d', role: this.presentationOnly ? "presentation" : null, class: { checked: this.checked } }, index.h("div", { key: '42f1b50012a17910a3c1d91bac31bfc370c73abf', class: {
+        return (index.h(index.Host, { key: '9f320db3e8549d7d12de134f013789c1f412b947', class: { "duet-theme-turva": this.theme === "turva" } }, index.h("div", { key: 'a8fe605a230fd34d9714bd5194c281b87394bd24', role: this.presentationOnly ? "presentation" : null, class: { checked: this.checked } }, index.h("div", { key: '91fabdc145a023efc8317ef543296d4e5e2509d9', class: {
                 "duet-checkmark-container": true,
                 center: this.center,
                 "duet-checkmark-radio": this.type === "radio",
-            } }, this.checked && index.h("div", { key: 'ed62491f54edf398da1c22ae672683107b6aa8bc', class: "duet-checkmark" })))));
+            } }, this.checked && index.h("div", { key: '9a418c3b3cd7c451f52003eb5efe16e90a4d5841', class: "duet-checkmark" })))));
     }
 };
 DuetCheckmark.style = duetCheckmarkCss;

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

@@ -3,11 +3,11 @@
  */
 'use strict';
 
-var index = require('./index-B_QTwXEx.js');
-var themeableComponent = require('./themeable-component-h3OzJgCb.js');
+var index = require('./index-C7Yvi8y8.js');
+var themeableComponent = require('./themeable-component-hQ83w5_A.js');
 var createId = require('./create-id-DtslnIOq.js');
 var keyboardUtils = require('./keyboard-utils-D9UlHbik.js');
-var languageUtils = require('./language-utils-DjtvVntE.js');
+var languageUtils = require('./language-utils-BsevPDrN.js');
 require('./string-utils-B35hEUBv.js');
 
 const duetChipCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;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}[alignment=form-distribute]>:host:last-of-type:not(:last-child){margin-right:8px !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;line-height:1.1;color:rgb(8, 42, 77) !important;text-align:center;hyphens:none;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: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:hover{background:rgb(245, 248, 250);border-color:rgb(245, 248, 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){visibility:visible;width:auto;transform:scaleX(1);transition:width 300ms ease, transform 300ms ease}.duet-chip-container duet-icon.check-mark{visibility:hidden;width:0;overflow:hidden;transform:scaleX(0);transition:width 300ms ease, transform 300ms ease}.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){visibility:hidden;width:0;overflow:hidden;transform:scaleX(0);transition:width 300ms ease, transform 300ms ease}.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{visibility:visible;width:auto;transform:scaleX(1);transition:width 300ms ease, transform 300ms ease}.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-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.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{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva :host(.user-is-tabbing) .duet-chip-focus,:host(.user-is-tabbing) .duet-chip-focus.duet-theme-turva,.duet-theme-turva :host(.user-is-tabbing) .duet-chip-delete-focus .duet-chip-remove-button,:host(.user-is-tabbing) .duet-chip-delete-focus .duet-chip-remove-button.duet-theme-turva{outline-color:rgba(53, 79, 101, 0.8)}.duet-chip-container input,*::slotted([slot=input]){position:absolute !important;top:0;left:0;z-index:-1;width:100%;height:100%;margin:0;appearance:none;cursor:pointer;border-width:2px;border-radius:8px;opacity:0}*::slotted([slot=input]:not([aria-disabled=true])){z-index:1}.duet-chip-container.duet-theme-turva{color:rgb(23, 42, 59) !important;background:rgb(255, 255, 255);border-color:rgb(178, 194, 205)}.duet-chip-container.duet-theme-turva:hover{border-color:rgb(230, 23, 64)}.duet-chip-container.duet-theme-turva.duet-chip-disabled{color:rgb(120, 145, 164) !important;background:rgb(245, 246, 247);border-color:rgb(245, 246, 247)}.duet-chip-container.duet-theme-turva.duet-chip-disabled:hover{background:rgb(245, 246, 247);border-color:rgb(245, 246, 247)}.duet-chip-container.duet-theme-turva.duet-chip-filter-checked,.duet-chip-container.duet-theme-turva.duet-chip-radio-checked{background:rgb(253, 247, 242);border-color:rgb(230, 23, 64)}.duet-chip-container.duet-theme-turva.duet-chip-filter-checked:hover,.duet-chip-container.duet-theme-turva.duet-chip-radio-checked:hover{background:rgb(251, 225, 209)}.duet-chip-container.duet-theme-turva.duet-chip-filter-popup-open{background:rgb(253, 247, 242);border-color:rgb(178, 194, 205)}.duet-chip-container.duet-theme-turva.duet-chip-input .duet-chip-remove-button:hover{background:rgb(255, 242, 242)}.duet-chip-container.duet-theme-turva.duet-chip-input.duet-chip-selected{background:rgb(255, 242, 242)}.duet-chip-container.duet-theme-turva.duet-chip-input.duet-chip-selected.duet-chip-hover{background:rgb(255, 229, 230);background-clip:padding-box}.duet-chip-container.duet-theme-turva.duet-chip-input.duet-chip-selected .duet-chip-remove-button:hover{background:rgb(255, 201, 204);background-clip:padding-box}.duet-chip-container.duet-theme-turva.duet-chip-input:hover{border-color:rgb(178, 194, 205)}.duet-chip-container.duet-theme-turva.duet-chip-input.duet-chip-hover,.duet-chip-container.duet-theme-turva.duet-chip-input.duet-chip-selected{border-color:rgb(230, 23, 64)}";
@@ -100,7 +100,9 @@ const DuetChip = class {
             radioInput.ariaDisabled = this.disabled ? "true" : undefined;
             radioInput.id = this.identifier || this.chipId;
             radioInput.type = "radio";
-            radioInput.name = this.name;
+            if (radioInput.name !== this.name) {
+                radioInput.name = this.name;
+            }
             radioInput.value = this.value;
             radioInput.checked = this.checked;
             radioInput.ariaLabel = this.element.textContent;
@@ -343,7 +345,7 @@ const DuetChip = class {
             onBlur: this.onBlur,
             ref: el => (this.focusableElement = el),
         };
-        return (index.h(index.Host, { key: '767a15cc909e022208fcde5be228793bee3b6976', class: { [this.variation]: true } }, this.variation === "button" && (index.h("span", { key: 'c8825faa73dbdcdcb1205a23cda99d78a3260094', class: classes }, index.h("button", Object.assign({ key: 'e6da48743479479b5297d5d6ab907ff496d16ffc', 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: '96950c91e2d34903ddccd8e9db3af5d0768965cb', class: "duet-chip-icon-container" }, this.icon && (index.h("duet-icon", { key: '51549e09fbf833745b858e166b074a136afbdf74', name: this.icon, size: "x-small", margin: "none", color: "currentColor" }))), index.h("slot", { key: '9feae0579ee54a12770b88ec4f6c4ea1d19b9150' })))), this.variation === "input" && (index.h("span", { key: '6da4e282e09b8c5d597c889d7f213e40be19668d', class: classes, "aria-label": this.getAccessibleInputChipLabel() }, index.h("button", Object.assign({ key: '188896fb3724b4e136d4dae90ddfa19948c45417', 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: '55b16c4be2ba628ad94bc2dbb5115a52e6e06f14', class: "duet-chip-icon-container" }, this.icon && (index.h("duet-icon", { key: 'b290e850434af122fc074a33ad80e79284b63f04', name: this.icon, size: "x-small", margin: "none", color: "currentColor" }))), index.h("slot", { key: '85481330d91a6fda693bd86588333d8b721ea9d7' })), index.h("button", { key: '8eec4cb37be314a064f5638b0ed412d5c450fd83', 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: '8efbe50fabd85dd7599e4a3b304d06c023c5e150', name: "activity-close", size: "xx-small", margin: "none", color: "currentColor" })))), this.variation === "filter" && (index.h("span", { key: '789ab88639feff72321c139d23afab0ddcfeaca9', class: classes }, index.h("input", Object.assign({ key: '611a30eed4de5b7c4fd0153006db23f7ad16f797', "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: '574fa08ad87d0337be9d919367fca851ce1230fc', htmlFor: identifier }, this.icon && (index.h("span", { key: 'e1c2ccf10a2be64b8d7e17b244f7c0c618262160', class: "duet-chip-icon-container" }, index.h("duet-icon", { key: 'a91294fe02e8444302c3f75a94e90fddb9a3b0ca', name: this.icon, size: this.size === "large" ? "small" : "x-small", margin: "none", color: "currentColor" }), index.h("duet-icon", { key: '1f4eae14832b5ba6cd943ddd69a69841b4b4e494', name: "messaging-checked-small", size: this.size === "large" ? "x-small" : "xx-small", margin: "none", color: "currentColor", class: "check-mark" }))), index.h("slot", { key: '6685426d95bfccb9d349d357fdda0311af132d08' }), this.popupElement && (index.h("span", { key: '6736d4b0b1b32d092bb2896ae909812e2abaede9', class: "duet-chip-popup-disclosure" }, index.h("duet-icon", { key: '68f49f84e631f7fcb4010f0b748c380aea6c9fda', name: "action-arrow-down-small", size: this.size === "large" ? "xx-small" : "xxx-small", margin: "none", color: "currentColor" })))))), this.variation === "radio" && (index.h("span", { key: '8e95895e06e422064e64a037cb7fecc560614043', class: classes }, index.h("slot", { key: 'ef700ca570f14aa7306abf57a071bdf9f102abb3', name: "input" }), index.h("label", { key: '599aec04fc86a809f0e4d86cdde2c329c160ef7c', htmlFor: identifier }, this.icon && (index.h("span", { key: '9b138f1e3303ac8b6143756af5a371e2972925de', class: "duet-chip-icon-container" }, index.h("duet-icon", { key: '4b4fe62396483bcd44270c0a9e6fb592caf903b6', name: this.icon, size: this.size === "large" ? "small" : "x-small", margin: "none", color: "currentColor" }), index.h("duet-icon", { key: '53bad7860f10b420e15875726dbd423148785873', name: "messaging-checked-small", size: "xx-small", margin: "none", color: "currentColor", class: "check-mark" }))), index.h("slot", { key: '9c2141abc5349eb9e4fa1ee8a93a99dffcefc829' }))))));
+        return (index.h(index.Host, { key: 'a02dfd14dbc6adb2b4603f1032071f973ed2ccde', class: { [this.variation]: true } }, this.variation === "button" && (index.h("span", { key: 'f6f837561846f06857082a732a01dc00be276bab', class: classes }, index.h("button", Object.assign({ key: '614901de9dce1a3613e710f2144dd9cd8f3e635a', 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: 'f0bbf7f4631fb86dc23a381c25c03cabe947cc3e', class: "duet-chip-icon-container" }, this.icon && (index.h("duet-icon", { key: '6a7c79b76c0fd5d06b4b4d3f6640459cd6d6298d', name: this.icon, size: "x-small", margin: "none", color: "currentColor" }))), index.h("slot", { key: '397dbf6b64587f75b1fc3f3d3f0bf12a0e4df881' })))), this.variation === "input" && (index.h("span", { key: '5ee6a9d0856e2879420676696e360c78205041cc', class: classes, "aria-label": this.getAccessibleInputChipLabel() }, index.h("button", Object.assign({ key: '4bbbbdece24e710ce9933ff9f91a9c800b3e58fe', 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: 'd1aef801dcf90532b29fc97c01b7456d8487f44a', class: "duet-chip-icon-container" }, this.icon && (index.h("duet-icon", { key: 'a63f98e142a1a3b23fc95d5fc1da841d377e10ce', name: this.icon, size: "x-small", margin: "none", color: "currentColor" }))), index.h("slot", { key: '11f084e182d0c9d6aa3662bcce61235e8ec76fcf' })), index.h("button", { key: '777701d86d7a3c4dc31e94d11e3e127ed7d2e1fd', 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: '856fed5273e55797d4824c153cf2cb3278e9a2b4', name: "activity-close", size: "xx-small", margin: "none", color: "currentColor" })))), this.variation === "filter" && (index.h("span", { key: '679cda39bb299541877fe34081bc414119d49455', class: classes }, index.h("input", Object.assign({ key: '7ccb0cad55edef64e3d261416384871b5474908e', "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: 'c0bc9afaac898ec41d39ae2fd4908389b3ac065a', htmlFor: identifier }, this.icon && (index.h("span", { key: '15038fc3a98b2486a950d1b64d2b54ee6e479393', class: "duet-chip-icon-container" }, index.h("duet-icon", { key: '592062e0add70bea207fef298935a3c2d0a6fdb4', name: this.icon, size: this.size === "large" ? "small" : "x-small", margin: "none", color: "currentColor" }), index.h("duet-icon", { key: 'e55ffd29e3d14b71be6c15f59bc36395d5868269', name: "messaging-checked-small", size: this.size === "large" ? "x-small" : "xx-small", margin: "none", color: "currentColor", class: "check-mark" }))), index.h("slot", { key: '5aab1d1c1dfae62c0801d8b726cd78ce24fb8c2d' }), this.popupElement && (index.h("span", { key: '8ce9e5d7685346af76deb8d9561e149033b723c5', class: "duet-chip-popup-disclosure" }, index.h("duet-icon", { key: 'a6a23f49aa4b6a182edd3b135b695a42089b8c5a', name: "action-arrow-down-small", size: this.size === "large" ? "xx-small" : "xxx-small", margin: "none", color: "currentColor" })))))), this.variation === "radio" && (index.h("span", { key: '6d61938382d8ff58e4a817cce31928d191cf5abb', class: classes }, index.h("slot", { key: '72b0c769e2bee8de5fc6f834232aae55555e7835', name: "input" }), index.h("label", { key: '3ad924385c4d43e905cc42efaa016fd90e3854b5', htmlFor: identifier }, this.icon && (index.h("span", { key: 'e5d698e18b0bf9e37db7b13fc4a96124736be144', class: "duet-chip-icon-container" }, index.h("duet-icon", { key: '3101dbabb443a5b23cc7c94ad5bbdb0fbbcc930b', name: this.icon, size: this.size === "large" ? "small" : "x-small", margin: "none", color: "currentColor" }), index.h("duet-icon", { key: '0084200969cb3a17c048869ba10fdefd28dbc7ed', name: "messaging-checked-small", size: "xx-small", margin: "none", color: "currentColor", class: "check-mark" }))), index.h("slot", { key: 'e43b1bdf08e27bf2dcc164a45bf088451b742e88' }))))));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -3,14 +3,14 @@
  */
 'use strict';
 
-var index = require('./index-B_QTwXEx.js');
+var index = require('./index-C7Yvi8y8.js');
 var _commonjsHelpers = require('./_commonjsHelpers-4N64IRaP.js');
-var themeableComponent = require('./themeable-component-h3OzJgCb.js');
+var themeableComponent = require('./themeable-component-hQ83w5_A.js');
 var commonStrings = require('./common-strings-DMaSb4Ld.js');
 var createId = require('./create-id-DtslnIOq.js');
 var keyboardUtils = require('./keyboard-utils-D9UlHbik.js');
-var languageUtils = require('./language-utils-DjtvVntE.js');
-var slotUtils = require('./slot-utils-YUU0XWn9.js');
+var languageUtils = require('./language-utils-BsevPDrN.js');
+var slotUtils = require('./slot-utils-DIDW777s.js');
 require('./string-utils-B35hEUBv.js');
 
 var messagingInfo;
@@ -189,7 +189,9 @@ const DuetChoice = class {
             input.disabled = this.getDisabled();
             input.id = this.identifier || this.choiceId;
             input.type = this.type;
-            input.name = this.name;
+            if (input.name !== this.name) {
+                input.name = this.name;
+            }
             input.value = this.value;
             input.checked = this.checked;
             input.required = this.required;
@@ -435,7 +437,7 @@ const DuetChoice = class {
      * Always the last one in the class.
      */
     render() {
-        return (index.h(index.Host, { key: '20fca5910765c8cca647f5632a5b922957ab3295', class: {
+        return (index.h(index.Host, { key: 'c4b3a5c501d38245acc5af3e2b9f544bd0bf7072', class: {
                 horizontal: this.groupDirection === "horizontal" && !this.groupResponsive,
                 [`horizontal-responsive-${this.groupResponsive}`]: this.groupDirection === "horizontal" && !!this.groupResponsive,
                 "vertical-stretch": this.groupDirection === "horizontal",
@@ -444,10 +446,10 @@ const DuetChoice = class {
                 "duet-theme-turva": this.theme === "turva",
                 "no-hover": this.isHovering,
                 disabled: this.getDisabled(),
-            } }, index.h("div", { key: 'fd4d2187540b58f67ba2215fb1e92ae80e1bda59', class: {
+            } }, index.h("div", { key: '795598769dac455ce019fafc78a0da012fab367e', class: {
                 "duet-choice-card-flextainer": true,
                 "duet-theme-turva": this.theme === "turva",
-            } }, index.h("div", { key: '767518376936e2ac6b0317ed2961c9832a9540f9', class: {
+            } }, index.h("div", { key: '7c2d292a71e2c29410fe1b25b23f21d2331a2441', class: {
                 "duet-choice-card": true,
                 "has-icon": !!this.icon,
                 "has-info": this.hasInfo,
@@ -456,16 +458,16 @@ const DuetChoice = class {
                 collapsible: this.collapsible,
                 "collapsible-force-expanded": this.collapsibleForceExpanded,
                 "duet-p-0": this.padding === "none",
-            } }, index.h("slot", { key: '3218ec3ce6232219942048b1dc4720e6544d5a8e', name: "choiceinput" }), index.h("label", { key: '43d66fc0a5fbe3dc91ba24b1b9a61bfe1565c9c4', class: {
+            } }, index.h("slot", { key: '7c8737f5f56691e6d91b1ef6aa88d4d429a91853', name: "choiceinput" }), index.h("label", { key: '956d1a8a3e617e20822cb45e16510552377c689a', 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: '144d416819882f6ef4d1b7e8fc2de04e045e9e6f', name: "before-text" }), this.icon && (index.h("div", { key: 'adfb01ba2ba8dd118a9780ec2e01db2efa75c0ce', class: "duet-choice-card-icon" }, index.h("duet-icon", { key: 'abf48b519c4d60cc2ce9923eaf6a1830061a13a6', margin: "none", size: "small", name: this.icon, color: "currentColor" }))), index.h("div", { key: 'ddccee835dbdc2c123fc51ec2ced2539515f5e07', class: "duet-choice-card-text" }, index.h("div", { key: '68c2770f71856d031a720d03242809bcae202624' }, this.hasLabel ? index.h("slot", { name: "label" }) : this.label), this.caption && (index.h("div", { key: '67a7ead271ee52570028c6f2ce64267c9b7e687d' }, index.h("duet-spacer", { key: 'eb726497b2e68a5ddc43486af8fa621e4a620dd0', size: "xx-small" }), index.h("duet-caption", { key: '7656a138b5d881f6aaa5ce978816d550d30debd4', margin: "none", selected: this.checked }, this.caption))), this.hasAdditional && (index.h("div", { key: 'ed0700c59f2e492ba38dd03f1157332ac5794003' }, index.h("duet-spacer", { key: 'e45435defc128599b911095c8d845a4b19b5085c', size: "xx-small" }), index.h("slot", { key: 'aff1622080409265769aad87862ad14e6f4e96a1', name: "additional" })))), index.h("div", { key: '01f506c4af993b10b3f651a4175a3f93288ffac4' }, index.h("div", { key: '9d328e36a1e61a1ebec8bc5bab0fdbce0ba03cc2', class: { "duet-checkmark-container": true, "duet-checkmark-radio": this.type === "radio" } }, this.checked && index.h("div", { key: 'ebad90b11052d439d9a9c3243fa32a621d770215', class: "duet-checkmark" }))))), this.hasInfo && !this.collapsible && (index.h("button", { key: 'a1d78aab1bd360876936e79ad1c8a00d534ad2d5', ref: button => (this.infoButtonEl = button), id: this.infoButtonId, class: {
+            }, onClick: this.onClick }, this.hasBeforeText && index.h("slot", { key: '8e06e00faf592c2217bcdf4125de0a3fbe688226', name: "before-text" }), this.icon && (index.h("div", { key: 'a03eb510213a5dacea0ea1a8fba5c59e3f7b5adf', class: "duet-choice-card-icon" }, index.h("duet-icon", { key: '6f1da454489ebc91e044c73bcaa72e4dc0cbc434', margin: "none", size: "small", name: this.icon, color: "currentColor" }))), index.h("div", { key: '7ae5d20c3621b1ea86a08e01752a1501f4c6141f', class: "duet-choice-card-text" }, index.h("div", { key: '48924d49aa8990d06b898d5e859d3259340424f3' }, this.hasLabel ? index.h("slot", { name: "label" }) : this.label), this.caption && (index.h("div", { key: '159e947250b2e752ede4b9e1cc239a17beb56e4a' }, index.h("duet-spacer", { key: '841d4ceb579eafb87c381f78c4a62d6943480702', size: "xx-small" }), index.h("duet-caption", { key: 'da80efff2d5db1ac58bcba1074d2acd8ebe49fc4', margin: "none", selected: this.checked }, this.caption))), this.hasAdditional && (index.h("div", { key: '990e772b8ed9d22a20f5a6718d5884d49135b6b1' }, index.h("duet-spacer", { key: '691495c8aeb63a55951a36c28f15bcb049c9d36e', size: "xx-small" }), index.h("slot", { key: 'ba5ca5f8c750aa685ae9560f482401e315e1700b', name: "additional" })))), index.h("div", { key: 'a5a27faf19b806f0cbe5d78c751acbc05cd70a4e' }, index.h("div", { key: '5191f1bc54972485f2850139cf7dedb0c66e0f69', class: { "duet-checkmark-container": true, "duet-checkmark-radio": this.type === "radio" } }, this.checked && index.h("div", { key: 'abe835c0eb8f2917a1e1e87b883d9a43c8883ae6', class: "duet-checkmark" }))))), this.hasInfo && !this.collapsible && (index.h("button", { key: '232418bd6f978e77039ebea2bdea0388efeae571', 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: '8c394a1cc633e65e9f8c9162fbe4c361e37a15f6', class: "duet-choice-info-icon" }, index.h("duet-icon", { key: '52c25fe2a72346e9efde109af0736ec6673dfc0e', icon: infoIcon.svg, margin: "none", size: "small", color: "currentColor" }))))), this.collapsible && (index.h("span", { key: 'dda02c201e7874c64ed98b6b48e30f734bc8ecb8', 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: 'cd5726ddd6b87acb1c4a8b0661906c4555c8371a', class: "duet-choice-info-icon" }, index.h("duet-icon", { key: 'd2d3d9bc3e7862c2f01ba3b2ad27dd7662c0a8a4', icon: infoIcon.svg, margin: "none", size: "small", color: "currentColor" }))))), this.collapsible && (index.h("span", { key: 'eab4a0209ba1f4fe2bb7a4be8971f843a67b77e6', 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: "-1", 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));
@@ -647,14 +649,14 @@ const DuetChoiceGroup = class {
      * Always the last one in the class.
      */
     render() {
-        return (index.h(index.Host, { key: '76d5ad8cc7a9f59c9ab08932b3e6e6596ff1f9d0', onDuetChange: this.onSelect, onDuetChoiceReady: this.onChoiceReady, class: {
+        return (index.h(index.Host, { key: '39267534dcf19f7f942ef44d869d302552ad8463', onDuetChange: this.onSelect, onDuetChoiceReady: this.onChoiceReady, 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: 'ade69113f55cbcc86f0504f857ede704aa4c0075', 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: '388b1ccb2ac2ba51cb35dbe6f9f824183f0d3f0f', slot: "tooltip", direction: this.tooltipDirection, accessibleInputLabel: this.label }, this.tooltip)), index.h("slot", { key: '104f30e94ea5413347edb6abc1975fcd9ae8ad6c', name: "tooltip", slot: "tooltip" }), index.h("div", { key: 'af118f2f9fef2e7c2a6aa8d242bdd0cb4001f328', class: { [this.choiceGroupName]: true, "duet-no-stacking": !this.responsive } }, index.h("slot", { key: 'ebb96354e1a32cb4821ad6700e0cdbe1087ee815' })))));
+            } }, index.h("duet-fieldset", { key: '1e292babf2206d42d58c46f88bed02959e595dc1', 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: '435735b34c7f437aba23bda2eebd7fa78aa30f3d', slot: "tooltip", direction: this.tooltipDirection, accessibleInputLabel: this.label }, this.tooltip)), index.h("slot", { key: '390312b35af123116ec5919b31f61d9499559813', name: "tooltip", slot: "tooltip" }), index.h("div", { key: 'fb68426f6c7feac6c767511bcaccfb6585515e3e', class: { [this.choiceGroupName]: true, "duet-no-stacking": !this.responsive } }, index.h("slot", { key: '5b26fd1d7d1239fdcdcb6d736445a6366995c3bc' })))));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {