@duetds/components 9.11.0 → 9.12.1

package/lib/collection/components/duet-banner/duet-banner.js

@@ -91,14 +91,14 @@ export class DuetBanner {
             img: { src: this.image, alt: "", loading: "lazy", class: "image", role: "presentation" },
             sources: parsePossibleJSON(this.sources),
         };
-        return (h(Host, { key: '0af3739adf8f70478714148e8c932e6c26034be1', class: { "duet-m-0": this.margin === "none" } }, h("aside", { key: '912afc7d42b05ef67242da0d0038e7b1892e420c', class: {
+        return (h(Host, { key: 'd279b27f54fba40d358a850d94118a0caa571737', class: { "duet-m-0": this.margin === "none" } }, h("aside", { key: 'fa270dd8231b5b22d2c0157105df3171fd56f450', class: {
                 "duet-banner": true,
                 "duet-theme-turva": this.theme === "turva",
                 [this.currentSize]: true,
                 "size-medium": this.size === "medium" || this.size === "large",
                 "size-large": this.size === "large",
                 "no-image": !this.image,
-            }, style: bannerStyles }, h("div", { key: '4213a9062ef79c32430faf2230b896cdcf686fab', class: "visual" }, h("div", { key: '28cc855a769f28823c4501268ac578dc00d177be', class: "image-container" }, this.image && h(DuetPicture, Object.assign({ key: 'ef1257956d87c2dd2e40a309d784cf92680ff193' }, pictureSource))), 1 > 2 && this.icon && (h("duet-icon", { key: 'e5ab5a791cd6199505005bbe11b43d7ebd0d7c9b', theme: this.theme, class: "icon", name: this.icon, shape: "brand", size: this.currentSize === "large" ? "xx-large" : "x-large", color: this.iconColor, background: this.iconBackgroundColor, "background-rotation": "7", "background-opacity": "0.85", margin: "none" })), h("div", { key: 'c21b74c5b8af201787e8c502cab1fe5e7c6f11d5', style: bannerStyles, class: "brand-shape" })), h("div", { key: '8f2a9fa44b18a35442b056f6d52d73a3804dc536', class: "content" }, this.hasHeadingSlot && (h("div", { key: '7003386020f8944006ea5c7f8479aef1908f4773', class: "heading" }, h("duet-heading", { key: '3bb18ccbae1989efaaf587de4985e01aa50db691', theme: this.theme, level: this.headingLevel, "visual-level": this.currentSize === "large" ? "h2" : "h3", "fixed-size": true, margin: "none", color: this.textColor }, h("span", { key: 'b32d9f049c16b5521ad96d823c6d2325c6a80b98' }, h("slot", { key: '83c445eca1d63aa91847fbe090eb8afdaec130d7', name: "heading" }))))), this.hasDescriptionSlot && (h("div", { key: '2a885bb4ddd277b9a56e00addc82784c469dcdfa', class: "description", style: { color } }, h("slot", { key: 'f79f7fdb5137692c0ffa3fa2dd6044f9f5a1f799', name: "description" }))), this.hasActionSlot && (h("div", { key: '21306ab0e66e7a6c5830df04387c89af2b01cfe8', class: "action" }, h("slot", { key: '7f9c1b80831ae7e2baa3e89ff91bd2802b4c4fb9', name: "action" })))))));
+            }, style: bannerStyles }, h("div", { key: 'c3cbef43ed49f67f5c429692c0d673f65341cbf8', class: "visual" }, h("div", { key: '6e1defb61acf399734e5843f100d17a467acc52c', class: "image-container" }, this.image && h(DuetPicture, Object.assign({ key: '9b8cf3946c557db548bf9e4a63a9f77e1a528eca' }, pictureSource))), 1 > 2 && this.icon && (h("duet-icon", { key: '085984857a79590e75ed9d3bb7d6ead48c82f429', theme: this.theme, class: "icon", name: this.icon, shape: "brand", size: this.currentSize === "large" ? "xx-large" : "x-large", color: this.iconColor, background: this.iconBackgroundColor, "background-rotation": "7", "background-opacity": "0.85", margin: "none" })), h("div", { key: 'de431601a73be43d79f29e7e4cc4e943ae00e545', style: bannerStyles, class: "brand-shape" })), h("div", { key: '50f7a5fc5f4ade0905bc272e29e7d0c4912c1020', class: "content" }, this.hasHeadingSlot && (h("div", { key: '73cd6a4f3f4022f897df0ce57a2316043f403dba', class: "heading" }, h("duet-heading", { key: '1d7d47b81255653206534bb228d11e8eee154c2c', theme: this.theme, level: this.headingLevel, "visual-level": this.currentSize === "large" ? "h2" : "h3", "fixed-size": true, margin: "none", color: this.textColor }, h("span", { key: 'f340c4b1e80fdd5a64ed8d61512879b290662b37' }, h("slot", { key: '2041e9d5b57a5adb5a325e4bf2052cece9d59d83', name: "heading" }))))), this.hasDescriptionSlot && (h("div", { key: '77bee71dfd8d16749a238336fb0ca182dc6da387', class: "description", style: { color } }, h("slot", { key: 'bc10b7a951bf3ca738bb2214d4f78a2258f373d3', name: "description" }))), this.hasActionSlot && (h("div", { key: 'c842a4bd1a20ff10617c0df53b0491e897de4371', class: "action" }, h("slot", { key: 'a17d57f164e2973eb0bdaa8902b93eaafdc3b96e', name: "action" })))))));
     }
     static get is() { return "duet-banner"; }
     static get encapsulation() { return "shadow"; }

package/lib/collection/components/duet-breadcrumbs/duet-breadcrumb.js

