@duetds/components 10.3.1 → 10.4.0

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

@@ -1,18 +1,18 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, h, H as Host, g as getElement, F as Fragment } from './index-DrqQiRTn.js';
-import { i as inheritGlobalTheme } from './themeable-component-BLql61nC.js';
+import { r as registerInstance, h, H as Host, g as getElement, F as Fragment } from './index-Cwhi6_oZ.js';
+import { i as inheritGlobalTheme } from './themeable-component-D_FVcjsD.js';
 import { s as sanitizeString } from './string-utils-C6E9F6QT.js';
 import { g as getColorByName } from './token-utils-B0KAgyj_.js';
 import { g as getDefaultExportFromCjs } from './_commonjsHelpers-DvwKrUS6.js';
 import { n as newWindowIcon } from './action-new-window-small-EH8_HdAm.js';
 import { a as DuetStringsExternalDefaults, f as DuetStringsDownloadLinkDefaults } from './common-strings-8RjiAqaE.js';
-import { g as getAccessibleLinkLabel } from './a11y-utils-D66Lzlz5.js';
-import { a as getLanguage, g as getLocaleString, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './language-utils-BEG0cFmw.js';
+import { g as getAccessibleLinkLabel } from './a11y-utils-sgAajRY0.js';
+import { a as getLanguage, g as getLocaleString, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './language-utils-LZh-sc2s.js';
 import { c as createID } from './create-id-Cfr_DJqU.js';
 import './tokens.module-DEzE2U5T.js';
-import './slot-utils-Dzrezpl3.js';
+import './slot-utils-CEZnAp61.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)}";
 
@@ -59,7 +59,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) {
@@ -112,7 +112,7 @@ const DuetHeading = class {
     render() {
         const TagName = sanitizeString(this.level);
         const color = getColorByName(this.color);
-        return (h(TagName, { key: '2f89171baca460e8b0b6b807a992856426a83838', class: {
+        return (h(TagName, { key: '0688ea9a9c1b36b5f8ca555051c1efa338bd1f57', class: {
                 "duet-heading": true,
                 "duet-heading-border": this.border !== false,
                 "duet-heading-border-solid": this.border === "solid",
@@ -123,7 +123,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" }, h("slot", { key: 'aded9e6a879359f85d77f436736131a26188f4dc' })));
+            }, "aria-label": this.accessibleLabel, style: { color }, part: "duet-heading" }, this.preHeading && h("span", { key: 'ca9674066e83408743dda180faa73befac1f6ee2', class: "pre-post-heading" }, this.preHeading, " "), h("slot", { key: 'e2903a1c33bc8e3681523f2ab59ce83ad258bc87' }), this.postHeading && h("span", { key: '623bec656c67630d780b7922c922bf62da571dec', class: "pre-post-heading" }, " ", this.postHeading)));
     }
     get element() { return getElement(this); }
 };
@@ -342,10 +342,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 (h(Host, { key: 'b7bc738a8b128a9e56337a4ddc2b3d8cb87d4cf6', class: {
+        return (h(Host, { key: '7fc9958dae390b84feaddc854bf6b039d3bd00a4', class: {
                 [`duet-link-${this.variation}`]: true,
                 "duet-m-0": this.margin === "none",
-            } }, h(Tag, { key: '5b530346d4036ccf8d777a2114ab74385d390eb9', href: this.url, class: {
+            } }, h(Tag, { key: '1d0baa8ee391bbfc51eb30936564d9e7d1a7de97', href: this.url, class: {
                 "duet-link": true,
                 "duet-link-is-external": this.external,
                 "duet-link-is-download": !!this.download,
@@ -415,7 +415,7 @@ const DuetParagraph = class {
         const color = getColorByName(this.color);
         // aria-describedby is to fix accessibility issue in Chrome where duet-paragraphs
         // are not announced when placed inside duet-modal
-        return (h(Host, { key: 'b0db3004861f5dfe17d4927087ba6301bc607f5d', "aria-describedby": this.id }, h("p", { key: 'f74e4f0206012d316417ea743d72cc0b76b92ee5', id: this.id, class: {
+        return (h(Host, { key: '4cb0ecf0407180c626d975cfa824d88f54e551d6', "aria-describedby": this.id }, 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",
@@ -424,7 +424,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" }, h("slot", { key: '86d18dc5cd6ed9610a477fa09b2776d4f2037346' }))));
+            }, style: { color }, part: "duet-paragraph" }, h("slot", { key: '85e03942b92c85d0ed0dd2d33baefc5995188562' }))));
     }
     get element() { return getElement(this); }
 };

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

@@ -1,12 +1,12 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, c as createEvent, h, F as Fragment, H as Host, g as getElement } from './index-DrqQiRTn.js';
+import { r as registerInstance, c as createEvent, h, F as Fragment, H as Host, g as getElement } from './index-Cwhi6_oZ.js';
 import { g as getDefaultExportFromCjs } from './_commonjsHelpers-DvwKrUS6.js';
-import { i as inheritGlobalTheme } from './themeable-component-BLql61nC.js';
+import { i as inheritGlobalTheme } from './themeable-component-D_FVcjsD.js';
 import { c as createID } from './create-id-Cfr_DJqU.js';
 import { i as isKeyboardClick, s as subscribeTabbingChange, u as unsubscribeTabbingChange } from './keyboard-utils-Db8rvjPI.js';
-import { a as getElementsFromNamedSlot } from './slot-utils-Dzrezpl3.js';
+import { a as getElementsFromNamedSlot } from './slot-utils-CEZnAp61.js';
 import { s as sanitizeString } from './string-utils-C6E9F6QT.js';
 import { g as getColorByName } from './token-utils-B0KAgyj_.js';
 import './tokens.module-DEzE2U5T.js';

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

@@ -1,10 +1,10 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-DrqQiRTn.js';
-import { i as inheritGlobalTheme } from './themeable-component-BLql61nC.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-Cwhi6_oZ.js';
+import { i as inheritGlobalTheme } from './themeable-component-D_FVcjsD.js';
 import { c as createID } from './create-id-Cfr_DJqU.js';
-import { h as hasSlot } from './slot-utils-Dzrezpl3.js';
+import { h as hasSlot } from './slot-utils-CEZnAp61.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/esm/duet-checkmark.entry.js

@@ -1,8 +1,8 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, h, H as Host } from './index-DrqQiRTn.js';
-import { i as inheritGlobalTheme } from './themeable-component-BLql61nC.js';
+import { r as registerInstance, h, H as Host } from './index-Cwhi6_oZ.js';
+import { i as inheritGlobalTheme } from './themeable-component-D_FVcjsD.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}";
 
@@ -37,11 +37,11 @@ const DuetCheckmark = class {
         inheritGlobalTheme(this);
     }
     render() {
-        return (h(Host, { key: '9a2512992413ec797c17d55d2a41908cda0e6307', class: { "duet-theme-turva": this.theme === "turva" } }, h("div", { key: 'f95a151961586c89597dd2d31436deecc0cabf4d', role: this.presentationOnly ? "presentation" : null, class: { checked: this.checked } }, h("div", { key: '42f1b50012a17910a3c1d91bac31bfc370c73abf', class: {
+        return (h(Host, { key: '9f320db3e8549d7d12de134f013789c1f412b947', class: { "duet-theme-turva": this.theme === "turva" } }, h("div", { key: 'a8fe605a230fd34d9714bd5194c281b87394bd24', role: this.presentationOnly ? "presentation" : null, class: { checked: this.checked } }, h("div", { key: '91fabdc145a023efc8317ef543296d4e5e2509d9', class: {
                 "duet-checkmark-container": true,
                 center: this.center,
                 "duet-checkmark-radio": this.type === "radio",
-            } }, this.checked && h("div", { key: 'ed62491f54edf398da1c22ae672683107b6aa8bc', class: "duet-checkmark" })))));
+            } }, this.checked && h("div", { key: '9a418c3b3cd7c451f52003eb5efe16e90a4d5841', class: "duet-checkmark" })))));
     }
 };
 DuetCheckmark.style = duetCheckmarkCss;

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

@@ -1,11 +1,11 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-DrqQiRTn.js';
-import { i as inheritGlobalTheme } from './themeable-component-BLql61nC.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-Cwhi6_oZ.js';
+import { i as inheritGlobalTheme } from './themeable-component-D_FVcjsD.js';
 import { c as createID } from './create-id-Cfr_DJqU.js';
 import { s as subscribeTabbingChange, u as unsubscribeTabbingChange, h as enableUserIsTabbing } from './keyboard-utils-Db8rvjPI.js';
-import { g as getLocaleString } from './language-utils-BEG0cFmw.js';
+import { g as getLocaleString } from './language-utils-LZh-sc2s.js';
 import './string-utils-C6E9F6QT.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)}";
@@ -98,7 +98,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;
@@ -341,7 +343,7 @@ const DuetChip = class {
             onBlur: this.onBlur,
             ref: el => (this.focusableElement = el),
         };
-        return (h(Host, { key: '767a15cc909e022208fcde5be228793bee3b6976', class: { [this.variation]: true } }, this.variation === "button" && (h("span", { key: 'c8825faa73dbdcdcb1205a23cda99d78a3260094', class: classes }, 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), h("span", { key: '96950c91e2d34903ddccd8e9db3af5d0768965cb', class: "duet-chip-icon-container" }, this.icon && (h("duet-icon", { key: '51549e09fbf833745b858e166b074a136afbdf74', name: this.icon, size: "x-small", margin: "none", color: "currentColor" }))), h("slot", { key: '9feae0579ee54a12770b88ec4f6c4ea1d19b9150' })))), this.variation === "input" && (h("span", { key: '6da4e282e09b8c5d597c889d7f213e40be19668d', class: classes, "aria-label": this.getAccessibleInputChipLabel() }, 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), h("span", { key: '55b16c4be2ba628ad94bc2dbb5115a52e6e06f14', class: "duet-chip-icon-container" }, this.icon && (h("duet-icon", { key: 'b290e850434af122fc074a33ad80e79284b63f04', name: this.icon, size: "x-small", margin: "none", color: "currentColor" }))), h("slot", { key: '85481330d91a6fda693bd86588333d8b721ea9d7' })), 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) }, h("duet-icon", { key: '8efbe50fabd85dd7599e4a3b304d06c023c5e150', name: "activity-close", size: "xx-small", margin: "none", color: "currentColor" })))), this.variation === "filter" && (h("span", { key: '789ab88639feff72321c139d23afab0ddcfeaca9', class: classes }, 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)), h("label", { key: '574fa08ad87d0337be9d919367fca851ce1230fc', htmlFor: identifier }, this.icon && (h("span", { key: 'e1c2ccf10a2be64b8d7e17b244f7c0c618262160', class: "duet-chip-icon-container" }, h("duet-icon", { key: 'a91294fe02e8444302c3f75a94e90fddb9a3b0ca', name: this.icon, size: this.size === "large" ? "small" : "x-small", margin: "none", color: "currentColor" }), h("duet-icon", { key: '1f4eae14832b5ba6cd943ddd69a69841b4b4e494', name: "messaging-checked-small", size: this.size === "large" ? "x-small" : "xx-small", margin: "none", color: "currentColor", class: "check-mark" }))), h("slot", { key: '6685426d95bfccb9d349d357fdda0311af132d08' }), this.popupElement && (h("span", { key: '6736d4b0b1b32d092bb2896ae909812e2abaede9', class: "duet-chip-popup-disclosure" }, 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" && (h("span", { key: '8e95895e06e422064e64a037cb7fecc560614043', class: classes }, h("slot", { key: 'ef700ca570f14aa7306abf57a071bdf9f102abb3', name: "input" }), h("label", { key: '599aec04fc86a809f0e4d86cdde2c329c160ef7c', htmlFor: identifier }, this.icon && (h("span", { key: '9b138f1e3303ac8b6143756af5a371e2972925de', class: "duet-chip-icon-container" }, h("duet-icon", { key: '4b4fe62396483bcd44270c0a9e6fb592caf903b6', name: this.icon, size: this.size === "large" ? "small" : "x-small", margin: "none", color: "currentColor" }), h("duet-icon", { key: '53bad7860f10b420e15875726dbd423148785873', name: "messaging-checked-small", size: "xx-small", margin: "none", color: "currentColor", class: "check-mark" }))), h("slot", { key: '9c2141abc5349eb9e4fa1ee8a93a99dffcefc829' }))))));
+        return (h(Host, { key: 'a02dfd14dbc6adb2b4603f1032071f973ed2ccde', class: { [this.variation]: true } }, this.variation === "button" && (h("span", { key: 'f6f837561846f06857082a732a01dc00be276bab', class: classes }, 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), h("span", { key: 'f0bbf7f4631fb86dc23a381c25c03cabe947cc3e', class: "duet-chip-icon-container" }, this.icon && (h("duet-icon", { key: '6a7c79b76c0fd5d06b4b4d3f6640459cd6d6298d', name: this.icon, size: "x-small", margin: "none", color: "currentColor" }))), h("slot", { key: '397dbf6b64587f75b1fc3f3d3f0bf12a0e4df881' })))), this.variation === "input" && (h("span", { key: '5ee6a9d0856e2879420676696e360c78205041cc', class: classes, "aria-label": this.getAccessibleInputChipLabel() }, 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), h("span", { key: 'd1aef801dcf90532b29fc97c01b7456d8487f44a', class: "duet-chip-icon-container" }, this.icon && (h("duet-icon", { key: 'a63f98e142a1a3b23fc95d5fc1da841d377e10ce', name: this.icon, size: "x-small", margin: "none", color: "currentColor" }))), h("slot", { key: '11f084e182d0c9d6aa3662bcce61235e8ec76fcf' })), 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) }, h("duet-icon", { key: '856fed5273e55797d4824c153cf2cb3278e9a2b4', name: "activity-close", size: "xx-small", margin: "none", color: "currentColor" })))), this.variation === "filter" && (h("span", { key: '679cda39bb299541877fe34081bc414119d49455', class: classes }, 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)), h("label", { key: 'c0bc9afaac898ec41d39ae2fd4908389b3ac065a', htmlFor: identifier }, this.icon && (h("span", { key: '15038fc3a98b2486a950d1b64d2b54ee6e479393', class: "duet-chip-icon-container" }, h("duet-icon", { key: '592062e0add70bea207fef298935a3c2d0a6fdb4', name: this.icon, size: this.size === "large" ? "small" : "x-small", margin: "none", color: "currentColor" }), h("duet-icon", { key: 'e55ffd29e3d14b71be6c15f59bc36395d5868269', name: "messaging-checked-small", size: this.size === "large" ? "x-small" : "xx-small", margin: "none", color: "currentColor", class: "check-mark" }))), h("slot", { key: '5aab1d1c1dfae62c0801d8b726cd78ce24fb8c2d' }), this.popupElement && (h("span", { key: '8ce9e5d7685346af76deb8d9561e149033b723c5', class: "duet-chip-popup-disclosure" }, 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" && (h("span", { key: '6d61938382d8ff58e4a817cce31928d191cf5abb', class: classes }, h("slot", { key: '72b0c769e2bee8de5fc6f834232aae55555e7835', name: "input" }), h("label", { key: '3ad924385c4d43e905cc42efaa016fd90e3854b5', htmlFor: identifier }, this.icon && (h("span", { key: 'e5d698e18b0bf9e37db7b13fc4a96124736be144', class: "duet-chip-icon-container" }, h("duet-icon", { key: '3101dbabb443a5b23cc7c94ad5bbdb0fbbcc930b', name: this.icon, size: this.size === "large" ? "small" : "x-small", margin: "none", color: "currentColor" }), h("duet-icon", { key: '0084200969cb3a17c048869ba10fdefd28dbc7ed', name: "messaging-checked-small", size: "xx-small", margin: "none", color: "currentColor", class: "check-mark" }))), h("slot", { key: 'e43b1bdf08e27bf2dcc164a45bf088451b742e88' }))))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {

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

@@ -1,14 +1,14 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-DrqQiRTn.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-Cwhi6_oZ.js';
 import { g as getDefaultExportFromCjs } from './_commonjsHelpers-DvwKrUS6.js';
-import { i as inheritGlobalTheme } from './themeable-component-BLql61nC.js';
+import { i as inheritGlobalTheme } from './themeable-component-D_FVcjsD.js';
 import { a as DuetStringsExternalDefaults } from './common-strings-8RjiAqaE.js';
 import { c as createID } from './create-id-Cfr_DJqU.js';
 import { i as isKeyboardClick, n as isQuestionKey, s as subscribeTabbingChange, u as unsubscribeTabbingChange, a as isEscapeKey } from './keyboard-utils-Db8rvjPI.js';
-import { g as getLocaleString, a as getLanguage, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './language-utils-BEG0cFmw.js';
-import { h as hasSlot, a as getElementsFromNamedSlot, c as checkNamedSlotElement } from './slot-utils-Dzrezpl3.js';
+import { g as getLocaleString, a as getLanguage, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './language-utils-LZh-sc2s.js';
+import { h as hasSlot, a as getElementsFromNamedSlot, c as checkNamedSlotElement } from './slot-utils-CEZnAp61.js';
 import './string-utils-C6E9F6QT.js';
 
 var messagingInfo;
@@ -187,7 +187,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;
@@ -433,7 +435,7 @@ const DuetChoice = class {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: '20fca5910765c8cca647f5632a5b922957ab3295', class: {
+        return (h(Host, { key: 'c4b3a5c501d38245acc5af3e2b9f544bd0bf7072', class: {
                 horizontal: this.groupDirection === "horizontal" && !this.groupResponsive,
                 [`horizontal-responsive-${this.groupResponsive}`]: this.groupDirection === "horizontal" && !!this.groupResponsive,
                 "vertical-stretch": this.groupDirection === "horizontal",
@@ -442,10 +444,10 @@ const DuetChoice = class {
                 "duet-theme-turva": this.theme === "turva",
                 "no-hover": this.isHovering,
                 disabled: this.getDisabled(),
-            } }, h("div", { key: 'fd4d2187540b58f67ba2215fb1e92ae80e1bda59', class: {
+            } }, h("div", { key: '795598769dac455ce019fafc78a0da012fab367e', class: {
                 "duet-choice-card-flextainer": true,
                 "duet-theme-turva": this.theme === "turva",
-            } }, h("div", { key: '767518376936e2ac6b0317ed2961c9832a9540f9', class: {
+            } }, h("div", { key: '7c2d292a71e2c29410fe1b25b23f21d2331a2441', class: {
                 "duet-choice-card": true,
                 "has-icon": !!this.icon,
                 "has-info": this.hasInfo,
@@ -454,16 +456,16 @@ const DuetChoice = class {
                 collapsible: this.collapsible,
                 "collapsible-force-expanded": this.collapsibleForceExpanded,
                 "duet-p-0": this.padding === "none",
-            } }, h("slot", { key: '3218ec3ce6232219942048b1dc4720e6544d5a8e', name: "choiceinput" }), h("label", { key: '43d66fc0a5fbe3dc91ba24b1b9a61bfe1565c9c4', class: {
+            } }, h("slot", { key: '7c8737f5f56691e6d91b1ef6aa88d4d429a91853', name: "choiceinput" }), 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 && h("slot", { key: '144d416819882f6ef4d1b7e8fc2de04e045e9e6f', name: "before-text" }), this.icon && (h("div", { key: 'adfb01ba2ba8dd118a9780ec2e01db2efa75c0ce', class: "duet-choice-card-icon" }, h("duet-icon", { key: 'abf48b519c4d60cc2ce9923eaf6a1830061a13a6', margin: "none", size: "small", name: this.icon, color: "currentColor" }))), h("div", { key: 'ddccee835dbdc2c123fc51ec2ced2539515f5e07', class: "duet-choice-card-text" }, h("div", { key: '68c2770f71856d031a720d03242809bcae202624' }, this.hasLabel ? h("slot", { name: "label" }) : this.label), this.caption && (h("div", { key: '67a7ead271ee52570028c6f2ce64267c9b7e687d' }, h("duet-spacer", { key: 'eb726497b2e68a5ddc43486af8fa621e4a620dd0', size: "xx-small" }), h("duet-caption", { key: '7656a138b5d881f6aaa5ce978816d550d30debd4', margin: "none", selected: this.checked }, this.caption))), this.hasAdditional && (h("div", { key: 'ed0700c59f2e492ba38dd03f1157332ac5794003' }, h("duet-spacer", { key: 'e45435defc128599b911095c8d845a4b19b5085c', size: "xx-small" }), h("slot", { key: 'aff1622080409265769aad87862ad14e6f4e96a1', name: "additional" })))), h("div", { key: '01f506c4af993b10b3f651a4175a3f93288ffac4' }, h("div", { key: '9d328e36a1e61a1ebec8bc5bab0fdbce0ba03cc2', class: { "duet-checkmark-container": true, "duet-checkmark-radio": this.type === "radio" } }, this.checked && h("div", { key: 'ebad90b11052d439d9a9c3243fa32a621d770215', class: "duet-checkmark" }))))), this.hasInfo && !this.collapsible && (h("button", { key: 'a1d78aab1bd360876936e79ad1c8a00d534ad2d5', ref: button => (this.infoButtonEl = button), id: this.infoButtonId, class: {
+            }, onClick: this.onClick }, this.hasBeforeText && h("slot", { key: '8e06e00faf592c2217bcdf4125de0a3fbe688226', name: "before-text" }), this.icon && (h("div", { key: 'a03eb510213a5dacea0ea1a8fba5c59e3f7b5adf', class: "duet-choice-card-icon" }, h("duet-icon", { key: '6f1da454489ebc91e044c73bcaa72e4dc0cbc434', margin: "none", size: "small", name: this.icon, color: "currentColor" }))), h("div", { key: '7ae5d20c3621b1ea86a08e01752a1501f4c6141f', class: "duet-choice-card-text" }, h("div", { key: '48924d49aa8990d06b898d5e859d3259340424f3' }, this.hasLabel ? h("slot", { name: "label" }) : this.label), this.caption && (h("div", { key: '159e947250b2e752ede4b9e1cc239a17beb56e4a' }, h("duet-spacer", { key: '841d4ceb579eafb87c381f78c4a62d6943480702', size: "xx-small" }), h("duet-caption", { key: 'da80efff2d5db1ac58bcba1074d2acd8ebe49fc4', margin: "none", selected: this.checked }, this.caption))), this.hasAdditional && (h("div", { key: '990e772b8ed9d22a20f5a6718d5884d49135b6b1' }, h("duet-spacer", { key: '691495c8aeb63a55951a36c28f15bcb049c9d36e', size: "xx-small" }), h("slot", { key: 'ba5ca5f8c750aa685ae9560f482401e315e1700b', name: "additional" })))), h("div", { key: 'a5a27faf19b806f0cbe5d78c751acbc05cd70a4e' }, h("div", { key: '5191f1bc54972485f2850139cf7dedb0c66e0f69', class: { "duet-checkmark-container": true, "duet-checkmark-radio": this.type === "radio" } }, this.checked && h("div", { key: 'abe835c0eb8f2917a1e1e87b883d9a43c8883ae6', class: "duet-checkmark" }))))), this.hasInfo && !this.collapsible && (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) }, h("div", { key: '8c394a1cc633e65e9f8c9162fbe4c361e37a15f6', class: "duet-choice-info-icon" }, h("duet-icon", { key: '52c25fe2a72346e9efde109af0736ec6673dfc0e', icon: infoIcon.svg, margin: "none", size: "small", color: "currentColor" }))))), this.collapsible && (h("span", { key: 'dda02c201e7874c64ed98b6b48e30f734bc8ecb8', id: `${this.choiceId}-collapsible-notification`, hidden: true }, this.collapsibleNotification)), this.collapsible || this.hasInfo ? (h("div", { class: this.getClassNames(), id: this.expandId }, 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) }, h("div", { key: 'cd5726ddd6b87acb1c4a8b0661906c4555c8371a', class: "duet-choice-info-icon" }, h("duet-icon", { key: 'd2d3d9bc3e7862c2f01ba3b2ad27dd7662c0a8a4', icon: infoIcon.svg, margin: "none", size: "small", color: "currentColor" }))))), this.collapsible && (h("span", { key: 'eab4a0209ba1f4fe2bb7a4be8971f843a67b77e6', id: `${this.choiceId}-collapsible-notification`, hidden: true }, this.collapsibleNotification)), this.collapsible || this.hasInfo ? (h("div", { class: this.getClassNames(), id: this.expandId }, h("span", { class: {
                 "duet-choice-section-visible": this.collapsible ? this.getExpanded() : this.isInfoOpen,
                 "duet-choice-section-hidden": this.collapsible ? !this.getExpanded() : !this.isInfoOpen,
             } }, h("span", { id: this.headerId }, h("slot", { name: "header" })), this.hasInfo ? (h("span", { ref: span => (this.infoContainer = span), tabindex: "-1", class: "duet-choice-info-container", onKeyUp: e => this.handleEscape(e) }, h("span", null, h("slot", { name: "info" })), h("slot", null))) : (h("span", { id: `${this.choiceId}-collapsible-content` }, h("slot", null)))))) : null));
@@ -645,14 +647,14 @@ const DuetChoiceGroup = class {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: '76d5ad8cc7a9f59c9ab08932b3e6e6596ff1f9d0', onDuetChange: this.onSelect, onDuetChoiceReady: this.onChoiceReady, class: {
+        return (h(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",
-            } }, 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 && (h("duet-tooltip", { key: '388b1ccb2ac2ba51cb35dbe6f9f824183f0d3f0f', slot: "tooltip", direction: this.tooltipDirection, accessibleInputLabel: this.label }, this.tooltip)), h("slot", { key: '104f30e94ea5413347edb6abc1975fcd9ae8ad6c', name: "tooltip", slot: "tooltip" }), h("div", { key: 'af118f2f9fef2e7c2a6aa8d242bdd0cb4001f328', class: { [this.choiceGroupName]: true, "duet-no-stacking": !this.responsive } }, h("slot", { key: 'ebb96354e1a32cb4821ad6700e0cdbe1087ee815' })))));
+            } }, 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 && (h("duet-tooltip", { key: '435735b34c7f437aba23bda2eebd7fa78aa30f3d', slot: "tooltip", direction: this.tooltipDirection, accessibleInputLabel: this.label }, this.tooltip)), h("slot", { key: '390312b35af123116ec5919b31f61d9499559813', name: "tooltip", slot: "tooltip" }), h("div", { key: 'fb68426f6c7feac6c767511bcaccfb6585515e3e', class: { [this.choiceGroupName]: true, "duet-no-stacking": !this.responsive } }, h("slot", { key: '5b26fd1d7d1239fdcdcb6d736445a6366995c3bc' })))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {

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

@@ -1,13 +1,13 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-DrqQiRTn.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-Cwhi6_oZ.js';
 import { a as arrowDownIcon } from './action-arrow-down-small-Bk3GShyI.js';
 import { f as font_size_medium, t as tokens } from './tokens-Ce9HQd35.js';
-import { i as inheritGlobalTheme } from './themeable-component-BLql61nC.js';
+import { i as inheritGlobalTheme } from './themeable-component-D_FVcjsD.js';
 import { c as createID } from './create-id-Cfr_DJqU.js';
 import { i as isKeyboardClick, s as subscribeTabbingChange, u as unsubscribeTabbingChange } from './keyboard-utils-Db8rvjPI.js';
-import { d as getSlotTextContent, h as hasSlot, c as checkNamedSlotElement, a as getElementsFromNamedSlot } from './slot-utils-Dzrezpl3.js';
+import { d as getSlotTextContent, h as hasSlot, c as checkNamedSlotElement, a as getElementsFromNamedSlot } from './slot-utils-CEZnAp61.js';
 import './_commonjsHelpers-DvwKrUS6.js';
 
 const duetCollapsibleCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}::slotted([slot=after-heading]){display:inline-block}: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:block;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:600;line-height:1.5;color:rgb(8, 42, 77)}:host(.duet-m-0){margin:0 !important}.duet-collapsible-content{display:none;padding-left:18px;margin-top:8px;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:400;font-variant-numeric:tabular-nums;line-height:1.5;color:rgb(8, 42, 77);-webkit-hyphens:auto;hyphens:auto}@media (max-width: 35.9375em){.duet-collapsible-content{font-size:0.875rem}}:host([open])>.duet-collapsible-content{display:block}.duet-collapsible-heading{-webkit-user-select:none;user-select:none;display:flex;flex-direction:column;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:600;line-height:1.5;color:rgb(8, 42, 77);text-align:left;cursor:pointer;border-radius:4px}.duet-collapsible-heading:focus{outline:0}:host(.user-is-tabbing) .duet-collapsible-heading:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva :host(.user-is-tabbing) .duet-collapsible-heading:focus,:host(.user-is-tabbing) .duet-collapsible-heading:focus.duet-theme-turva{outline-color:rgba(53, 79, 101, 0.8)}.duet-collapsible-heading.full-width{width:100%}.duet-collapsible-heading.duet-collapsible-heading-centered{margin:auto}.duet-collapsible-heading.duet-collapsible-heading-centered .duet-collapsible-heading-caption{margin-inline:auto}.duet-collapsible-heading.duet-collapsible-normal-weight{font-weight:400}.duet-collapsible-heading .duet-collapsible-heading-content{min-width:0}.duet-collapsible-heading .duet-collapsible-heading-content ::slotted(*){padding:0;margin:0;font-family:inherit !important;font-size:inherit !important;font-weight:inherit !important;color:inherit !important}.duet-collapsible-heading.has-after-heading .duet-collapsible-heading-content+div{margin-left:16px}.duet-collapsible-heading.has-after-heading .duet-collapsible-heading-content+div.float-right{margin-left:auto}.duet-collapsible-heading.has-caption{gap:4px}.duet-collapsible-heading.has-caption .duet-collapsible-heading-caption{margin-left:18px;font-weight:inherit}.duet-collapsible-heading .duet-collapsible-heading-wrapper{display:flex;align-items:center;width:inherit;margin:inherit}:host(.user-is-tabbing) .duet-collapsible-heading:focus{border-radius:4px}.duet-collapsible-heading-icon{margin-right:8px !important;display:flex;align-items:center;justify-content:center;color:rgb(8, 42, 77);transition:transform 300ms ease}.duet-collapsible-heading-icon:last-child,.duet-collapsible-heading-icon:last-of-type{margin-right:0 !important}[alignment=form-distribute]>.duet-collapsible-heading-icon:last-of-type:not(:last-child){margin-right:8px !important}[aria-expanded=true] .duet-collapsible-heading-icon{transform:rotate(180deg)}:host(.negative) .duet-collapsible-heading,:host(.negative) .duet-collapsible-content,:host(.negative) .duet-collapsible-heading-icon{color:rgb(255, 255, 255)}.duet-theme-turva{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 42, 59)}.duet-theme-turva .duet-collapsible-content.duet-theme-turva,.duet-theme-turva .duet-collapsible-heading.duet-theme-turva{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 42, 59)}";

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

@@ -1,13 +1,13 @@
 /*!
  * Built with Duet Design System
  */
-import { h, r as registerInstance, c as createEvent, H as Host, g as getElement } from './index-DrqQiRTn.js';
-import { i as inheritGlobalTheme } from './themeable-component-BLql61nC.js';
+import { h, r as registerInstance, c as createEvent, H as Host, g as getElement } from './index-Cwhi6_oZ.js';
+import { i as inheritGlobalTheme } from './themeable-component-D_FVcjsD.js';
 import { c as createID } from './create-id-Cfr_DJqU.js';
 import { d as debounce } from './js-utils-BlUsLmbQ.js';
 import { c as isEnterKey, a as isEscapeKey, b as isTabKey, g as isArrowDownKey, e as isArrowUpKey } from './keyboard-utils-Db8rvjPI.js';
-import { g as getLocaleString, a as getLanguage, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './language-utils-BEG0cFmw.js';
-import { g as getElementsFromDefaultSlot } from './slot-utils-Dzrezpl3.js';
+import { g as getLocaleString, a as getLanguage, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './language-utils-LZh-sc2s.js';
+import { g as getElementsFromDefaultSlot } from './slot-utils-CEZnAp61.js';
 import { r as regexEscape, p as parsePossibleJSON } from './string-utils-C6E9F6QT.js';
 import { n as lineHeightMedium, o as spaceXSmall, p as fontSizeMedium } from './tokens.module-DEzE2U5T.js';
 
@@ -41,6 +41,7 @@ const DuetCombobox = class {
         this.activeDescendantId = createID("duet-combobox-active-descendant");
         this.isAndroidDevice = ((_b = (_a = navigator === null || navigator === void 0 ? void 0 : navigator.userAgent) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === null || _b === void 0 ? void 0 : _b.indexOf("android")) > -1 || null;
         this.isInsideModal = false;
+        this.labelClick = false;
         this.resizeObserver = new ResizeObserver(debounce(entries => {
             var _a, _b, _c;
             // otherwise, something is wrong, expecting 1 element only
@@ -125,8 +126,18 @@ const DuetCombobox = class {
             const newValue = e.detail.value;
             this.inputValue = newValue;
         };
-        this.onInputClick = () => {
-            this.popupMenuController = this.input.nativeInputElement;
+        this.onInputClick = e => {
+            const composedPath = e.composedPath();
+            if (composedPath && composedPath[1].nodeName === "LABEL") {
+                this.labelClick = true;
+                this.listOpen = false;
+                return;
+            }
+            if (this.labelClick || (composedPath && composedPath[0].nodeName !== "INPUT")) {
+                this.labelClick = false;
+                this.listOpen = false;
+                return;
+            }
             // change listOpen on next tick so popup controller is set when open changes
             setTimeout(() => {
                 var _a, _b;
@@ -204,7 +215,6 @@ const DuetCombobox = class {
                     return;
                 }
                 nextActiveItem = this.listOpen ? this.activeItem + 1 : this.activeItem;
-                this.popupMenuController = this.input.nativeInputElement;
                 // change listOpen on next tick so popup controller is set when open changes
                 setTimeout(() => {
                     this.listOpen = true;
@@ -374,7 +384,7 @@ const DuetCombobox = class {
         this.input.chips = this.multiple;
         this.input.addEventListener("duetChange", this.onInputChange);
         this.input.addEventListener("duetInput", this.onInputTyping);
-        this.input.addEventListener("click", this.onInputClick);
+        this.element.addEventListener("click", this.onInputClick);
         //add correct aria attributes to the input element
         this.input.role = "combobox";
         this.input.accessibleExpanded = this.listOpen ? "true" : "false";
@@ -384,10 +394,17 @@ const DuetCombobox = class {
         this.element.addEventListener("keydown", this.onKeyDown);
         connectLanguageChangeObserver(this, { prop: "accessibleLabels", defaults: "accessibleLabelDefaults" });
         this.processListOpenChange();
+        setTimeout(() => {
+            var _a;
+            const nativeInputElement = (_a = this.input) === null || _a === void 0 ? void 0 : _a.nativeInputElement;
+            if (nativeInputElement && this.popupMenuController !== nativeInputElement) {
+                this.popupMenuController = nativeInputElement;
+            }
+        }, 100);
     }
     disconnectedCallback() {
         this.input.removeEventListener("duetChange", this.onInputChange);
-        this.input.removeEventListener("click", this.onInputClick);
+        this.element.removeEventListener("click", this.onInputClick);
         this.element.removeEventListener("keydown", this.onKeyDown);
         this.resizeObserver.disconnect();
         disconnectLanguageChangeObserver(this);

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

@@ -1,9 +1,9 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, h, H as Host, g as getElement } from './index-DrqQiRTn.js';
-import { i as inheritGlobalTheme } from './themeable-component-BLql61nC.js';
-import { a as getLanguage, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './language-utils-BEG0cFmw.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-Cwhi6_oZ.js';
+import { i as inheritGlobalTheme } from './themeable-component-D_FVcjsD.js';
+import { a as getLanguage, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './language-utils-LZh-sc2s.js';
 import './string-utils-C6E9F6QT.js';
 
 const duetContactCardCss = "*,*::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:12px !important;display:block}:host(.duet-m-0){margin:0 !important}::slotted(*){padding-top:1.5rem}@media (min-width: 48em){::slotted(*){grid-column:2/span 2;padding-top:0}}.duet-contact-card{display:grid;grid-template-columns:100%;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:600;line-height:1.5;color:rgb(8, 42, 77)}@media (min-width: 48em){.duet-contact-card{grid-template-columns:min-content minmax(0, 1fr) auto;gap:20px}}.duet-contact-card .image{width:4rem;height:4rem;margin-bottom:8px;border-radius:4px}@media (min-width: 48em){.duet-contact-card .image{width:6rem;height:6rem;padding-bottom:0}}.duet-contact-card .description{padding-bottom:8px}.duet-contact-card .email,.duet-contact-card .phone{display:grid;grid-template-columns:min-content auto;gap:8px;align-items:center;justify-content:flex-start;padding-bottom:8px;overflow-wrap:break-word}.duet-contact-card.duet-theme-turva{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 42, 59)}";
@@ -52,10 +52,10 @@ const DuetContactCard = class {
     render() {
         const isTurva = this.theme === "turva";
         const theme = isTurva ? "turva" : "default";
-        return (h(Host, { key: 'a08fac4daef7586a885d4556d27260feb027d4fb', class: { "duet-m-0": this.margin === "none" } }, h("div", { key: 'd70cc29e06be46210e3150661f16bcf19fab27b1', class: {
+        return (h(Host, { key: 'a29a3dab2ac7fb3079f2c1a159af7f4e7b5c226b', class: { "duet-m-0": this.margin === "none" } }, h("div", { key: '14753b1f4fc3901aa2285d438c612e66619fabb5', class: {
                 "duet-contact-card": true,
                 "duet-theme-turva": this.theme === "turva",
-            }, role: "group", "aria-label": this.name }, this.image ? h("img", { class: "image", src: this.image, alt: this.name }) : h("div", null), h("div", { key: '4cde139368ebb252e83638d0634671f2167b14a0' }, this.name && (h("duet-heading", { key: 'c91fe7f5ef066de893cfa2fb4018e9b17e5e66af', class: "name", level: "h3", margin: "none", theme: theme }, this.name)), this.description && (h("duet-paragraph", { key: '9ef8bdab5f11c125115cfa147428327131e6086a', class: "description", margin: "none", theme: theme }, this.description)), this.email && (h("div", { key: 'd07bbb21d8963247655a3b172e26c9f1becc2fd2', class: "email" }, h("duet-icon", { key: 'd25b13911b29302d0eabc8f715e13ff59b473c7f', name: "navigation-message", size: "x-small", color: "primary-dark", margin: "none", theme: theme }), h("duet-link", { key: '2765a6cbc0fb671c3cb8a37d7ac2fe578f369cfe', url: `mailto:${this.email}`, accessibleLabel: `Email: ${this.email}`, theme: theme }, this.email))), this.phone && (h("div", { key: 'fcbed4d2a82ed0ee1e90665f5e42f10bfdcaf344', class: "phone" }, h("duet-icon", { key: '17233a8a4863c68255e207c23de3667437bd1177', name: "form-tel", size: "x-small", color: "primary-dark", margin: "none", theme: theme }), h("duet-link", { key: '0a49811728ddfd13096701fe9d33c54722554107', url: `tel:${this.phone}`, accessibleLabel: `${this.phoneLabel[this.language]}: ${this.phone}`, theme: theme }, this.phone)))), this.buttonUrl && this.buttonText && (h("div", { key: 'eb199cf8f4f83cb7ebebbfb2e791c78b6424091e', class: "call-to-action" }, h("duet-button", { key: 'c8e0d2d72d5b15a74b0d7fd79a595c6ffddf6f7e', variation: "default", icon: this.buttonIcon, fixed: true, margin: "none", url: this.buttonUrl, theme: theme }, this.buttonText))), h("div", { key: '5e2f0915b883c85ad3bca3f54b62347af8250749' }), h("slot", { key: '388383ea2ca2a756a28d13bdbf521cd85094526a' }))));
+            }, role: "group", "aria-label": this.name }, this.image ? h("img", { class: "image", src: this.image, alt: this.name }) : h("div", null), h("div", { key: 'dc77c6904966d2b6438391dd2c827832ffe86325' }, this.name && (h("duet-heading", { key: 'a10e331782d05726446653615ba8effbb1de3257', class: "name", level: "h3", margin: "none", theme: theme }, this.name)), this.description && (h("duet-paragraph", { key: '3f49dc9a8933eb5551f259e2dcca7f434f8e5082', class: "description", margin: "none", theme: theme }, this.description)), this.email && (h("div", { key: '99ad9df72533f48e298153aeadf18cb50e37d1e9', class: "email" }, h("duet-icon", { key: 'cbe804f4877e52df6f678ace315efe098b3ef914', name: "navigation-message", size: "x-small", color: "primary-dark", margin: "none", theme: theme }), h("duet-link", { key: 'e909d9bc1096700ef5fb6d7a1e87c499d585d4dd', url: `mailto:${this.email}`, accessibleLabel: `Email: ${this.email}`, theme: theme }, this.email))), this.phone && (h("div", { key: 'fe217c26608f2f461999844a3a00fe335c1e4509', class: "phone" }, h("duet-icon", { key: '1194445745ecb176f6fcc39a18c3e233921524d9', name: "form-tel", size: "x-small", color: "primary-dark", margin: "none", theme: theme }), h("duet-link", { key: 'b83e145b7909c3ef697932ff1cf95d223d4a4b14', url: `tel:${this.phone}`, accessibleLabel: `${this.phoneLabel[this.language]}: ${this.phone}`, theme: theme }, this.phone)))), this.buttonUrl && this.buttonText && (h("div", { key: 'fdb27957cd0b60be23e8b4df7f062da5cc3eafc1', class: "call-to-action" }, h("duet-button", { key: 'f7cd81b4f2712057ee507a9f0f01e59121e7960e', variation: "default", icon: this.buttonIcon, fixed: true, margin: "none", url: this.buttonUrl, theme: theme }, this.buttonText))), h("div", { key: 'b3a716a438e7793ef194ae0b1067d926b75e0925' }), h("slot", { key: '3d4bea81e03b40457deb9fd0731c14a9b80d465e' }))));
     }
     get element() { return getElement(this); }
 };

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

@@ -1,8 +1,8 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-DrqQiRTn.js';
-import { i as inheritGlobalTheme } from './themeable-component-BLql61nC.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-Cwhi6_oZ.js';
+import { i as inheritGlobalTheme } from './themeable-component-D_FVcjsD.js';
 import { s as subscribeTabbingChange, u as unsubscribeTabbingChange } from './keyboard-utils-Db8rvjPI.js';
 
 const duetCookieConsentCss = "*,*::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:fixed;right:0;bottom:0;left:0;z-index:950;display:block;width:100%;box-shadow:0 2px 20px 0 rgba(0, 0, 0, 0.2)}@media (min-width: 48em){:host{right:28px;bottom:28px;left:auto;width:25rem}}:host(:focus){outline:0}:host(.user-is-tabbing:not(.descendant-focused):focus){outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8);border-radius:4px}.duet-theme-turva :host(.user-is-tabbing:not(.descendant-focused):focus),:host(.user-is-tabbing:not(.descendant-focused):focus).duet-theme-turva{outline-color:rgba(53, 79, 101, 0.8)}.duet-cookie-consent{padding:20px;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;color:rgb(255, 255, 255) !important;background-color:rgba(4, 21, 39, 0.9)}@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none){.duet-cookie-consent{background:rgba(4, 21, 39, 0.8);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}}@media (min-width: 48em){.duet-cookie-consent{padding:20px;border-radius:4px}}.duet-cookie-consent-content{display:flex;align-items:center;max-width:1110px;margin:0 auto}.duet-cookie-consent-content .expand{flex:1}::slotted(a){font-weight:600;color:rgb(255, 255, 255) !important;white-space:nowrap;text-decoration:underline}::slotted(a[target=_blank]){padding-right:16px;background:url(\"data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjZmZmIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEwLjUgMmExLjUgMS41IDAgMDEuMTQgM0gzLjc1Yy0uMzggMC0uNy4yOC0uNzQuNjVsLS4wMS4xdjE0LjVjMCAuMzguMjguNy42NS43NGwuMS4wMWgxNC41Yy4zOCAwIC43LS4yOC43NC0uNjVsLjAxLS4xdi02Ljg5YTEuNSAxLjUgMCAwMTMgMHY2Ljg5QTMuNzUgMy43NSAwIDAxMTguMjUgMjRIMy43NUEzLjc1IDMuNzUgMCAwMTAgMjAuMjVWNS43NUEzLjc1IDMuNzUgMCAwMTMuNzUgMnptMTItMmMuNzggMCAxLjQyLjYgMS41IDEuMzZWNy41YTEuNSAxLjUgMCAwMS0zIC4xNFY1LjEybC01LjQ0IDUuNDRhMS41IDEuNSAwIDAxLTIuMjItMmwuMS0uMTJMMTguODggM0gxNi41QTEuNSAxLjUgMCAwMTE1IDEuNjRWMS41YzAtLjc4LjYtMS40MiAxLjM2LTEuNWguMTR6Ii8+PC9zdmc+\") no-repeat right 50%;background-size:12px 10px}::slotted(a:focus){outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva ::slotted(a:focus),::slotted(a:focus).duet-theme-turva{outline-color:rgba(53, 79, 101, 0.8)}.duet-cookie-consent.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\";background-color:rgba(12, 21, 30, 0.9)}@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none){.duet-cookie-consent.duet-theme-turva{background:rgba(12, 21, 30, 0.8)}}";