@duetds/components 9.11.0 → 9.12.0

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: #ffefe5;
 }
 :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: #ffefe5 !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: #171c3a !important;
+  border-color: #171c3a;
 }
 :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: #ffefe5 !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: #171c3a !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: #ffefe5 !important;
 }
 :host(.duet-theme-turva2) .duet-theme-turva .duet-button.square {
-  border-color: rgb(248, 229, 217);
+  border-color: #ffefe5;
 }
 :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"; }
@@ -485,7 +485,7 @@ export class DuetButton {
                     "references": {
                         "DuetButtonVariation": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-button/duet-button.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-button/duet-button.tsx",
                             "id": "src/components/duet-button/duet-button.tsx::DuetButtonVariation"
                         }
                     }
@@ -634,7 +634,7 @@ export class DuetButton {
                     "references": {
                         "DuetButtonTextCentering": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-button/duet-button.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-button/duet-button.tsx",
                             "id": "src/components/duet-button/duet-button.tsx::DuetButtonTextCentering"
                         }
                     }
@@ -660,7 +660,7 @@ export class DuetButton {
                     "references": {
                         "DuetButtonWrapping": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-button/duet-button.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-button/duet-button.tsx",
                             "id": "src/components/duet-button/duet-button.tsx::DuetButtonWrapping"
                         }
                     }
@@ -1051,7 +1051,7 @@ export class DuetButton {
                     "references": {
                         "DuetButtonIconSize": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-button/duet-button.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-button/duet-button.tsx",
                             "id": "src/components/duet-button/duet-button.tsx::DuetButtonIconSize"
                         }
                     }
@@ -1077,7 +1077,7 @@ export class DuetButton {
                     "references": {
                         "DuetButtonSize": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-button/duet-button.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-button/duet-button.tsx",
                             "id": "src/components/duet-button/duet-button.tsx::DuetButtonSize"
                         }
                     }

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: #171c3a;
 }

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: #171c3a;
 }

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"; }
@@ -124,7 +124,7 @@ export class DuetCaption {
                     "references": {
                         "DuetCaptionSize": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-caption/duet-caption.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-caption/duet-caption.tsx",
                             "id": "src/components/duet-caption/duet-caption.tsx::DuetCaptionSize"
                         }
                     }

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: #171c3a;
 }
 :host(.duet-theme-turva2) .duet-card.duet-theme-turva.info {
-  background: rgb(253, 247, 242) !important;
+  background: #fcf7f3 !important;
 }
 :host(.duet-theme-turva2) .duet-card.duet-theme-turva .duet-card-heading {
-  color: rgb(35, 46, 61);
+  color: #171c3a;
 }
 :host(.duet-theme-turva2) .duet-card.duet-theme-turva .duet-card-footer {
-  background: rgb(248, 229, 217);
+  background: #ffefe5;
 }

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"; }
@@ -199,7 +199,7 @@ export class DuetCard {
                     "references": {
                         "DuetCardVariation": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-card/duet-card.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-card/duet-card.tsx",
                             "id": "src/components/duet-card/duet-card.tsx::DuetCardVariation"
                         }
                     }
@@ -386,7 +386,7 @@ export class DuetCard {
                     "references": {
                         "DuetCardPadding": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-card/duet-card.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-card/duet-card.tsx",
                             "id": "src/components/duet-card/duet-card.tsx::DuetCardPadding"
                         }
                     }
@@ -519,7 +519,7 @@ export class DuetCard {
                     "references": {
                         "DuetCardToggleEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-card/duet-card.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-card/duet-card.tsx",
                             "id": "src/components/duet-card/duet-card.tsx::DuetCardToggleEvent"
                         }
                     }

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: #171c3a;
 }
 :host(.duet-theme-turva2) .duet-theme-turva .duet-checkbox + label::before {
-  border-color: rgb(35, 46, 61);
+  border-color: #171c3a;
 }
 :host(.duet-theme-turva2) .duet-theme-turva .duet-checkbox:checked + label::before {
-  background: rgb(35, 46, 61);
-  border-color: rgb(35, 46, 61);
+  background: #171c3a;
+  border-color: #171c3a;
 }

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

@@ -579,7 +579,7 @@ export class DuetCheckbox {
                     "references": {
                         "DuetCheckboxEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-checkbox/duet-checkbox.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-checkbox/duet-checkbox.tsx",
                             "id": "src/components/duet-checkbox/duet-checkbox.tsx::DuetCheckboxEvent"
                         }
                     }
@@ -600,7 +600,7 @@ export class DuetCheckbox {
                     "references": {
                         "DuetCheckboxEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-checkbox/duet-checkbox.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-checkbox/duet-checkbox.tsx",
                             "id": "src/components/duet-checkbox/duet-checkbox.tsx::DuetCheckboxEvent"
                         }
                     }
@@ -621,7 +621,7 @@ export class DuetCheckbox {
                     "references": {
                         "DuetCheckboxEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-checkbox/duet-checkbox.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-checkbox/duet-checkbox.tsx",
                             "id": "src/components/duet-checkbox/duet-checkbox.tsx::DuetCheckboxEvent"
                         }
                     }

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: #171c3a !important;
+  border-color: #fbe4d6;
 }
 :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: #fcf7f3;
+  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: #ffefe5;
 }
 :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: #fcf7f3;
+  border-color: #fcf7f3;
 }
 :host(.duet-theme-turva2) .duet-chip-container.duet-theme-turva.duet-chip-input:hover {
-  border-color: rgb(244, 213, 193);
+  border-color: #fbe4d6;
 }
 :host(.duet-theme-turva2) .duet-chip-container.duet-theme-turva.duet-chip-input.duet-chip-hover {
-  border-color: rgb(197, 29, 65);
+  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"; }
@@ -347,7 +353,7 @@ export class DuetChip {
                     "references": {
                         "DuetChipVariation": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-chip/duet-chip.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-chip/duet-chip.tsx",
                             "id": "src/components/duet-chip/duet-chip.tsx::DuetChipVariation"
                         }
                     }
@@ -373,7 +379,7 @@ export class DuetChip {
                     "references": {
                         "DuetChipSize": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-chip/duet-chip.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-chip/duet-chip.tsx",
                             "id": "src/components/duet-chip/duet-chip.tsx::DuetChipSize"
                         }
                     }
@@ -648,7 +654,7 @@ export class DuetChip {
                     "references": {
                         "DuetChipEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-chip/duet-chip.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-chip/duet-chip.tsx",
                             "id": "src/components/duet-chip/duet-chip.tsx::DuetChipEvent"
                         }
                     }
@@ -669,7 +675,7 @@ export class DuetChip {
                     "references": {
                         "DuetChipEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-chip/duet-chip.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-chip/duet-chip.tsx",
                             "id": "src/components/duet-chip/duet-chip.tsx::DuetChipEvent"
                         }
                     }
@@ -690,7 +696,7 @@ export class DuetChip {
                     "references": {
                         "DuetChipEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-chip/duet-chip.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-chip/duet-chip.tsx",
                             "id": "src/components/duet-chip/duet-chip.tsx::DuetChipEvent"
                         }
                     }
@@ -711,7 +717,7 @@ export class DuetChip {
                     "references": {
                         "DuetChipEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-chip/duet-chip.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-chip/duet-chip.tsx",
                             "id": "src/components/duet-chip/duet-chip.tsx::DuetChipEvent"
                         }
                     }
@@ -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: #171c3a;
+  border-color: #171c3a !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() {