@@ -42,14 +42,14 @@ export class DuetBreadcrumb {
      */
     render() {
         var _a;
-        return (h(Host, { key: 'fb8525d8da1761cf7ec289bf2ebcdab006edcbaa', role: "listitem" }, h("div", { key: 'a2a3cf5e15c5ccb962c0da35ae1c4b9efab68590', class: "container" }, this.icon === "arrow-right-small-icon" && (h("duet-icon", { key: 'bbf4f84cae4467ae42f85af283947d23f8649a64', class: "duet-breadrumbs-arrow", size: "auto", icon: arrowRightSmallIcon.svg, margin: "none", color: "currentColor" })), h("a", { key: 'e89ba01440a8d69033de4710b1c943c211c07e5e', class: {
+        return (h(Host, { key: 'ce25afc85f4fa959a8cd88cb591acd42d7f87393', role: "listitem" }, h("div", { key: 'b5f4ade11f8e37a327bbff935d3e8a26576172a1', class: "container" }, this.icon === "arrow-right-small-icon" && (h("duet-icon", { key: 'cc5cbba9db41480fdff5cb004d0c4cb48b880f06', class: "duet-breadrumbs-arrow", size: "auto", icon: arrowRightSmallIcon.svg, margin: "none", color: "currentColor" })), h("a", { key: 'aaaad9dcf15ece43018bd7e86dadde054a2611e7', class: {
                 "duet-breadcrumb": true,
                 "duet-theme-turva": this.theme === "turva",
             }, href: this.href ? this.href : undefined, "aria-label": `${!this.href ? `${getLocaleString(this.currentCrumb)} ` : ""}${(_a = this.accessibleLabel) !== null && _a !== void 0 ? _a : this.element.innerHTML}`, role: "link" }, this.icon !== "arrow-right-small-icon" &&
             this.icon && [
-            h("duet-icon", { key: '93d11f8f8eb831623d0157b205ed0b0745804ccb', size: this.iconSize, name: this.icon, margin: "none", color: "currentColor" }),
-            this.hasSlottedContent && h("duet-spacer", { key: 'fe74c144a1765dd1fe1de6d463892fa7470651fe', size: "x-small", direction: "horizontal" }),
-        ], h("slot", { key: '5ad471b0521af2799e4ac7a5934d02e77e6be8d5' })))));
+            h("duet-icon", { key: '202c5d7994e69890df18e81a4ac135625cd24692', size: this.iconSize, name: this.icon, margin: "none", color: "currentColor" }),
+            this.hasSlottedContent && h("duet-spacer", { key: '022297392a31667e83c17cad6eace74e45155b19', size: "x-small", direction: "horizontal" }),
+        ], h("slot", { key: '560aac88866a6ffd52def55072a66c42b723d43d' })))));
     }
     static get is() { return "duet-breadcrumb"; }
     static get encapsulation() { return "shadow"; }

package/lib/collection/components/duet-breadcrumbs/duet-breadcrumbs.css

@@ -143,12 +143,12 @@
 }
 
 :host(.duet-theme-turva2) .duet-breadcrumbs.duet-theme-turva.header {
-  color: rgb(35, 46, 61);
-  background: rgb(253, 247, 242);
+  color: #172a3b;
+  background: #fdf7f2;
 }
 :host(.duet-theme-turva2) .duet-breadcrumbs.duet-theme-turva.header ol duet-breadcrumb[href]:hover {
   color: rgb(126, 2, 35);
 }
 :host(.duet-theme-turva2) .duet-breadcrumbs.duet-theme-turva.footer {
-  background: rgb(197, 29, 65);
+  background: #e61740;
 }

package/lib/collection/components/duet-breadcrumbs/duet-breadcrumbs.js

@@ -53,11 +53,11 @@ export class DuetBreadcrumbs {
      */
     render() {
         const color = getColorByName(this.color);
-        return (h(Host, { key: 'e40c7f2324bab83282f93d08c7543a6fbda0cd62' }, h("nav", { key: 'f399d4b1f69708cefacb29ea6360cd6dfabc0c28', "aria-label": this.breadcrumbsAriaLabel, class: {
+        return (h(Host, { key: 'c18c1b190d84d59e7640e129fe8500d5b1ee0f44' }, h("nav", { key: 'd09579ff6e9fcf5dd2d1f6f7175a7a7287b1426b', "aria-label": this.breadcrumbsAriaLabel, class: {
                 "duet-breadcrumbs": true,
                 "duet-theme-turva": this.theme === "turva",
                 [this.variation]: true,
-            } }, h("div", { key: 'ce6966271f4abef55194c0a47a3b4a0b7ceb652f', class: "container" }, h("div", { key: 'd6ddbc6527ff4de43ab048479a66959ce6a79f77', role: "list", class: "list", style: { color } }, h("slot", { key: '7e18d5f338e0313e997f6796208328fa841649f6' })), h("div", { key: 'c2cd24eb1795af2aad5b56a9497a579346b3e4c9', class: "bottom-border bottom-border--container" })), h("div", { key: '97fc1ae51d8e3d2063d79f07b875920725bb5e1e', class: "bottom-border bottom-border--nav" }))));
+            } }, h("div", { key: 'f39b499a378334d1c88882b51e5a15fe5cc5988b', class: "container" }, h("div", { key: 'b602c47a4ad8328e19b3c90be514c89fe2a9d2cf', role: "list", class: "list", style: { color } }, h("slot", { key: 'e8ffb9bd6a302954230e50e8c09bbfa3463dc0ee' })), h("div", { key: 'd41150f4444aafeeab50b12fa7c7d5a7e6ea62d4', class: "bottom-border bottom-border--container" })), h("div", { key: 'fc8d3ef9763c6bba056964997db9c6da733c0836', class: "bottom-border bottom-border--nav" }))));
     }
     static get is() { return "duet-breadcrumbs"; }
     static get encapsulation() { return "shadow"; }

package/lib/collection/components/duet-button/duet-button.css

@@ -619,62 +619,62 @@
 }
 
 :host(.duet-theme-turva2) .duet-theme-turva .duet-button.default {
-  color: rgb(197, 29, 65) !important;
-  border-color: rgb(248, 229, 217);
+  color: #e61740 !important;
+  border-color: #fbe1d1;
 }
 :host(.duet-theme-turva2) .duet-theme-turva .duet-button.default:hover {
-  border-color: rgb(197, 29, 65);
-  outline-color: rgb(197, 29, 65);
+  border-color: #e61740;
+  outline-color: #e61740;
 }
 :host(.duet-theme-turva2) .duet-theme-turva .duet-button.default.duet-button-negative {
-  background-color: rgb(248, 229, 217) !important;
+  background-color: #fbe1d1 !important;
 }
 :host(.duet-theme-turva2) .duet-theme-turva .duet-button.default.duet-button-negative:hover {
-  color: rgb(197, 29, 65) !important;
-  border-color: rgb(197, 29, 65);
+  color: #e61740 !important;
+  border-color: #e61740;
 }
 :host(.duet-theme-turva2) .duet-theme-turva .duet-button.primary, :host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-primary, :host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-left-primary {
-  background: rgb(197, 29, 65);
-  border-color: rgb(197, 29, 65);
+  background: #e61740;
+  border-color: #e61740;
 }
 :host(.duet-theme-turva2) .duet-theme-turva .duet-button.secondary, :host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-secondary, :host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-left-secondary, :host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-embedded {
-  color: rgb(35, 46, 61) !important;
-  border-color: rgb(35, 46, 61);
+  color: #172a3b !important;
+  border-color: #172a3b;
 }
 :host(.duet-theme-turva2) .duet-theme-turva .duet-button.secondary:hover, :host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-secondary:hover, :host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-left-secondary:hover, :host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-embedded:hover {
-  color: rgb(197, 29, 65) !important;
-  border-color: rgb(197, 29, 65);
+  color: #e61740 !important;
+  border-color: #e61740;
 }
 :host(.duet-theme-turva2) .duet-theme-turva .duet-button.secondary.duet-button-negative, :host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-secondary.duet-button-negative, :host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-left-secondary.duet-button-negative, :host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-embedded.duet-button-negative {
-  color: rgb(248, 229, 217) !important;
+  color: #fbe1d1 !important;
 }
 :host(.duet-theme-turva2) .duet-theme-turva .duet-button.secondary.duet-button-negative:hover, :host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-secondary.duet-button-negative:hover, :host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-left-secondary.duet-button-negative:hover, :host(.duet-theme-turva2) .duet-theme-turva .duet-button.input-button-embedded.duet-button-negative:hover {
-  color: rgb(197, 29, 65) !important;
-  border-color: rgb(197, 29, 65);
+  color: #e61740 !important;
+  border-color: #e61740;
 }
 :host(.duet-theme-turva2) .duet-theme-turva .duet-button.negative {
-  color: rgb(35, 46, 61) !important;
+  color: #172a3b !important;
 }
 :host(.duet-theme-turva2) .duet-theme-turva .duet-button.negative:hover {
   color: rgb(255, 255, 255) !important;
 }
 :host(.duet-theme-turva2) .duet-theme-turva .duet-button.plain {
-  color: rgb(197, 29, 65) !important;
+  color: #e61740 !important;
 }
 :host(.duet-theme-turva2) .duet-theme-turva .duet-button.plain[disabled] {
-  border-color: rgb(248, 229, 217) !important;
+  border-color: #fbe1d1 !important;
 }
 :host(.duet-theme-turva2) .duet-theme-turva .duet-button.square {
-  border-color: rgb(248, 229, 217);
+  border-color: #fbe1d1;
 }
 :host(.duet-theme-turva2) .duet-theme-turva .duet-button.square.duet-button-negative {
-  background: rgb(197, 29, 65);
-  border-color: rgb(197, 29, 65);
+  background: #e61740;
+  border-color: #e61740;
 }
 :host(.duet-theme-turva2) .duet-theme-turva .duet-button.square:hover {
-  border-color: rgb(197, 29, 65);
-  outline-color: rgb(197, 29, 65);
+  border-color: #e61740;
+  outline-color: #e61740;
 }
 :host(.duet-theme-turva2) .duet-theme-turva .duet-button-is-loading.default {
-  color: rgb(197, 29, 65);
+  color: #e61740;
 }

package/lib/collection/components/duet-button/duet-button.js

@@ -173,12 +173,12 @@ export class DuetButton {
         // enforce consistency for external links
         const icon = isExternalLink ? "action-new-window" : this.icon;
         const iconRight = isExternalLink ? true : this.iconRight;
-        const commonChildren = (h("span", { key: '678d799beaacfd7ba10f347c1134f9994c17bd37', class: { "duet-button-contents": true, "icon-right": iconRight }, style: { color: getColorByName(this.color) } }, icon && (h("span", { key: '268e13a5110b19f4813f84f1b86ea82ebb855c04', "aria-hidden": "true", class: {
+        const commonChildren = (h("span", { key: 'dad881c4e315cee7e2fa16020ab44f3b8518ce8b', class: { "duet-button-contents": true, "icon-right": iconRight }, style: { color: getColorByName(this.color) } }, icon && (h("span", { key: '08d196d1bc190ccb57d8f4961a78e1999f69a6f1', "aria-hidden": "true", class: {
                 "duet-button-icon": true,
                 left: !iconRight,
                 right: iconRight,
                 [this.getButtonIconSize()]: true,
-            } }, h("duet-icon", { key: '129c01f0be6794839256abc0d38f08b0f6e5d1a0', size: "auto", margin: "none", name: icon, color: "currentColor" }))), h("span", { key: '0fdab10e6e3372dc2a1fce7669eb34857292e8f1', class: "duet-button-contents-slot" }, h("slot", { key: '63bcd80d436f5a8cefbfbd079402a792d67b924a' }))));
+            } }, h("duet-icon", { key: '24ffeda883152bfe0123a828ed037aa7bdf365aa', size: "auto", margin: "none", name: icon, color: "currentColor" }))), h("span", { key: '60cbc950fc893b105e13e98769341697d3065e87', class: "duet-button-contents-slot" }, h("slot", { key: '236c0748e32a96046fe4bf1c79b6822ebf5c0b9d' }))));
         const size = this.size == "medium" || this.size == "small" || this.size == "x-small" ? this.size : "medium";
         const commonProps = {
             onFocus: this.onFocus,
@@ -213,7 +213,7 @@ export class DuetButton {
             "aria-details": this.accessibleDetails,
             "aria-description": this.accessibleDescription,
         };
-        return (h(Host, { key: 'f9fadeb94d8058d459bd8bac7fee7e998ea6665c', class: {
+        return (h(Host, { key: '2f71565d21679c2161cbebaa8b3bfaa7aa4183a0', class: {
                 "duet-m-0": this.margin === "none",
                 "duet-small": this.size === "small",
                 "duet-x-small": this.size === "x-small",
@@ -221,13 +221,13 @@ export class DuetButton {
                 "duet-expand": this.expand,
                 [this.variation]: true,
                 "input-button": (_b = this.variation) === null || _b === void 0 ? void 0 : _b.startsWith("input-button"),
-            } }, h("span", { key: '7604ca1173113123edfcf47d03ae88ada1831604', onClick: this.handleClick, class: {
+            } }, h("span", { key: '2a2d449975f67608f602eaca489e4ff865496ed8', onClick: this.handleClick, class: {
                 "duet-button-container": true,
                 "duet-button-is-loading": this.loading,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-button-negative": this.negative || this.variation === "negative",
                 [this.variation]: true,
-            } }, this.url ? (h("a", Object.assign({}, commonProps, { href: this.url, target: this.external ? "_blank" : "_self", rel: this.external ? "noopener" : undefined }), commonChildren, this.external && h("duet-visually-hidden", null, ", ", this.accessibleLabelExternal))) : (h("button", Object.assign({}, commonProps, { type: this.getButtonType(), disabled: this.disabled, name: this.name, value: this.value, "aria-pressed": this.accessiblePressed != null ? this.accessiblePressed.toString() : undefined, "aria-haspopup": this.accessiblePopup != null ? this.accessiblePopup.toString() : undefined, "aria-disabled": this.disabled }), commonChildren, this.loading && h("duet-visually-hidden", null, " ", this.accessibleLabelLoading, " "))), this.loading && h("duet-spinner", { key: '2dc9b4755bd4211fe1be3ff779989777688893d7', color: "currentColor" })), h("slot", { key: '6854922f3b7aed2aa0e72c517a3d46d060d7b9a7', name: "proxybutton" })));
+            } }, this.url ? (h("a", Object.assign({}, commonProps, { href: this.url, target: this.external ? "_blank" : "_self", rel: this.external ? "noopener" : undefined }), commonChildren, this.external && h("duet-visually-hidden", null, ", ", this.accessibleLabelExternal))) : (h("button", Object.assign({}, commonProps, { type: this.getButtonType(), disabled: this.disabled, name: this.name, value: this.value, "aria-pressed": this.accessiblePressed != null ? this.accessiblePressed.toString() : undefined, "aria-haspopup": this.accessiblePopup != null ? this.accessiblePopup.toString() : undefined, "aria-disabled": this.disabled }), commonChildren, this.loading && h("duet-visually-hidden", null, " ", this.accessibleLabelLoading, " "))), this.loading && h("duet-spinner", { key: 'e27fdd855b9191cdd22c9b74746f3144890d3837', color: "currentColor" })), h("slot", { key: '5f1fec755bfdf56ed261b893fa647308c1e21a7f', name: "proxybutton" })));
     }
     static get is() { return "duet-button"; }
     static get encapsulation() { return "shadow"; }

package/lib/collection/components/duet-callout/duet-callout.css

@@ -69,5 +69,5 @@ figure {
 
 :host(.duet-theme-turva2) .duet-callout.duet-theme-turva .author,
 :host(.duet-theme-turva2) .duet-callout.duet-theme-turva blockquote {
-  color: rgb(35, 46, 61);
+  color: #172a3b;
 }

package/lib/collection/components/duet-callout/duet-callout.js

@@ -31,11 +31,11 @@ export class DuetCallout {
     <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 (h(Host, { key: '6ff31c274248d365aca970c4e45121be580da7af' }, h("div", { key: '322bdf154b041ab1ec721021f668e52371fee91f', class: {
+        return (h(Host, { key: 'c91e41e1945e8f27494b91fd35f647cb5ffb8dbb' }, h("div", { key: '298b7e17c53fe0866f0d2b03faa4f5c748346515', class: {
                 "duet-callout": true,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-m-0": this.margin === "none",
-            } }, h("figure", { key: '40790b7c44b4ee3a34a71d6ef0beb37b6fd6a4d2', class: "container" }, h("duet-icon", { key: 'bb56fef27123e9067f797d2cda9efad69cbbceb5', 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 }), h("blockquote", { key: 'f8c76a1ea16947bafb7831897f8f07fb45112668' }, h("slot", { key: '513d3b47def761dfd445d5d0302266b8dbbeb0fd' })), this.hasAuthorSlot && (h("figcaption", { key: 'b10664d604f41b24b0665e4c408408b2bc55c3fc', class: "author" }, h("span", { key: '080d91a9e3496544dbcdec79aa4d5ea0f5736f32' }, "\u2014 "), h("slot", { key: 'b6f21e38600829d5cae75b6f1987796abb0dbd16', name: "author" })))))));
+            } }, h("figure", { key: '4f2662755dcfe69e2a163ec28266379e75b1884b', class: "container" }, h("duet-icon", { key: '7af2e8622e0d5a324ec7b4cc7bf255448f9f15e7', 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 }), h("blockquote", { key: '3c5f18fd30f32f27142ae7cec979a632184530b5' }, h("slot", { key: '44fe2d6d2f35d14e511c0541166c6812cabde651' })), this.hasAuthorSlot && (h("figcaption", { key: '8f2b94861c1b3f5b8344913be3cdf595df30ce86', class: "author" }, h("span", { key: 'cd37d73f30038b88c30757f7829d871d0e339e6e' }, "\u2014 "), h("slot", { key: '1ac4d4a157377339c864a540bef83e6c6d5ac588', name: "author" })))))));
     }
     static get is() { return "duet-callout"; }
     static get encapsulation() { return "shadow"; }

package/lib/collection/components/duet-caption/duet-caption.css

@@ -48,5 +48,5 @@
 }
 
 :host(.duet-theme-turva2.duet-caption-selected.duet-theme-turva) {
-  color: rgb(35, 46, 61);
+  color: #172a3b;
 }

package/lib/collection/components/duet-caption/duet-caption.js

@@ -21,13 +21,13 @@ export class DuetCaption {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: '46c245b72ac2d6f4641a58e56dccecdce8421151', class: {
+        return (h(Host, { key: '6536dfff2137c85741a34401a550ecd205ba897a', class: {
                 "duet-caption": true,
                 "duet-caption-selected": this.selected,
                 "duet-caption-small": this.size === "small",
                 "duet-theme-turva": this.theme === "turva",
                 "duet-m-0": this.margin === "none",
-            } }, h("slot", { key: '56d458c5573dda5e0b8f6ec7d376a9eb327e0628' })));
+            } }, h("slot", { key: '61789c613b54670e42ca147df64c22c5896d7cec' })));
     }
     static get is() { return "duet-caption"; }
     static get encapsulation() { return "shadow"; }

package/lib/collection/components/duet-card/duet-card.css

@@ -537,14 +537,14 @@ a.duet-card:active {
 }
 
 :host(.duet-theme-turva2) .duet-card.duet-theme-turva {
-  color: rgb(35, 46, 61);
+  color: #172a3b;
 }
 :host(.duet-theme-turva2) .duet-card.duet-theme-turva.info {
-  background: rgb(253, 247, 242) !important;
+  background: #fdf7f2 !important;
 }
 :host(.duet-theme-turva2) .duet-card.duet-theme-turva .duet-card-heading {
-  color: rgb(35, 46, 61);
+  color: #172a3b;
 }
 :host(.duet-theme-turva2) .duet-card.duet-theme-turva .duet-card-footer {
-  background: rgb(248, 229, 217);
+  background: #fbe1d1;
 }

package/lib/collection/components/duet-card/duet-card.js

@@ -102,10 +102,10 @@ export class DuetCard {
         const styles = {
             backgroundColor: getColorByName(this.background),
         };
-        return (h(Host, { key: '00c59be2ab7c40755629602f9e85ea64ab612158', class: {
+        return (h(Host, { key: '611705991716b0c002889bf3a9e980f8da1d95f0', class: {
                 "duet-m-0": this.margin === "none",
                 "duet-card-info": this.variation === "info",
-            } }, h(TagName, { key: '8578ca3d024c5846a36cac0e767622b7eaabcb88', href: this.url, style: styles, ref: card => (this.nativeCard = card), "aria-label": this.accessibleLabel, class: {
+            } }, h(TagName, { key: '89e99da5b6adc642345ba6f7a21c7081b9d4e9f3', href: this.url, style: styles, ref: card => (this.nativeCard = card), "aria-label": this.accessibleLabel, class: {
                 "duet-card": true,
                 [this.padding]: true,
                 [this.variation]: true,
@@ -115,7 +115,7 @@ export class DuetCard {
                 "duet-card-has-bg": this.background !== "gray-lightest",
                 "duet-card-has-icon": !!this.icon,
                 "duet-card-collapsed": this.collapsible && !this.open,
-            } }, this.image && (h("div", { key: '2609ba055ac602c074c2a545688284f99afc3105', class: "duet-card-image-mask" }, h("img", { key: '59572ec1bd938cb3fb54d511031d170980129026', src: this.image, class: "duet-card-image", loading: "lazy", alt: "", "aria-hidden": "true" }))), (this.heading || this.hasHeadingSlot) && this.renderHeading(), h("div", { key: 'ae06ad0ca9a5828a10dfcf8aa54aa44967acd203', class: "duet-card-content", id: this.cardId }, h("slot", { key: '751c8dd97e06452610214c242a67843d86e0e8f8' }), this.hasFooter && (h("div", { key: '5fc1bc24f217f51984ffa8fb82b05a8022a1bc13', class: "duet-card-footer" }, h("slot", { key: '3225e28c9fae8e9a7d712ec2f7edca2848c81bac', name: "footer" })))))));
+            } }, this.image && (h("div", { key: '0aa60ed3e1bebc94ee7842d3982256c9373aa516', class: "duet-card-image-mask" }, h("img", { key: '84e7c1f6a0b6c9132ec82041fad87cc4577d6b1e', src: this.image, class: "duet-card-image", loading: "lazy", alt: "", "aria-hidden": "true" }))), (this.heading || this.hasHeadingSlot) && this.renderHeading(), h("div", { key: 'f86cc5808fdc33c29d5c1aeaa20de6b840b9bb87', class: "duet-card-content", id: this.cardId }, h("slot", { key: '5fb3cbdad3362c23720c00b1cc3a37c6e7c0df7a' }), this.hasFooter && (h("div", { key: '469c322c7f5b971194563825844cd26f854f7a4d', class: "duet-card-footer" }, h("slot", { key: '8a72444bea6b916c253e8aa87967046338e690ee', name: "footer" })))))));
     }
     static get is() { return "duet-card"; }
     static get encapsulation() { return "shadow"; }

package/lib/collection/components/duet-checkbox/duet-checkbox.css

@@ -185,12 +185,12 @@
 }
 
 :host(.duet-theme-turva2) .duet-theme-turva .duet-label {
-  color: rgb(35, 46, 61);
+  color: #172a3b;
 }
 :host(.duet-theme-turva2) .duet-theme-turva .duet-checkbox + label::before {
-  border-color: rgb(35, 46, 61);
+  border-color: #172a3b;
 }
 :host(.duet-theme-turva2) .duet-theme-turva .duet-checkbox:checked + label::before {
-  background: rgb(35, 46, 61);
-  border-color: rgb(35, 46, 61);
+  background: #172a3b;
+  border-color: #172a3b;
 }

package/lib/collection/components/duet-chip/duet-chip.css

@@ -321,26 +321,26 @@
 }
 
 :host(.duet-theme-turva2) .duet-chip-container.duet-theme-turva {
-  color: rgb(35, 46, 61) !important;
-  border-color: rgb(244, 213, 193);
+  color: #172a3b !important;
+  border-color: #b2c2cd;
 }
 :host(.duet-theme-turva2) .duet-chip-container.duet-theme-turva:hover {
-  border-color: rgb(197, 29, 65);
+  border-color: #e61740;
 }
 :host(.duet-theme-turva2) .duet-chip-container.duet-theme-turva.duet-chip-filter-checked, :host(.duet-theme-turva2) .duet-chip-container.duet-theme-turva.duet-chip-radio-checked {
-  background: rgb(253, 247, 242);
-  border-color: rgb(197, 29, 65);
+  background: #fbe1d1;
+  border-color: #e61740;
 }
 :host(.duet-theme-turva2) .duet-chip-container.duet-theme-turva.duet-chip-filter-checked:hover, :host(.duet-theme-turva2) .duet-chip-container.duet-theme-turva.duet-chip-radio-checked:hover {
-  background: rgb(248, 229, 217);
+  background: #d8ae96;
 }
 :host(.duet-theme-turva2) .duet-chip-container.duet-theme-turva.duet-chip-filter-popup-open {
-  background: rgb(253, 247, 242);
-  border-color: rgb(253, 247, 242);
+  background: #fbe1d1;
+  border-color: #b2c2cd;
 }
 :host(.duet-theme-turva2) .duet-chip-container.duet-theme-turva.duet-chip-input:hover {
-  border-color: rgb(244, 213, 193);
+  border-color: #b2c2cd;
 }
-:host(.duet-theme-turva2) .duet-chip-container.duet-theme-turva.duet-chip-input.duet-chip-hover {
-  border-color: rgb(197, 29, 65);
+:host(.duet-theme-turva2) .duet-chip-container.duet-theme-turva.duet-chip-input.duet-chip-hover, :host(.duet-theme-turva2) .duet-chip-container.duet-theme-turva.duet-chip-input.duet-chip-selected {
+  border-color: #e61740;
 }

package/lib/collection/components/duet-chip/duet-chip.js

@@ -217,11 +217,17 @@ export class DuetChip {
             });
         }
     }
+    removeDisabledAttributeWhenFalse() {
+        if (!this.disabled) {
+            this.element.removeAttribute("disabled");
+        }
+    }
     /**
      * Component lifecycle events.
      */
     componentWillLoad() {
         inheritGlobalTheme(this);
+        this.removeDisabledAttributeWhenFalse();
         this.popupSetUp();
         this.enforceNoDisabledSelected();
     }
@@ -303,7 +309,7 @@ export class DuetChip {
             onBlur: this.onBlur,
             ref: el => (this.focusableElement = el),
         };
-        return (h(Host, { key: '7be8a97618afcc5aa95a73b6999cbd21a9efe66d', class: { [this.variation]: true } }, this.variation === "button" && (h("span", { key: '20a79f42019bb5456940c408f16cfe4398ce752b', class: classes }, h("button", Object.assign({ key: '0da848870e5d364e5a0c96286863abb8846f3b43', 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: '65963c49ac15e31be9e6c155d713895011247c75', class: "duet-chip-icon-container" }, this.icon && (h("duet-icon", { key: '6bdaf78c4129a2e195b2c8d8615fbc030892b35f', name: this.icon, size: "x-small", margin: "none", color: "currentColor" }))), h("slot", { key: '115c67252b400a3796064d80b48c940f5db630f6' })))), this.variation === "input" && (h("span", { key: 'f88e9e882256e176835645274c7f3ad5feeb43f4', class: classes, "aria-label": this.getAccessibleInputChipLabel() }, h("button", Object.assign({ key: '8966730749b28a27a8d9c3ad0cc5384d7365a224', 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: '0c5090f2ae94e37ca202aecfdd26793617d96fcb', class: "duet-chip-icon-container" }, this.icon && (h("duet-icon", { key: '296fc12572a339b123691ad64e5140187bc8ce6f', name: this.icon, size: "x-small", margin: "none", color: "currentColor" }))), h("slot", { key: '52de610f0eef8aaf1fc353e4832460823b3483b9' })), h("button", { key: '863d5afcb642ad16aea0567cf6043106231e7947', 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: 'bccf50bd40c6e81cb150f8667065b2951b592aa5', name: "activity-close", size: "xx-small", margin: "none", color: "currentColor" })))), this.variation === "filter" && (h("span", { key: 'd4d7899b9a4398b11426408014e383041393a0cf', class: classes }, h("input", Object.assign({ key: 'b0ba6a4dbe7b1539188e433a26bfd8610619e4c5', "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: '8facc59cf10af72eec36071be9ae95556591d1cf', htmlFor: identifier }, this.icon && (h("span", { key: '91f1eac1be716140991470852ed8a0844f2b9cec', class: "duet-chip-icon-container" }, h("duet-icon", { key: 'd12dc4aab88af37f6668cb0d7de0293cd319fa63', name: this.icon, size: this.size === "large" ? "small" : "x-small", margin: "none", color: "currentColor" }), h("duet-icon", { key: '96e623db103b6c37aa16ea7bcdd0e539f65c0779', name: "messaging-checked-small", size: this.size === "large" ? "x-small" : "xx-small", margin: "none", color: "currentColor", class: "check-mark" }))), h("slot", { key: '06d2be3eaf95ef1f220bc8a7db8b4ba2fa0fd5f9' }), this.popupElement && (h("span", { key: 'f0052c0bf5bbd556635f863e164b009d427c015a', class: "duet-chip-popup-disclosure" }, h("duet-icon", { key: '532ebe9e456eed2c9b7047fc0d3e77a4d42794f3', name: "action-arrow-down-small", size: this.size === "large" ? "xx-small" : "xxx-small", margin: "none", color: "currentColor" })))))), this.variation === "radio" && (h("span", { key: 'ccec7cbb1911a9abaf25e08332465cbfc4553509', class: classes }, h("slot", { key: '0a00e98beb564f77355171c715497f512b7d9ad7', name: "input" }), h("label", { key: '158960fb6a55998d2341c3dcf27b20ffd2ed33cf', htmlFor: identifier }, this.icon && (h("span", { key: '84a00e30b7143110f22d24df70819bc16f6ad383', class: "duet-chip-icon-container" }, h("duet-icon", { key: '5b54634097eae34dacfd2691add70781facdd268', name: this.icon, size: this.size === "large" ? "small" : "x-small", margin: "none", color: "currentColor" }), h("duet-icon", { key: 'a9fefdc0b6b89369275e2f79215475e45e3dc99c', name: "messaging-checked-small", size: "xx-small", margin: "none", color: "currentColor", class: "check-mark" }))), h("slot", { key: '638309e8b35428dfc269605e65905aa7e8f7c831' }))))));
+        return (h(Host, { key: 'b6fb72c89bb3173bbab5a049fa15e1952c16205e', class: { [this.variation]: true } }, this.variation === "button" && (h("span", { key: '67b4e89093f32e48fa8b0f34cc0bb04cf84fe4d7', class: classes }, h("button", Object.assign({ key: '136da64b566f3ab1aac3ac06e221b382293eafc1', 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: 'edd95585532bb3793d25c9d59ff736bfd93a698f', class: "duet-chip-icon-container" }, this.icon && (h("duet-icon", { key: '7eee1a45099e4b7e887ca9c18973d5491eebc49e', name: this.icon, size: "x-small", margin: "none", color: "currentColor" }))), h("slot", { key: '22c6c1e797b3d7ae8d5066e5e54d9d9b091fd8af' })))), this.variation === "input" && (h("span", { key: '6190f5af72bea43c3225440e936d6bcac3ee1a1a', class: classes, "aria-label": this.getAccessibleInputChipLabel() }, h("button", Object.assign({ key: '684bbf1c87dbcc51074a469fef71eabc67b8b3cc', 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: '3e9d81e6b529cbedd4dc059d2a69c7672dba4c15', class: "duet-chip-icon-container" }, this.icon && (h("duet-icon", { key: '4eb3a40447390af6f7005afdaf8a892fdb1a37a0', name: this.icon, size: "x-small", margin: "none", color: "currentColor" }))), h("slot", { key: '6a41790d5bb9b18d29aed4104f7875f4b82a6182' })), h("button", { key: '2aa0bd85705bd9d0f2f9107b81e1c478b79670e7', 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: '42142c43f116826ea4754ad43715380a5168a4a0', name: "activity-close", size: "xx-small", margin: "none", color: "currentColor" })))), this.variation === "filter" && (h("span", { key: 'da7635d906a3000bdba610b199be6e02e67999a3', class: classes }, h("input", Object.assign({ key: '991860c1d1faaf8b0b94c23878c0fda4cc57d5b2', "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: '19200514b12edc1c34ee60d7141e2e443de2f4eb', htmlFor: identifier }, this.icon && (h("span", { key: 'e829017680ab4f77b068a795500ab0e228252910', class: "duet-chip-icon-container" }, h("duet-icon", { key: 'f3726f51afd71e1621bc838d3a5bb01ac741898a', name: this.icon, size: this.size === "large" ? "small" : "x-small", margin: "none", color: "currentColor" }), h("duet-icon", { key: '38ebb64dffbad02205d259ddc908ad4448146e2c', name: "messaging-checked-small", size: this.size === "large" ? "x-small" : "xx-small", margin: "none", color: "currentColor", class: "check-mark" }))), h("slot", { key: 'fdc200f7e366b400ee41adcc43793c1b57c73044' }), this.popupElement && (h("span", { key: '154e4ee257d7152de4bd6089d650f89abab7849b', class: "duet-chip-popup-disclosure" }, h("duet-icon", { key: '51559fda4889f9b1d1c5db56005140037d10bbe0', name: "action-arrow-down-small", size: this.size === "large" ? "xx-small" : "xxx-small", margin: "none", color: "currentColor" })))))), this.variation === "radio" && (h("span", { key: '05b32d584d059da2136a8c3bf615d8c54733b242', class: classes }, h("slot", { key: '4b75c8a08549ecefda7cbc774e6877a688c5c96a', name: "input" }), h("label", { key: '08d85749a874e5196eb21eb54a132156c7cc6dcf', htmlFor: identifier }, this.icon && (h("span", { key: '48ed797d8716ecaea0c06bd2dcd41ab28bbc14e9', class: "duet-chip-icon-container" }, h("duet-icon", { key: 'befa22bdb1d0b2682d316551eb8ac873128b0ccf', name: this.icon, size: this.size === "large" ? "small" : "x-small", margin: "none", color: "currentColor" }), h("duet-icon", { key: '3eab74ef52e823c81daf1c71379127c7650bba80', name: "messaging-checked-small", size: "xx-small", margin: "none", color: "currentColor", class: "check-mark" }))), h("slot", { key: '460c29546099eb06cc2dfa71baf9a57999d4f838' }))))));
     }
     static get is() { return "duet-chip"; }
     static get encapsulation() { return "shadow"; }
@@ -789,6 +795,9 @@ export class DuetChip {
         return [{
                 "propName": "checked",
                 "methodName": "clearOtherRadioButtons"
+            }, {
+                "propName": "disabled",
+                "methodName": "removeDisabledAttributeWhenFalse"
             }];
     }
 }

package/lib/collection/components/duet-choice/duet-checkmark.css

@@ -73,6 +73,6 @@
   }
 }
 :host(.duet-theme-turva2.duet-theme-turva) .checked .duet-checkmark-container {
-  background: rgb(35, 46, 61);
-  border-color: rgb(35, 46, 61) !important;
+  background: #172a3b;
+  border-color: #172a3b !important;
 }

package/lib/collection/components/duet-choice/duet-checkmark.js

@@ -18,11 +18,11 @@ export class DuetCheckmark {
         inheritGlobalTheme(this);
     }
     render() {
-        return (h(Host, { key: '265d69c7fac47ab340e1bce60afeecacfad74b6a', class: { "duet-theme-turva": this.theme === "turva" } }, h("div", { key: '450d7b7f3fcc4e48c25b138b2faa1c948a1c3bea', role: this.presentationOnly ? "presentation" : null, class: { checked: this.checked } }, h("div", { key: 'cbc25ccaf46a53ec786f3fa24eeed574666d93cc', class: {
+        return (h(Host, { key: '81f7edf96b16de6d99f7cc02fdfde95aa31ae323', class: { "duet-theme-turva": this.theme === "turva" } }, h("div", { key: 'aabbbf66e5d108b28bcbd0acf8ecf65174d13d47', role: this.presentationOnly ? "presentation" : null, class: { checked: this.checked } }, h("div", { key: 'b13822c0a9d54e26a1f20d4842b3664d0c1c1966', class: {
                 "duet-checkmark-container": true,
                 center: this.center,
                 "duet-checkmark-radio": this.type === "radio",
-            } }, this.checked && h("div", { key: '034ea9806dbba29937fdf57e3fba5f1ff5130160', class: "duet-checkmark" })))));
+            } }, this.checked && h("div", { key: '82ce989107257dab2b27a366df5c6d554b63bae1', class: "duet-checkmark" })))));
     }
     static get is() { return "duet-checkmark"; }
     static get originalStyleUrls() {

package/lib/collection/components/duet-choice/duet-choice.css

@@ -542,52 +542,53 @@ input[disabled] + .duet-choice-label:hover, input[disabled] + .duet-choice-label
 }
 
 :host(.duet-theme-turva2) .duet-theme-turva .duet-choice-card {
-  color: rgb(35, 46, 61) !important;
+  color: #172a3b !important;
 }
 :host(.duet-theme-turva2) .duet-theme-turva .duet-choice-label {
-  border-color: rgb(248, 229, 217);
+  border-color: #b2c2cd;
 }
 .info :host(.duet-theme-turva2) .duet-theme-turva .duet-choice-label {
-  border-color: rgb(248, 229, 217);
+  border-color: #b2c2cd;
 }
 :host(.duet-theme-turva2) .duet-theme-turva .checked > .duet-choice-label {
-  background: rgb(253, 247, 242);
-  border-color: rgb(35, 46, 61) !important;
+  background: #fdf7f2;
+  border-color: #172a3b !important;
 }
 :host(.duet-theme-turva2) .duet-theme-turva .checked > .duet-choice-label .duet-checkmark-container {
-  border-color: rgb(197, 29, 65);
+  border-color: #e61740;
 }
 .duet-choice-label :host(.duet-theme-turva2) .duet-theme-turva .checked > .duet-choice-label .duet-checkmark-container {
-  background: rgb(35, 46, 61);
-  border-color: rgb(35, 46, 61) !important;
+  background: #172a3b;
+  border-color: #172a3b !important;
 }
 :host(.duet-theme-turva2) .duet-theme-turva.duet-choice-card-info, :host(.duet-theme-turva2) .duet-theme-turva.duet-choice-card-collapsible {
-  color: rgb(35, 46, 61);
-  border-color: rgb(35, 46, 61);
+  color: #172a3b;
+  border-color: #172a3b;
 }
 :host(.duet-theme-turva2) .duet-theme-turva.duet-choice-card-collapsible {
-  border-color: rgb(248, 229, 217);
+  border-color: #b2c2cd;
 }
 :host(.duet-theme-turva2) .duet-theme-turva.duet-choice-card-collapsible.checked {
-  border-color: rgb(35, 46, 61);
+  border-color: #172a3b;
 }
 :host(.duet-theme-turva2) .duet-theme-turva.duet-choice-card-info {
-  background: rgb(253, 247, 242);
-  border-color: rgb(248, 229, 217);
+  background: #fdf7f2;
+  border-color: #b2c2cd;
 }
 :host(.duet-theme-turva2) .duet-theme-turva .duet-checkmark-container {
-  border-color: rgb(241, 202, 178);
+  border-color: #7891a4;
 }
 :host(.duet-theme-turva2) .duet-theme-turva.duet-choice-info-toggle {
-  border-color: rgb(248, 229, 217);
+  border-color: #b2c2cd;
 }
 :host(.duet-theme-turva2) .duet-theme-turva.duet-choice-info-toggle[aria-expanded=true] {
-  background: rgb(253, 247, 242);
+  background: #fdf7f2;
+  border-bottom-color: transparent;
 }
 
 :host(.duet-theme-turva2:not(.no-hover):not(.disabled):hover) > .duet-theme-turva.duet-choice-card-flextainer .duet-choice-label:not(.checked) {
-  border-color: rgb(35, 46, 61);
+  border-color: #172a3b;
 }
 :host(.duet-theme-turva2:not(.no-hover):not(.disabled):hover) > .duet-theme-turva.duet-choice-card-flextainer .duet-choice-label:not(.checked) .duet-checkmark-container {
-  border-color: rgb(241, 202, 178);
+  border-color: #7891a4;
 }

package/lib/collection/components/duet-choice-group/duet-choice-group.js

@@ -52,6 +52,11 @@ export class DuetChoiceGroup {
         this.required = false;
         this.accessibleLiveError = "polite";
     }
+    removeDisabledAttributeWhenFalse() {
+        if (!this.disabled) {
+            this.element.removeAttribute("disabled");
+        }
+    }
     /**
      * Component lifecycle events.
      */
@@ -73,6 +78,7 @@ export class DuetChoiceGroup {
     }
     componentWillLoad() {
         inheritGlobalTheme(this);
+        this.removeDisabledAttributeWhenFalse();
         checkNamedSlotElement(this.element, "tooltip", "duet-tooltip", 1, true);
     }
     setInitialValue() {
@@ -527,6 +533,9 @@ export class DuetChoiceGroup {
     static get elementRef() { return "element"; }
     static get watchers() {
         return [{
+                "propName": "disabled",
+                "methodName": "removeDisabledAttributeWhenFalse"
+            }, {
                 "propName": "value",
                 "methodName": "setInitialValue"
             }, {

package/lib/collection/components/duet-collapsible/duet-collapsible.css

@@ -153,7 +153,7 @@
 }
 
 :host(.duet-theme-turva2) {
-  color: rgb(35, 46, 61);
+  color: #172a3b;
 }
 :host(.duet-theme-turva2) .duet-collapsible-content.duet-theme-turva,
 :host(.duet-theme-turva2) .duet-collapsible-heading.duet-theme-turva {

package/lib/collection/components/duet-collapsible/duet-collapsible.js

@@ -115,7 +115,7 @@ export class DuetCollapsible {
      */
     render() {
         const HeadingTagName = this.headingLevel ? sanitizeString(this.headingLevel) : "div";
-        return (h(Host, { key: '635e0fbe69079d10e22ad538aa801af89c4cde51', class: { "duet-m-0": this.margin === "none", negative: this.negative } }, h(HeadingTagName, { key: '21b389ec1a302511cf0d06887dda85b929e60cf6' }, h("button", { key: 'ae26817023a1fd98f2f499452ae013e1e0625839', class: {
+        return (h(Host, { key: '54b9522f13950fe10001c1980ecdfec23220f1c9', class: { "duet-m-0": this.margin === "none", negative: this.negative } }, h(HeadingTagName, { key: 'd7e3168488798520a7df13b362a0fa6ab84b9ae1' }, h("button", { key: '6e2017e7fcee29a3b2b48e09ae796d890dc32ba6', class: {
                 "duet-collapsible-heading": true,
                 "duet-collapsible-heading-centered": this.centerHeading,
                 "duet-theme-turva": this.theme === "turva",
@@ -123,7 +123,7 @@ export class DuetCollapsible {
                 "has-after-heading": this.hasAfterHeading,
                 "full-width": this.headingFullWidth,
                 "has-caption": !!this.caption,
-            }, style: { "font-size": this.getFontSizeFromTokens() }, role: "button", ref: button => (this.nativeButton = button), "aria-label": this.getAccessibleLabel(), "aria-expanded": this.open ? "true" : "false", "aria-controls": this.id, onClick: this.handleClick, onKeyDown: this.handleKeyDown }, h("div", { key: 'f6a80e26d50292e133d2e0cfc963102d12f83acf', class: "duet-collapsible-heading-wrapper" }, h("div", { key: 'b3a38601ed2de77a2a1c3b2235494c6b91f546ff', class: "duet-collapsible-heading-icon" }, h("duet-icon", { key: '2f66e1bdfa846ae83fd953fc6558f69491930ca2', margin: "none", size: this.getEquivalentIconSize(), icon: icon.svg })), h("div", { key: '6a501a3c2a7db57fd374274990a19dd39909c536', class: "duet-collapsible-heading-content", part: "duet-collapsible-heading-content" }, this.heading), this.hasAfterHeading && (h("div", { key: 'd71fd226576c7e177732289ecf57f0f0ef382ada', part: "duet-collapsible-after-heading" }, h("slot", { key: 'c845fa7c1d90a10810db86cead6b17b2314c1175', name: "after-heading" })))), this.caption && (h("div", { key: 'f12be1abf64e46a18b6bf128ad1bd0b2594d694b', class: "duet-collapsible-heading-caption" }, h("duet-caption", { key: '4d13deac84f03a1349e73c7e3bb079a2760822d1', size: "small", margin: "none" }, this.caption))))), h("div", { key: '75020eebce7bcb86e8617c38c11a6fc15b57f7f8', id: this.id, class: { "duet-collapsible-content": true, "duet-theme-turva": this.theme === "turva" }, part: "duet-collapsible-content" }, h("slot", { key: '2e06b159d1dcc2c3ecbde2ade71464ceb6604d5e' }))));
+            }, style: { "font-size": this.getFontSizeFromTokens() }, role: "button", ref: button => (this.nativeButton = button), "aria-label": this.getAccessibleLabel(), "aria-expanded": this.open ? "true" : "false", "aria-controls": this.id, onClick: this.handleClick, onKeyDown: this.handleKeyDown }, h("div", { key: '3dc419556839dfb36da15a259587eb66d6634cce', class: "duet-collapsible-heading-wrapper" }, h("div", { key: '567e70c640e56e3473739ab1fc3dfbcdeaf0ef98', class: "duet-collapsible-heading-icon" }, h("duet-icon", { key: '957947758de386df0c50706c6b016ed6e796ee68', margin: "none", size: this.getEquivalentIconSize(), icon: icon.svg })), h("div", { key: 'd96956f8844feb680607d625f287ddde754a29df', class: "duet-collapsible-heading-content", part: "duet-collapsible-heading-content" }, this.heading), this.hasAfterHeading && (h("div", { key: '3ad9637644eb87099b51d09943921242acd1a9da', part: "duet-collapsible-after-heading" }, h("slot", { key: '0cf38df9d032614e562f056a633b986aca605e7a', name: "after-heading" })))), this.caption && (h("div", { key: '7090ce40aefd937bf3a0330677707934ce8cf68e', class: "duet-collapsible-heading-caption" }, h("duet-caption", { key: 'f0627546e816bbd7ba7291843f2481199b0abf16', size: "small", margin: "none" }, this.caption))))), h("div", { key: '907dceb7ee1fbcb10260b73859e6d815f336197c', id: this.id, class: { "duet-collapsible-content": true, "duet-theme-turva": this.theme === "turva" }, part: "duet-collapsible-content" }, h("slot", { key: '886161d9dc199839ad5dca4f39a24d18450407fc' }))));
     }
     static get is() { return "duet-collapsible"; }
     static get encapsulation() { return "shadow"; }

package/lib/collection/components/duet-combobox/duet-combobox.css

@@ -31,8 +31,8 @@
 }
 
 :host(.duet-theme-turva2.duet-theme-turva) {
-  color: rgb(35, 46, 61);
+  color: #172a3b;
 }
 :host(.duet-theme-turva2.duet-theme-turva) a {
-  color: rgb(35, 46, 61);
+  color: #172a3b;
 }