@duetds/components 9.11.0 → 9.12.1

package/lib/collection/components/duet-notification-drawer/duet-notification-drawer.css

@@ -255,13 +255,14 @@
 }
 
 :host(.duet-theme-turva2) .duet-theme-turva .duet-drawer-toggle {
-  color: rgb(35, 46, 61);
-  border-color: rgb(248, 229, 217);
+  color: #172a3b;
+  border-color: #d4dde2;
 }
 :host(.duet-theme-turva2) .duet-theme-turva .duet-drawer-toggle::after {
-  background: rgb(197, 29, 65);
+  background: #e61740;
 }
 :host(.duet-theme-turva2) .duet-theme-turva .duet-drawer-toggle[aria-expanded=true],
 :host(.duet-theme-turva2) .duet-theme-turva .duet-drawer-toggle[aria-expanded=true]:hover {
-  border-color: rgb(253, 247, 242);
+  color: #8c001e;
+  border-color: #f5f6f7;
 }

package/lib/collection/components/duet-notification-drawer/duet-notification-drawer.js

@@ -96,10 +96,10 @@ export class DuetNotificationDrawer {
      * Always the last one in the class.
      */
     render() {
-        return (h("div", { key: '52951b68e698b9c831642c1c135dfcb53a48a40c', class: {
+        return (h("div", { key: '07a40aaf2c047740782943b82091b327d32a4b96', class: {
                 "duet-drawer": true,
                 "duet-theme-turva": this.theme === "turva",
-            }, onKeyDown: this.handleKeyDown }, h("button", { key: 'e713e9ace0ffc56428e71ca55c37a360971cbe15', ref: el => (this.drawerButtonEl = el), type: "button", class: "duet-drawer-toggle", id: "duet-drawer-toggle", "aria-controls": "duet-drawer-content", "aria-expanded": this.isOpen ? "true" : "false", onClick: this.toggleMenu }, this.icon && (h("div", { key: 'a4c21f480f37e714d9c62d75bf787ba7216fb381', class: "duet-drawer-icon" }, h("duet-icon", { key: 'e95aeefaa6b5323e37f0852fe9e5fd4b6f5f8233', margin: "none", size: "x-small", name: this.icon, color: "currentColor" }), this.badge && h("div", { key: '9944b7bc548e2d8b9c753cbc5e2ee9e60817bdb9', class: "duet-drawer-badge" }))), h("span", { key: 'cb880634e09f12b30bf67452ac7563ac80b6fcc0', class: "duet-drawer-label" }, this.label), h("div", { key: '6416fe4067667f4b7b9977d824ff5570ae86def0', class: "duet-drawer-caret" }, h("duet-icon", { key: '6e3e61d447a93c57946cde7067668047a5e6506a', margin: "none", size: "auto", icon: arrowDownIcon.svg, color: "currentColor" }))), h("div", { key: '982db8ff68314474dd59f68b9caa66c57634d5ac', id: "duet-drawer-content", class: {
+            }, onKeyDown: this.handleKeyDown }, h("button", { key: 'bca6b6110eecf1f0a2ec99e50c342660e1d34122', ref: el => (this.drawerButtonEl = el), type: "button", class: "duet-drawer-toggle", id: "duet-drawer-toggle", "aria-controls": "duet-drawer-content", "aria-expanded": this.isOpen ? "true" : "false", onClick: this.toggleMenu }, this.icon && (h("div", { key: 'a57aef93c238e0a3be0af1011c4d7b1301ef2e9a', class: "duet-drawer-icon" }, h("duet-icon", { key: 'b1d2a9785065bfe493f23e62807eae56a158523b', margin: "none", size: "x-small", name: this.icon, color: "currentColor" }), this.badge && h("div", { key: '29d4679a41ba16fb661bfdf915ddb5a2633bd60f', class: "duet-drawer-badge" }))), h("span", { key: '710ce29cd624f643aa28374faaba4088c42473fc', class: "duet-drawer-label" }, this.label), h("div", { key: 'eb03a8f523a70dcdc7a138c942a9b69bbc600beb', class: "duet-drawer-caret" }, h("duet-icon", { key: '58316288a870f547c4b3205f291fcb440cbd9691', margin: "none", size: "auto", icon: arrowDownIcon.svg, color: "currentColor" }))), h("div", { key: '7c2e7cd82364cd233fcdddd309eaa6b820d7d526', id: "duet-drawer-content", class: {
                 "duet-drawer-content": true,
                 "duet-drawer-right": this.direction === "right",
                 "duet-drawer-left": this.direction === "left",

package/lib/collection/components/duet-number-input/duet-number-input.css

@@ -128,8 +128,8 @@
 }
 
 :host(.duet-theme-turva2) .duet-theme-turva .duet-number-buttons .duet-number-button:first-of-type::before {
-  background: linear-gradient(to left, rgba(244, 213, 193, 0.2) 0%, rgba(244, 213, 193, 0.2) 1px, rgba(244, 213, 193, 0.1) 1px, rgba(244, 213, 193, 0) 100%);
+  background: linear-gradient(to left, rgba(178, 194, 205, 0.2) 0%, rgba(178, 194, 205, 0.2) 1px, rgba(178, 194, 205, 0.1) 1px, rgba(178, 194, 205, 0) 100%);
 }
 :host(.duet-theme-turva2) .duet-theme-turva .duet-number-buttons .duet-number-button:last-of-type::before {
-  background: rgb(248, 229, 217);
+  background: #d4dde2;
 }

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

@@ -107,5 +107,5 @@
 }
 
 :host(.duet-theme-turva2) .duet-overlay.duet-theme-turva {
-  background: rgb(35, 46, 61);
+  background: #172a3b;
 }

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

@@ -35,7 +35,7 @@ export class DuetOverlay {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: '630cf19ec25638aba0f6031c109f0b9c7813961e', "aria-hidden": "true" }, h("div", { key: '1b2b98da2ddf66ae1ef4ef862eab832b08c87f7a', style: { zIndex: this.zIndex }, class: {
+        return (h(Host, { key: 'e7a574b2235362b51cc815d17b854c9cf341a71d', "aria-hidden": "true" }, h("div", { key: '676c70875523c48a8d0e2bf7c41dd69c6aa6fbaf', style: { zIndex: this.zIndex }, class: {
                 "duet-overlay": true,
                 "duet-theme-turva": this.theme === "turva",
                 "keep-stacking-context": this.keepStackingContext,
@@ -237,4 +237,5 @@ export class DuetOverlay {
             }
         };
     }
+    static get elementRef() { return "element"; }
 }

package/lib/collection/components/duet-page-heading/duet-page-heading.css

@@ -232,11 +232,11 @@
 }
 
 :host(.duet-theme-turva2) .duet-page-heading.duet-theme-turva .brand-shaped-icon {
-  background: rgba(197, 29, 65, 0.9);
+  background: rgba(230, 23, 64, 0.9);
 }
 :host(.duet-theme-turva2) .duet-page-heading.duet-theme-turva .progress-step {
-  background-color: rgb(244, 213, 193);
+  background-color: #b2c2cd;
 }
 :host(.duet-theme-turva2) .duet-page-heading.duet-theme-turva .progress-step.active {
-  background-color: rgb(197, 29, 65);
+  background-color: #e61740;
 }

package/lib/collection/components/duet-page-heading/duet-page-heading.js

@@ -35,12 +35,12 @@ export class DuetPageHeading {
      */
     render() {
         const layout = this.layout === "narrow" ? "narrow" : this.layout === "fluid" ? "fluid" : "auto";
-        return (h("div", { key: 'b04b3ab93aea9b8a1bd56c40f3a7f22d882606d9', class: {
+        return (h("div", { key: '3f64bed8967335715d6265fef613c3df45f79891', class: {
                 "duet-page-heading": true,
                 "duet-theme-turva": this.theme === "turva",
                 "has-icon": !!this.icon,
                 [layout]: true,
-            } }, h("div", { key: '050ef867894329ee70c71f317b3d2a9b0ab43b22', class: "background" }, this.theme === "turva" && h("div", { key: 'db65bb0d2a262fbea17f2325a68d302f82f78774', class: "background-mask" }), this.theme !== "turva" && h("div", { key: '25b6e020582c7de6a6016fcde0c8b7625bce9450', class: "brand-shape" }), this.theme !== "turva" && h("div", { key: 'df61981c4b6dd90c38cf7b4c66d1b979f3136b35', class: "brand-shape second-shape" }), this.icon && (h("div", { key: '7f4a88d4b8cb503a154e9fd949dd14165c158295', class: "brand-shaped-icon" }, h("duet-icon", { key: 'dcd6fb724ae34c563a9bd16fd4f4d1b19218cf2d', background: "none", name: this.icon, margin: "none", size: "auto", responsive: false })))), h("div", { key: 'ad53793ece4f7d8cada5f4eda9197fa7777a290e', class: "heading" }, h("slot", { key: '0641ba331d0528c6e6d6e7219e763a6081700223', name: "heading" }), this.progressCurrentStep && this.progressTotalSteps && (h("div", { key: 'db105221674c1f3b1c996bf4f1f75d76fc811da4' }, h("duet-spacer", { key: '660c06f502b4f3294e1c3c67dd7da73088ef906f', size: "large" }), h("div", { key: '14a89035e8866eee60de3a2f14f078e877d70bbe', role: "presentation" }, this.progressIndicator()))))));
+            } }, h("div", { key: '3791aa33a92f6743032a7377481b654ee3ceb71f', class: "background" }, this.theme === "turva" && h("div", { key: '47d67afcedfb96f52e33ff40ee4948ad72859844', class: "background-mask" }), this.theme !== "turva" && h("div", { key: 'da96da74326edc1cdb9caeb7be4c085936c84d45', class: "brand-shape" }), this.theme !== "turva" && h("div", { key: '6db5b0df1fefde9df87861bda326195c157ecf88', class: "brand-shape second-shape" }), this.icon && (h("div", { key: '3469b776fb51cc31d0b92b34a03b7a17bcc495df', class: "brand-shaped-icon" }, h("duet-icon", { key: 'b52c2e05248a48683f8440e81ac4d6d0983b7a7f', background: "none", name: this.icon, margin: "none", size: "auto", responsive: false })))), h("div", { key: '9f3f84c3e069e2fb44867878b51d39de58bb31b2', class: "heading" }, h("slot", { key: '828744c55963b2554e008315c0ad546aaa6ef5ca', name: "heading" }), this.progressCurrentStep && this.progressTotalSteps && (h("div", { key: 'b2b7eb3c2c16b851ef3e994cae3add64002821db' }, h("duet-spacer", { key: 'fce6a7d73eb24ee3b446c4a1b5ad6169225164a4', size: "large" }), h("div", { key: 'bf13a91bb7ef87c1dce720b8fa002fd32427c98b', role: "presentation" }, this.progressIndicator()))))));
     }
     static get is() { return "duet-page-heading"; }
     static get encapsulation() { return "shadow"; }

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

@@ -79,5 +79,5 @@
 }
 
 :host(.duet-theme-turva2.duet-theme-turva) .duet-pagination-total-pages {
-  color: rgb(35, 46, 61);
+  color: #172a3b;
 }

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

@@ -342,32 +342,32 @@ export class DuetPagination {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: 'bbd85aaf7cec037863e62449e53dc79850615e68', onKeyDown: e => this.onKeyboardDown(e), class: { "duet-theme-turva": this.theme === "turva" } }, h("nav", { key: 'c94a34a3f69d9f743499a00ace0f273ecc64384a', role: "navigation", "aria-labelledby": this.accessibleLabelledBy ? `${this.accessibleLabelledBy} ${this.listId}` : this.listId, "aria-describedby": this.accessibleDescribedBy ? `${this.accessibleDescribedBy} ${this.listId}` : this.listId, "aria-descriptions": this.accessibleDescription, "aria-details": this.accessibleDetails, ref: el => (this.nativeNav = el), "aria-controls": this.ariaControls, class: {
+        return (h(Host, { key: '2a6229532f13b87abbe9516a7e1d963f326bbe5f', onKeyDown: e => this.onKeyboardDown(e), class: { "duet-theme-turva": this.theme === "turva" } }, h("nav", { key: '17bb09135ec2469462f97327dd10fc4df8b7ba2f', role: "navigation", "aria-labelledby": this.accessibleLabelledBy ? `${this.accessibleLabelledBy} ${this.listId}` : this.listId, "aria-describedby": this.accessibleDescribedBy ? `${this.accessibleDescribedBy} ${this.listId}` : this.listId, "aria-descriptions": this.accessibleDescription, "aria-details": this.accessibleDetails, ref: el => (this.nativeNav = el), "aria-controls": this.ariaControls, class: {
                 "duet-pagination-nav": true,
                 [`duet-pagination-variation-${this.variation}`]: true,
-            } }, this.numbersStore !== "" && (h("div", { key: 'ed7656da1a3a9f606cc63018833c8ad54fd2da2a', "aria-live": "assertive", "aria-relevant": "text", class: "duet-pagination-overlay", "aria-label": `${this.accessibleLabels.jump_to} ${this.numbersStore}`, part: "navigation-overlay" }, h("duet-badge", { key: 'c2457234d5e4827da9730d753f05d5a8d1c06756', theme: this.theme }, "jump to page : ", this.numbersStore))), h("ol", { key: '86efc4ee55dcd2ac47af68e39db42f26e8b2e8fe', id: this.listId, class: {
+            } }, this.numbersStore !== "" && (h("div", { key: 'd7790c2abfd67c48c2c00902c68974dd8626bf71', "aria-live": "assertive", "aria-relevant": "text", class: "duet-pagination-overlay", "aria-label": `${this.accessibleLabels.jump_to} ${this.numbersStore}`, part: "navigation-overlay" }, h("duet-badge", { key: '8575683476771915a156987555b607d1d2aa41d8', theme: this.theme }, "jump to page : ", this.numbersStore))), h("ol", { key: '611763930ab1762f00066404535bf671646f11c7', id: this.listId, class: {
                 "duet-pagination": true,
                 "duet-pagination-is-dimmed": this.numbersStore !== "",
-            }, role: "menubar", "aria-label": this.accessibleLabels.pagination_label, "aria-description": this.accessibleLabels.description }, (this.variation === "compact" || this.matchesCompactBreakpoint) && (h("li", { key: 'e6e7af25d894edcf0549bc37c437952f6e2a5768', class: {
+            }, role: "menubar", "aria-label": this.accessibleLabels.pagination_label, "aria-description": this.accessibleLabels.description }, (this.variation === "compact" || this.matchesCompactBreakpoint) && (h("li", { key: '07de0cbb95475c4f651e407083a98842e6f8ce1c', class: {
                 "duet-pagination-page-button": true,
                 "duet-pagination-button-first": true,
-            }, role: "menuitem", part: "navigation-arrow" }, h("duet-action-button", { key: '4b68b2b1661169ab04879656a2e965a50f9f1849', disabled: (this.internalSectionIndex === 0 && this.current <= 1) || this.disabled, "data-direction": "back", accessibleLabel: this.accessibleLabels.first_page, title: this.accessibleLabels.first_page, onClick: e => this.jumpToStart(e), "icon-name": "action-move-to-first", theme: this.theme, url: this.processedPageLinks ? this.processedPageLinks[0] : undefined }))), h("li", { key: 'e118983480f408814517696235620d6ca7c52e28', class: {
+            }, role: "menuitem", part: "navigation-arrow" }, h("duet-action-button", { key: '6ac18d6caf5e66bcbb2d7081ddb6f15ad002cb32', disabled: (this.internalSectionIndex === 0 && this.current <= 1) || this.disabled, "data-direction": "back", accessibleLabel: this.accessibleLabels.first_page, title: this.accessibleLabels.first_page, onClick: e => this.jumpToStart(e), "icon-name": "action-move-to-first", theme: this.theme, url: this.processedPageLinks ? this.processedPageLinks[0] : undefined }))), h("li", { key: 'a77c83085ba874fa552956d7bacbaa51df0f60dc', class: {
                 "duet-pagination-page-button": true,
                 "duet-pagination-button-first": true,
-            }, role: "menuitem", part: "navigation-arrow" }, h("duet-action-button", { key: '952f820c61dbd46f107da9982473c44c92d1654b', disabled: !!((this.internalSectionIndex === 0 && this.current <= 1) ||
+            }, role: "menuitem", part: "navigation-arrow" }, h("duet-action-button", { key: '9b88ef244fddf7edb6b198a2eeaa39e17bdf97c1', disabled: !!((this.internalSectionIndex === 0 && this.current <= 1) ||
                 (this.current <= 1 && this.processedPageLinks) ||
-                this.disabled), "data-direction": "back", onClick: e => this.onMouseHandler(e, -1), "accessible-label": this.accessibleLabels.previous_page, title: this.accessibleLabels.previous_page, "icon-name": "action-arrow-left-small", theme: this.theme, url: this.processedPageLinks ? this.processedPageLinks[this.current - 2] : undefined })), this.internalSectionIndex !== 0 && this.shouldDisplayNavigation() && (h(Fragment, { key: '64b3f4da24ce028db1125795596beaf6cfd65aeb' }, h("li", { key: 'c477461d7d68392025f704c5a2df666822b3c1c4', class: "duet-pagination-item", role: "menuitem", part: "navigation-jump" }, h("duet-button", { key: '8198df04fb593ebcf8a50918c8ffd3fc96bce3bc', disabled: this.disabled, class: "duet-pagination-link duet-pagination-link-jump-back", "center-text": "true", variation: "plain", color: this.theme !== "turva" ? "secondary" : "secondary-turva", margin: "none", accessibleLabel: this.accessibleLabels.first_page, onClick: e => this.jumpToStart(e), theme: this.theme, url: this.processedPageLinks ? this.processedPageLinks[0] : undefined }, h("div", { key: '0d1ecd17b7660a6c2ca5ead362b19a39922526f1', class: "duet-pagination-page-number" }, "1"))), h("li", { key: '068cc3aa779f838d88e5946716ac2179bd7284c7', class: "duet-pagination-item", role: "menuitem", part: "navigation-section" }, h("duet-button", { key: 'a3737335bec51de3f6721d2ebd59fa005d8bf3b3', disabled: this.disabled, class: "duet-pagination-link duet-pagination-link-dots-back", "center-text": "true", color: this.theme !== "turva" ? "secondary" : "secondary-turva", variation: "plain", margin: "none", accessibleLabel: this.accessibleLabels.prev_section.replace("{0}", `${this.visibleItems}`), onClick: e => this.sectionClickHandler(e, -1), theme: this.theme }, h("div", { key: '403386bfcdb3933adefbbff420f237daa67c2480', class: "duet-pagination-page-number", "aria-hidden": "true" }, "\u2026"))))), (this.shouldDisplayNavigation() && this.renderPageNumbers()) || this.renderSelect(), (this.internalSectionIndex + 1) * this.visibleItems < this.totalPages &&
-            this.shouldDisplayNavigation() && (h(Fragment, { key: 'b8f9ec799fc41d772075e4cf385cbb2805168fcd' }, (this.internalSectionIndex + 1) * this.visibleItems !== this.totalPages - 1 && (h("li", { key: 'ba47f6c267f218fddf7ef826806e3bd77a72d52f', class: "duet-pagination-item", role: "menuitem", part: "navigation-section" }, h("duet-button", { key: 'e04c5a6f32318c61562edd6303e049294a3af437', disabled: this.disabled, class: "duet-pagination-link duet-pagination-link-dots-forward", "center-text": "true", color: this.theme !== "turva" ? "secondary" : "secondary-turva", variation: "plain", margin: "none", accessibleLabel: this.accessibleLabels.next_section.replace("{0}", `${this.visibleItems}`), onClick: e => this.sectionClickHandler(e, 1), theme: this.theme }, h("div", { key: '0f3ec8318ff63e99860219c2f25d0b70068be1a3', class: "duet-pagination-page-number", "aria-hidden": "true" }, "\u2026")))), h("li", { key: '59c7ba37271b7c8dfb09f8bc251160519adaa324', class: "duet-pagination-item", role: "menuitem", part: "navigation-jump" }, h("duet-button", { key: 'ba66d5bd4910f5f0e3afabb3856e55d9d8a1c734', disabled: this.disabled, class: "duet-pagination-link duet-pagination-link-jump-forward", "center-text": "true", color: this.theme !== "turva" ? "secondary" : "secondary-turva", variation: "plain", margin: "none", accessibleLabel: this.accessibleLabels.last_page, onClick: e => this.jumpToEnd(e), theme: this.theme, url: this.processedPageLinks
+                this.disabled), "data-direction": "back", onClick: e => this.onMouseHandler(e, -1), "accessible-label": this.accessibleLabels.previous_page, title: this.accessibleLabels.previous_page, "icon-name": "action-arrow-left-small", theme: this.theme, url: this.processedPageLinks ? this.processedPageLinks[this.current - 2] : undefined })), this.internalSectionIndex !== 0 && this.shouldDisplayNavigation() && (h(Fragment, { key: '484cab98fb6fe5db348a64fa07a1f1c121ba4466' }, h("li", { key: '107163ced817f01f0396ef770709d8f79aa850cc', class: "duet-pagination-item", role: "menuitem", part: "navigation-jump" }, h("duet-button", { key: 'f3990bec3ff33472269bfe339ccb14fdaecea604', disabled: this.disabled, class: "duet-pagination-link duet-pagination-link-jump-back", "center-text": "true", variation: "plain", color: this.theme !== "turva" ? "secondary" : "secondary-turva", margin: "none", accessibleLabel: this.accessibleLabels.first_page, onClick: e => this.jumpToStart(e), theme: this.theme, url: this.processedPageLinks ? this.processedPageLinks[0] : undefined }, h("div", { key: '7f1dc1c7b3be8cec6ccb6316e92581b9647c30c4', class: "duet-pagination-page-number" }, "1"))), h("li", { key: 'eb308628880c8e4b3b26c58458e7206aabd5a9d5', class: "duet-pagination-item", role: "menuitem", part: "navigation-section" }, h("duet-button", { key: 'a82f0b31fe15c31942c3dde3704657117adc85a0', disabled: this.disabled, class: "duet-pagination-link duet-pagination-link-dots-back", "center-text": "true", color: this.theme !== "turva" ? "secondary" : "secondary-turva", variation: "plain", margin: "none", accessibleLabel: this.accessibleLabels.prev_section.replace("{0}", `${this.visibleItems}`), onClick: e => this.sectionClickHandler(e, -1), theme: this.theme }, h("div", { key: 'accb27855f8adce6868045c91119095db44c737c', class: "duet-pagination-page-number", "aria-hidden": "true" }, "\u2026"))))), (this.shouldDisplayNavigation() && this.renderPageNumbers()) || this.renderSelect(), (this.internalSectionIndex + 1) * this.visibleItems < this.totalPages &&
+            this.shouldDisplayNavigation() && (h(Fragment, { key: '472d8b4c7ba1d4970f3dca8c20db2d0677d887c3' }, (this.internalSectionIndex + 1) * this.visibleItems !== this.totalPages - 1 && (h("li", { key: 'dd9a303384ff2e3305cb0fe933c65de2c3b52bc4', class: "duet-pagination-item", role: "menuitem", part: "navigation-section" }, h("duet-button", { key: 'bfcf00cc19f04fcdb04338328e903775968aa679', disabled: this.disabled, class: "duet-pagination-link duet-pagination-link-dots-forward", "center-text": "true", color: this.theme !== "turva" ? "secondary" : "secondary-turva", variation: "plain", margin: "none", accessibleLabel: this.accessibleLabels.next_section.replace("{0}", `${this.visibleItems}`), onClick: e => this.sectionClickHandler(e, 1), theme: this.theme }, h("div", { key: '9663d211118c3d4eaf8dc7c486f537876465d90f', class: "duet-pagination-page-number", "aria-hidden": "true" }, "\u2026")))), h("li", { key: 'a8384c6ae3229e426b4dcca36496b3957aeec92b', class: "duet-pagination-item", role: "menuitem", part: "navigation-jump" }, h("duet-button", { key: 'adef2d4a9d24ef1b6b6555ef83795b65c3aa7e39', disabled: this.disabled, class: "duet-pagination-link duet-pagination-link-jump-forward", "center-text": "true", color: this.theme !== "turva" ? "secondary" : "secondary-turva", variation: "plain", margin: "none", accessibleLabel: this.accessibleLabels.last_page, onClick: e => this.jumpToEnd(e), theme: this.theme, url: this.processedPageLinks
                 ? this.processedPageLinks[this.processedPageLinks.length - 1]
-                : undefined }, h("div", { key: 'fc7212709dc3ed1839226979c3cd3b123bd3c9af', class: "duet-pagination-page-number" }, this.totalPages))))), h("li", { key: '49845c246a1bc03efc19cc2fb0d72f1d002edad6', class: {
+                : undefined }, h("div", { key: 'a22f994edb17fa5865b564324bf3199970e2ae2a', class: "duet-pagination-page-number" }, this.totalPages))))), h("li", { key: 'd1d2308979af9cda7b793a5b945044e22c64a891', class: {
                 "duet-pagination-page-button": true,
                 "duet-pagination-button-last": true,
-            }, role: "menuitem", part: "navigation-arrow" }, h("duet-action-button", { key: '63003ee428957aabe687072ab56094d17d00c6a6', disabled: !!((this.current === this.totalPages &&
+            }, role: "menuitem", part: "navigation-arrow" }, h("duet-action-button", { key: '29a745ff6e2ea1485c4fd7aef4e658b343fa9c1b', disabled: !!((this.current === this.totalPages &&
                 this.internalSectionIndex === Math.ceil(this.totalPages / this.visibleItems) - 1) ||
-                (this.current === this.totalPages && this.processedPageLinks)) || this.disabled, class: "duet-date-dialog-next", "accessible-label": this.accessibleLabels.next_page, title: this.accessibleLabels.next_page, onClick: e => this.onMouseHandler(e, 1), "icon-name": "action-move-to-next", theme: this.theme, url: this.processedPageLinks ? this.processedPageLinks[this.current] : undefined })), (this.variation === "compact" || this.matchesCompactBreakpoint) && (h("li", { key: '4017283c7ba18818612767cf4d1c940bb13bbaba', class: {
+                (this.current === this.totalPages && this.processedPageLinks)) || this.disabled, class: "duet-date-dialog-next", "accessible-label": this.accessibleLabels.next_page, title: this.accessibleLabels.next_page, onClick: e => this.onMouseHandler(e, 1), "icon-name": "action-move-to-next", theme: this.theme, url: this.processedPageLinks ? this.processedPageLinks[this.current] : undefined })), (this.variation === "compact" || this.matchesCompactBreakpoint) && (h("li", { key: '668f3da154d7d5d42f115cf197a95b8a83ba9365', class: {
                 "duet-pagination-page-button": true,
                 "duet-pagination-button-last": true,
-            }, role: "menuitem", part: "navigation-arrow" }, h("duet-action-button", { key: '9625bd8c9071ec35ed43439fbb84334e04f071da', disabled: (this.current === this.totalPages &&
+            }, role: "menuitem", part: "navigation-arrow" }, h("duet-action-button", { key: 'eefec009212d7dee560c9f21d1cdf959bfaac645', disabled: (this.current === this.totalPages &&
                 this.internalSectionIndex === Math.ceil(this.totalPages / this.visibleItems) - 1) ||
                 this.disabled, accessibleLabel: this.accessibleLabels.last_page, title: this.accessibleLabels.last_page, onClick: e => this.jumpToEnd(e), "icon-name": "action-move-to-last", theme: this.theme, url: this.processedPageLinks ? this.processedPageLinks[this.totalPages - 1] : undefined })))))));
     }

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

@@ -106,8 +106,11 @@
 }
 
 :host(.duet-theme-turva2) .duet-paragraph.duet-theme-turva {
-  color: rgb(35, 46, 61);
+  color: #172a3b;
 }
 :host(.duet-theme-turva2) ::slotted(a).duet-theme-turva {
-  color: rgb(197, 29, 65);
+  color: #e61740;
+}
+:host(.duet-theme-turva2) ::slotted(a:hover).duet-theme-turva {
+  color: #8c001e;
 }

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

@@ -32,7 +32,7 @@ export class DuetParagraph {
         const color = getColorByName(this.color);
         // aria-describedby is to fix accessibility issue in Chrome where duet-paragraphs
         // are not announced when placed inside duet-modal
-        return (h(Host, { key: 'c40c5ba6cbe85a63b4175aaedcd83594adc10734', "aria-describedby": this.id }, h("p", { key: '96d0dad61f9e9b74f6c0945723b401dc179c87df', id: this.id, class: {
+        return (h(Host, { key: '6f740b447debf82012ab7490b991bdec7c5cac41', "aria-describedby": this.id }, h("p", { key: '657f274347df41632ef071076c76b23356afb82c', id: this.id, class: {
                 "duet-paragraph": true,
                 "duet-paragraph-small": this.size === "small",
                 "duet-paragraph-semi-bold": this.weight === "semi-bold",
@@ -40,7 +40,7 @@ export class DuetParagraph {
                 "duet-m-0": this.margin === "none",
                 [this.variation]: true,
                 "duet-theme-turva": this.theme === "turva",
-            }, style: { color }, part: "duet-paragraph" }, h("slot", { key: 'b8d26076ea382a76379fb587c13f05eadb91da4e' }))));
+            }, style: { color }, part: "duet-paragraph" }, h("slot", { key: '384f1b74fcc9a5e55780bd33bbc0add83f22ccac' }))));
     }
     static get is() { return "duet-paragraph"; }
     static get encapsulation() { return "shadow"; }

package/lib/collection/components/duet-phone-input/duet-phone-input.js

@@ -35,9 +35,9 @@ export class DuetPhoneInput {
             //console.log(ev)
         };
         this.handleInput = () => {
-            var _a, _b;
-            const currentValue = (_a = this.duetInputElement.value) === null || _a === void 0 ? void 0 : _a.trim();
-            const currentCountryCode = (this.currentCountry !== "error" && ((_b = this.currentCountry) === null || _b === void 0 ? void 0 : _b.telephoneCountryCode)) || "";
+            var _a, _b, _c;
+            const currentValue = (_b = (_a = this.duetInputElement) === null || _a === void 0 ? void 0 : _a.value) === null || _b === void 0 ? void 0 : _b.trim();
+            const currentCountryCode = (this.currentCountry !== "error" && ((_c = this.currentCountry) === null || _c === void 0 ? void 0 : _c.telephoneCountryCode)) || "";
             const inputCountryCode = this.findCountryCode(currentValue) || "";
             if (!currentValue) {
                 this.currentCountry = undefined;
@@ -141,18 +141,19 @@ export class DuetPhoneInput {
      * Value of the input.
      */
     get value() {
-        var _a;
-        return (_a = this.duetInputElement.value) === null || _a === void 0 ? void 0 : _a.replace(/\s/g, "");
+        var _a, _b, _c;
+        return (_c = (_b = (_a = this.duetInputElement) === null || _a === void 0 ? void 0 : _a.value) === null || _b === void 0 ? void 0 : _b.replace(/\s/g, "")) !== null && _c !== void 0 ? _c : "";
     }
     set value(val) {
-        this.duetInputElement.value = val;
+        this.duetInputElement.value = `${val}`.replace(/[^\d+ ]/g, "");
         this.handleInput();
     }
     /**
      * This is a proxy for the enclosed native inputs validity
      */
     get validity() {
-        return this.duetInputElement.validity;
+        var _a;
+        return (_a = this.duetInputElement) === null || _a === void 0 ? void 0 : _a.validity;
     }
     /**t
      * Component lifecycle events.
@@ -174,7 +175,8 @@ export class DuetPhoneInput {
      * Sets focus on the contained input element, use this instead of the native `input.focus()`.
      */
     async setFocus(options) {
-        this.duetInputElement.setFocus(options);
+        var _a;
+        (_a = this.duetInputElement) === null || _a === void 0 ? void 0 : _a.setFocus(options);
     }
     setInputCountryCode() {
         if (this.currentCountry === "error") {
@@ -187,7 +189,6 @@ export class DuetPhoneInput {
             return;
         }
         const oldCode = this.findCountryCode(prevValue);
-        console.log("Old code", oldCode);
         if (oldCode) {
             this.duetInputElement.value = prevValue.replace(`+${oldCode}`, newCode).replace("  ", " ");
             return;
@@ -195,7 +196,7 @@ export class DuetPhoneInput {
         this.duetInputElement.value = prevValue.replace("+", newCode);
     }
     findCountryCode(value) {
-        const normalizedValue = value.trim();
+        const normalizedValue = (value === null || value === void 0 ? void 0 : value.trim()) || "";
         if (!normalizedValue.startsWith("+")) {
             return undefined;
         }

package/lib/collection/components/duet-popup-menu/duet-popup-menu.css

@@ -68,5 +68,5 @@ slot {
 }
 
 :host(.duet-theme-turva2) .duet-popup-menu-list.duet-theme-turva {
-  color: rgb(35, 46, 61) !important;
+  color: #172a3b !important;
 }

package/lib/collection/components/duet-popup-menu/duet-popup-menu.js

@@ -355,17 +355,17 @@ export class DuetPopupMenu {
             overflowY: "auto",
             height: this.popupMenuStyleHeight,
         };
-        return (h(Host, { key: 'b122068ff5f05a161926a7eeec8418fd258dc753' }, h("div", { key: '3ee437f9fce94ed063c132bb045aedf2714a4ccf', ref: element => {
+        return (h(Host, { key: '8162bd3dcf089f1fbd0890ba90752b8375845e02' }, h("div", { key: 'a960165406ca70e48975935be91407e196af3acb', ref: element => {
                 this.menuElement = element;
             }, style: styles, class: {
                 open: this.open,
                 "duet-popup-menu-list": true,
                 "duet-theme-turva": this.theme === "turva",
                 "scroll-visible": this.scrollLimit < this.itemElements.length,
-            }, role: this.accessibleRole, "aria-label": this.accessibleLabel }, this.showFilterInput && (h("div", { key: '73faa0c97cebf6cb99abae830cabcc06525b4b57' }, h("duet-input", { key: 'fa2d88575830d3dae9beb503dc7016e419a7cef0', ref: el => (this.filterInput = el), label: this.filterLabel[this.language], "label-hidden": true, expand: true, margin: "none", type: "search", onDuetInput: this.filterItems, onKeyDown: this.handleKeyDownOnFilter }), h("duet-visually-hidden", { key: '56c6e3412f75452b9da5bc8888405ce19289d7d1' }, h("span", { key: 'ad2a9bb358c92fb580f225a347f45f4bd2147e14', role: "status" }, `
+            }, role: this.accessibleRole, "aria-label": this.accessibleLabel }, this.showFilterInput && (h("div", { key: '41ff2d5c37e1b82432abe9ae940120c4f27c2de7' }, h("duet-input", { key: 'aeeebdf64aa13db39dc6bb49e9a33a9eddf71171', ref: el => (this.filterInput = el), label: this.filterLabel[this.language], "label-hidden": true, expand: true, margin: "none", type: "search", onDuetInput: this.filterItems, onKeyDown: this.handleKeyDownOnFilter }), h("duet-visually-hidden", { key: '22bffb507bc56003ed6df5c58255bba01938e985' }, h("span", { key: '2720b44f182bd5590999b37d4ac9157bf3d72a1c', role: "status" }, `
                   ${this.filterResultCount}/${this.itemElements.length}
                   ${this.filterResultCountLabel[this.language]}
-                `)), h("duet-spacer", { key: 'dfd8ee96c3234e6c1cfd6389fdbf30996dab3d0d', size: "xx-small" }))), h("slot", { key: 'adc7655a36b4009b4dc5cfcb9d83b73a2e0beb9e' }))));
+                `)), h("duet-spacer", { key: 'ab6b1d79410935e50a5c6a15fc5f66d141ee5590', size: "xx-small" }))), h("slot", { key: '6265f5a9f3cde710961b4e815da45501016f4056' }))));
     }
     static get is() { return "duet-popup-menu"; }
     static get encapsulation() { return "shadow"; }

package/lib/collection/components/duet-popup-menu-item/duet-popup-menu-item.css

@@ -82,11 +82,11 @@
 }
 
 :host(.duet-theme-turva2) .duet-popup-menu-item.duet-theme-turva {
-  color: rgb(35, 46, 61);
+  color: #172a3b;
 }
 :host(.duet-theme-turva2) .duet-popup-menu-item.active.duet-theme-turva {
-  background: rgb(253, 247, 242);
+  background: #fdf7f2;
 }
 :host(.duet-theme-turva2) .duet-popup-menu-item:hover.duet-theme-turva {
-  background: rgb(248, 229, 217);
+  background: #fbebe1;
 }

package/lib/collection/components/duet-popup-menu-item/duet-popup-menu-item.js

@@ -69,11 +69,11 @@ export class DuetPopupMenuItem {
         };
         // Without the role ternary Safari/iPhone wouldn't announce the label for role menuitem.
         // This is a tradeoff and now Safari announces these items as buttons and links with the label.
-        return (h(Host, { key: '0fc9e90362081fd5b2e00742e296ede698ddecc2', role: this.accessibleRole === "menuitem" && this.isSafariBrowser ? null : this.accessibleRole }, h(TagName, { key: 'a53d080e78aa5f0a4206d45efdbbba5df8f2042c', ref: element => (this.itemElement = element), tabIndex: this.accessibleRole === "listitem" ? 0 : -1, onFocus: this.onFocus, onBlur: this.onBlur, role: `${TagName === "a" ? "link" : "button"}`, "aria-label": this.accessibleLabel, class: classes, value: this.value, href: this.url, target: this.external ? "_blank" : undefined, rel: this.external ? "noopener" : undefined, lang: TagName === "button" ? undefined : this.targetLanguage, hreflang: TagName === "button" ? undefined : this.targetLanguage }, this.leadingIcon && (h("duet-icon", { key: 'fc6728587084a43f9dc76eb3bf86778080a00e7d', name: this.leadingIcon, size: "x-small", color: this.leadingIconColor ? this.leadingIconColor : "currentColor", class: "duet-popup-menu-item-leading", margin: "none" })), h("span", { key: 'c4f9c8e931c8eedd61507ac71aa64e8b8f57788f', class: "duet-popup-menu-item-label" }, h("slot", { key: 'a18a3a9ed5f6726e4a1837d51cff56955d957e96' })), (this.trailingIcon || this.active || (this.url && this.external)) && (h("duet-icon", { key: 'ae2294e052ef2a9a8b9795a8433f222340345cc1', name: this.url && this.external
+        return (h(Host, { key: '855ded901c72934bac1959da3b87bddc4510f234', role: this.accessibleRole === "menuitem" && this.isSafariBrowser ? null : this.accessibleRole }, h(TagName, { key: '0ff260f8a56f6d2b8dc841efed00cc1d60c79c4f', ref: element => (this.itemElement = element), tabIndex: this.accessibleRole === "listitem" ? 0 : -1, onFocus: this.onFocus, onBlur: this.onBlur, role: `${TagName === "a" ? "link" : "button"}`, "aria-label": this.accessibleLabel, class: classes, value: this.value, href: this.url, target: this.external ? "_blank" : undefined, rel: this.external ? "noopener" : undefined, lang: TagName === "button" ? undefined : this.targetLanguage, hreflang: TagName === "button" ? undefined : this.targetLanguage }, this.leadingIcon && (h("duet-icon", { key: 'bc7550f68280ed7fc512994919fba2f5315f9d3d', name: this.leadingIcon, size: "x-small", color: this.leadingIconColor ? this.leadingIconColor : "currentColor", class: "duet-popup-menu-item-leading", margin: "none" })), h("span", { key: '7a0da71e0a62507c7a92bb9804c350ce539db409', class: "duet-popup-menu-item-label" }, h("slot", { key: 'a259f892030a63c8638546ba897ede8ced555aac' })), (this.trailingIcon || this.active || (this.url && this.external)) && (h("duet-icon", { key: '85ccdb025eaa1159afd2d19931a5461d5092d319', name: this.url && this.external
                 ? newWindowIcon.title
                 : this.active
                     ? "messaging-checked-small"
-                    : this.trailingIcon, size: (this.url && this.external) || this.active ? "xx-small" : "x-small", color: "currentColor", class: "duet-popup-menu-item-trailing", margin: "none" })), this.trailingText && h("span", { key: '6373f165f6aeeabffb62962dd8e97e58b5d1a6aa', class: "duet-popup-menu-item-trailing" }, this.trailingText))));
+                    : this.trailingIcon, size: (this.url && this.external) || this.active ? "xx-small" : "x-small", color: "currentColor", class: "duet-popup-menu-item-trailing", margin: "none" })), this.trailingText && h("span", { key: 'b281a83d0a76db4efa87bae68076ce42e153e482', class: "duet-popup-menu-item-trailing" }, this.trailingText))));
     }
     static get is() { return "duet-popup-menu-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -103,20 +103,20 @@
 }
 
 .duet-theme-turva2 .duet-progress.duet-theme-turva .progress-bar {
-  background-color: rgb(253, 247, 242);
+  background-color: #fdf7f2;
 }
 .duet-theme-turva2 .duet-progress.duet-theme-turva .progress-bar > span {
-  background-color: rgb(197, 29, 65);
+  background-color: #e61740;
 }
 .duet-theme-turva2 .duet-progress.duet-theme-turva progress[value] {
-  color: rgb(197, 29, 65);
+  color: #e61740;
 }
 .duet-theme-turva2 .duet-progress.duet-theme-turva progress[value]::-webkit-progress-bar {
-  background-color: rgb(253, 247, 242);
+  background-color: #fdf7f2;
 }
 .duet-theme-turva2 .duet-progress.duet-theme-turva progress[value]::-webkit-progress-value {
-  background-color: rgb(197, 29, 65);
+  background-color: #e61740;
 }
 .duet-theme-turva2 .duet-progress.duet-theme-turva progress[value]::-moz-progress-bar {
-  background-color: rgb(253, 247, 242);
+  background-color: #fdf7f2;
 }

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

@@ -53,12 +53,12 @@ export class DuetPromoCard {
             backgroundColor: backgroundColor ? backgroundColor : "none",
         };
         const TagName = this.url ? "a" : "div";
-        return (h(Host, { key: 'b73cdd4f3dcd554706a13aeaa706543b681529ec', class: { "duet-m-0": this.margin === "none" } }, h("aside", { key: '76f17c86f64af2cea4a60ce9882f8e76bc475ab6', class: {
+        return (h(Host, { key: 'd106a014e2f606089c38d6dc260b1ad45ca54957', class: { "duet-m-0": this.margin === "none" } }, h("aside", { key: '5686290471d3dd623d00687c2d8589d68cf41a6b', class: {
                 "duet-promo-card": true,
                 "duet-theme-turva": this.theme === "turva",
                 "no-bg-color": !this.backgroundColor,
                 "duet-promo-card-link": !!this.url,
-            }, style: bannerStyles }, h(TagName, { key: 'db345f3d904fc72e3f25618c91ab3f30a0b9e4c7', href: this.url, class: "content-wrapper", ref: element => (this.aOrDivElement = element) }, h("img", { key: 'ac5645fb64cf5872e0735ce3d97939e37fb10f0a', class: "image", src: this.image, alt: "", role: "presentation" }), h("div", { key: 'c82dc662a938ca4849089a048c57caa8efc54531', class: "content" }, this.hasPreHeadingSlot && (h("div", { key: 'cd9ce432bdf6f8ffaa63796a258837e9136e1ea4', class: "pre-heading" }, h("slot", { key: '257b9408b4489f1cc79f503473a8d458a3cb5456', name: "pre-heading" }))), this.hasHeadingSlot && (h("div", { key: '1e93652845c4b65d0ab67a0e05889304064fd7b3', class: "heading" }, h("duet-heading", { key: '9e40a46f24aadcee4d43fc36167ed434c2cc8e79', theme: this.theme, level: this.headingLevel, "visual-level": "h3", margin: "none", color: this.textColor }, h("span", { key: 'd230dbaecd853de2b4b58be416d720048b6ea43b' }, h("slot", { key: '1f99efac6f9a6ebdf6e72066b50d3fe647dfc3f1', name: "heading" }))))), this.hasDescriptionSlot && (h("div", { key: 'e61cf4abe59d58e15cefb7f7ff7aa573922154b0', class: "description" }, h("duet-paragraph", { key: '9594eba29974b0176a2fc986df802c8a5afb43f1', theme: this.theme, margin: "none", color: this.textColor }, h("span", { key: 'e800d7bb777802912b16ad4f5c76bb7f9df8c9fe' }, h("slot", { key: '709d27fb9d198c57c8ca8abbbaaedac0790483a8', name: "description" }))))), this.hasActionSlot && (h("div", { key: '2a72594c99d4142f7b1f453df4e24ce794833370', class: "action" }, h("slot", { key: '07f8ccc33355d4fc7be72c64fd758363f76f609e', name: "action" }))))))));
+            }, style: bannerStyles }, h(TagName, { key: '6969a22abb5eef82bd7b7be41f549f8e0068ee1b', href: this.url, class: "content-wrapper", ref: element => (this.aOrDivElement = element) }, h("img", { key: 'bb0a3199e2fe2df65755fd95b1c7d864c24e4321', class: "image", src: this.image, alt: "", role: "presentation" }), h("div", { key: '33993c917fd1a136cde8a94968d3378ada24a87f', class: "content" }, this.hasPreHeadingSlot && (h("div", { key: '7d29c53b121f8d7c1b9ed3c8a5f8b8320f23605a', class: "pre-heading" }, h("slot", { key: 'bbe8d30708743401c10d77e8e396d68a623b3799', name: "pre-heading" }))), this.hasHeadingSlot && (h("div", { key: 'e7f37460aabadc39bd6d58107df780f3370c20c6', class: "heading" }, h("duet-heading", { key: '73014d60a050052991ca8b9cd4b708e09cc4b2c5', theme: this.theme, level: this.headingLevel, "visual-level": "h3", margin: "none", color: this.textColor }, h("span", { key: 'aeb47383807703238ef6b8e05d60b546e9ce5401' }, h("slot", { key: '22c41d18e22855f6bf5a5a0f1a394cc80211412c', name: "heading" }))))), this.hasDescriptionSlot && (h("div", { key: 'f9062af866af231584a768fabb3cd41c93a5ecb3', class: "description" }, h("duet-paragraph", { key: 'a36fa27d4a90966385b9fd2a7da872ab7cab05ae', theme: this.theme, margin: "none", color: this.textColor }, h("span", { key: 'c447f09c8e3f8614a6b14259020308dd612fea18' }, h("slot", { key: '1b25d2412516f52a3332d8b9694c8f203e2e32db', name: "description" }))))), this.hasActionSlot && (h("div", { key: '724d901256f13542bb24489bf487a56d44fbd57b', class: "action" }, h("slot", { key: 'ea8b1fe60559b9b1ba9f1e6efa59ca7e587d7d13', name: "action" }))))))));
     }
     static get is() { return "duet-promo-card"; }
     static get encapsulation() { return "shadow"; }

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

@@ -180,21 +180,21 @@
 }
 
 :host(.duet-theme-turva2) .duet-theme-turva .duet-label {
-  color: rgb(35, 46, 61);
+  color: #172a3b;
 }
 :host(.duet-theme-turva2) .duet-theme-turva .duet-radio + label::before {
-  border-color: rgb(35, 46, 61);
+  border-color: #172a3b;
 }
 :host(.duet-theme-turva2) .duet-theme-turva .duet-radio:checked + label::after {
-  background: rgb(35, 46, 61);
+  background: #172a3b;
 }
 :host(.duet-theme-turva2) .duet-theme-turva .duet-radio[disabled] + label {
-  color: rgb(244, 213, 193);
+  color: #7891a4;
 }
 :host(.duet-theme-turva2) .duet-theme-turva .duet-radio[disabled] + label::before {
-  border-color: rgb(244, 213, 193);
+  border-color: #7891a4;
 }
 :host(.duet-theme-turva2) .duet-theme-turva .duet-radio[disabled]:checked + label::after {
-  background: rgb(244, 213, 193);
-  border-color: rgb(244, 213, 193);
+  background: #7891a4;
+  border-color: #7891a4;
 }

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

@@ -38,6 +38,11 @@ export class DuetRadioGroup {
         this.required = false;
         this.accessibleLiveError = "polite";
     }
+    removeDisabledAttributeWhenFalse() {
+        if (!this.disabled) {
+            this.element.removeAttribute("disabled");
+        }
+    }
     /**
      * Component lifecycle events.
      */
@@ -72,6 +77,7 @@ export class DuetRadioGroup {
     }
     componentWillLoad() {
         inheritGlobalTheme(this);
+        this.removeDisabledAttributeWhenFalse();
         checkNamedSlotElement(this.element, "tooltip", "duet-tooltip", 1, true);
     }
     /**
@@ -458,6 +464,9 @@ export class DuetRadioGroup {
     static get elementRef() { return "element"; }
     static get watchers() {
         return [{
+                "propName": "disabled",
+                "methodName": "removeDisabledAttributeWhenFalse"
+            }, {
                 "propName": "name",
                 "methodName": "updateRadios"
             }, {

package/lib/collection/components/duet-range-slider/duet-range-slider.css

@@ -219,41 +219,38 @@
 }
 
 :host(.duet-theme-turva2) .duet-theme-turva .duet-output {
-  color: rgb(35, 46, 61);
+  color: #172a3b;
 }
 :host(.duet-theme-turva2) .duet-range-disabled.duet-theme-turva .duet-output {
-  color: rgb(244, 213, 193);
+  color: #7891a4;
 }
 :host(.duet-theme-turva2) .duet-theme-turva .duet-range {
-  background: rgb(244, 213, 193);
+  background: #b2c2cd;
 }
 :host(.duet-theme-turva2) .duet-theme-turva .duet-range::-webkit-slider-thumb {
-  border-color: rgb(244, 213, 193);
+  border-color: #7891a4;
 }
 :host(.duet-theme-turva2) .duet-theme-turva .duet-range::-moz-range-thumb {
-  border-color: rgb(244, 213, 193);
+  border-color: #7891a4;
 }
 :host(.duet-theme-turva2) .duet-theme-turva .duet-range::-ms-thumb {
-  border-color: rgb(244, 213, 193);
+  border-color: #7891a4;
 }
 :host(.duet-theme-turva2) .duet-theme-turva .duet-range:disabled {
-  background: rgb(244, 213, 193) !important;
+  background: #b2c2cd !important;
 }
 :host(.duet-theme-turva2) .duet-theme-turva .duet-range:disabled::-webkit-slider-thumb {
-  background: rgb(244, 213, 193);
-  border-color: transparent;
+  background: #b2c2cd;
 }
 :host(.duet-theme-turva2) .duet-theme-turva .duet-range:disabled::-moz-range-thumb {
-  background: rgb(244, 213, 193);
-  border-color: transparent;
+  background: #b2c2cd;
 }
 :host(.duet-theme-turva2) .duet-theme-turva .duet-range:disabled::-ms-thumb {
-  background: rgb(244, 213, 193);
-  border-color: transparent;
+  background: #b2c2cd;
 }
 :host(.duet-theme-turva2) .duet-theme-turva .duet-range::-ms-fill-lower {
-  background: rgb(197, 29, 65);
+  background: #e61740;
 }
 :host(.duet-theme-turva2) .duet-theme-turva .duet-range::-ms-fill-upper {
-  background: rgb(244, 213, 193);
+  background: #b2c2cd;
 }

package/lib/collection/components/duet-range-stepper/duet-range-stepper.css

@@ -49,5 +49,5 @@
 }
 
 :host(.duet-theme-turva2) .duet-theme-turva .duet-range-step-counter {
-  color: rgb(35, 46, 61);
+  color: #172a3b;
 }

package/lib/collection/components/duet-range-stepper/duet-range-stepper.js

@@ -169,10 +169,10 @@ export class DuetRangeStepper {
      * Always the last one in the class.
      */
     render() {
-        return (h("div", { key: 'fa2c2642d5a39d629ac91c1bba26a684b132847e', class: {
+        return (h("div", { key: '3fa08eaa9b32a3e86c05908cf62749a1f2d06160', class: {
                 "duet-range-stepper": true,
                 "duet-theme-turva": this.theme === "turva",
-            }, onKeyDown: e => this.onKeyboardDown(e), "aria-controls": this.ariaControls }, h("span", { key: 'b13479a4081d1c96598a9a6a155a7ba13bb571a7', class: "duet-range-step-counter", part: "range-numbers" }, this.generateStepSize()), h("duet-action-button", { key: '929da802a06c142ef0bf763b8d1ef05ddf296c8a', disabled: this.disabled || this.buttonLeftDisabled, class: "duet-range-step-button duet-range-step-minus", onClick: e => this.handleClick(e, -1), id: this.leftBn, "accessible-label": `${this.ariaLabels.previous_increment} ${this.generatePreviousIncrementLabel()}`, ref: el => (this.leftBnRef = el), part: "navigation-arrow", iconName: "action-arrow-left-small", title: "" }), h("duet-action-button", { key: 'cb496f9a6d6776c1083ca280ad2770c6f8ca489b', disabled: this.disabled || this.buttonRightDisabled, class: "duet-range-step-button duet-range-step-plus", onClick: e => this.handleClick(e, 1), "accessible-label": `${this.ariaLabels.next_increment} ${this.generateNextIncrementLabel()}`, id: this.rightBn, ref: el => (this.rightBnRef = el), part: "navigation-arrow", iconName: "action-arrow-right-small", title: "" })));
+            }, onKeyDown: e => this.onKeyboardDown(e), "aria-controls": this.ariaControls }, h("span", { key: '3cc01c7b2b558f049f5dce477ac09d2046f9adaf', class: "duet-range-step-counter", part: "range-numbers" }, this.generateStepSize()), h("duet-action-button", { key: 'be8e08eb55049747a64b8dbedf553809958ef6fa', disabled: this.disabled || this.buttonLeftDisabled, class: "duet-range-step-button duet-range-step-minus", onClick: e => this.handleClick(e, -1), id: this.leftBn, "accessible-label": `${this.ariaLabels.previous_increment} ${this.generatePreviousIncrementLabel()}`, ref: el => (this.leftBnRef = el), part: "navigation-arrow", iconName: "action-arrow-left-small", title: "" }), h("duet-action-button", { key: '0930fe197ce06ee4ab4d9f513ee72054b6406e93', disabled: this.disabled || this.buttonRightDisabled, class: "duet-range-step-button duet-range-step-plus", onClick: e => this.handleClick(e, 1), "accessible-label": `${this.ariaLabels.next_increment} ${this.generateNextIncrementLabel()}`, id: this.rightBn, ref: el => (this.rightBnRef = el), part: "navigation-arrow", iconName: "action-arrow-right-small", title: "" })));
     }
     static get is() { return "duet-range-stepper"; }
     static get encapsulation() { return "shadow"; }

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

@@ -211,8 +211,8 @@
 }
 
 :host(.duet-theme-turva2) .duet-theme-turva .duet-scrollable-button-container .duet-scrollable-button--absolute:hover {
-  border-color: rgb(244, 213, 193);
+  border-color: #7891a4;
 }
 :host(.duet-theme-turva2) .duet-scrollable-items.duet-theme-turva .duet-scrollable-button-container .duet-scrollable-button--absolute:hover {
-  border-color: rgb(244, 213, 193);
+  border-color: #7891a4;
 }

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

@@ -228,18 +228,18 @@ export class DuetScrollable {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: '13b04f9678d2d876b3813ff3be4400c6d3cb8706', class: {
+        return (h(Host, { key: 'fc5cbda348d0355f0d099d89dd8418207b762788', class: {
                 "duet-theme-turva": this.theme === "turva",
                 "duet-theme-default": this.theme === "default",
-            } }, this.hasCollapseButtonLabelSlot && (h("div", { key: '5459a8a656904d8cf5930623b0590b533055be36', class: {
+            } }, this.hasCollapseButtonLabelSlot && (h("div", { key: '3e9bd6fc04f24564eb9cb3a6a2810a4eae817316', class: {
                 collapse: true,
                 hide: !this.needsScrolling && !this.collapsed,
-            } }, h("duet-button", { key: '0e1a7e9dd6e442d653ce8dbdc19831b3299d47c5', variation: "plain", margin: "none", "center-text": true, onClick: () => this.collapsedOnClick() }, h("slot", { key: '8c534bbeea9b0f15915958ae3947ca479a141a07', name: "collapse-button-label" })))), h("div", { key: '333736ff3035d3ba6e12b6f73c38fad12af6ec6a', class: {
+            } }, h("duet-button", { key: 'bb24a52b6f19eb479d5d89611382093095eec895', variation: "plain", margin: "none", "center-text": true, onClick: () => this.collapsedOnClick() }, h("slot", { key: '3f0973a591d40475081199c18df434406de413c4', name: "collapse-button-label" })))), h("div", { key: '7fecc01c6395afef2353c3eb4e3447c1e019daf1', class: {
                 "duet-scrollable-items": true,
                 buttons: this.buttons,
                 center: this.center,
                 "duet-theme-turva": this.theme === "turva",
-            } }, this.buttons && this.renderButton("left"), h("div", { key: '78c52fc83f55f4e9ab7bd9a3d12ec2c7a88f2e3f', class: {
+            } }, this.buttons && this.renderButton("left"), h("div", { key: 'eef96129135056ddd374f36b2aa85e385a675dca', class: {
                 "duet-scrollable-list": true,
                 [`duet-scrollable-list--${this.buttonPosition}`]: true,
                 [`gap-${this.gap}`]: true,
@@ -247,7 +247,7 @@ export class DuetScrollable {
                 [`duet-overflow-padding--${this.padding}`]: this.padding !== "none",
                 [`duet-scrollable-list--${this.buttonPosition}`]: this.buttonPosition === "absolute",
                 "duet-scrollable-stretch": this.stretch,
-            }, onScroll: () => this.updateScrollButtons(), ref: element => (this.scrollPaneElement = element) }, h("slot", { key: '95205e7b789573b3f5bfa2e542d81e2068968e93' })), this.buttons && this.renderButton("right"))));
+            }, onScroll: () => this.updateScrollButtons(), ref: element => (this.scrollPaneElement = element) }, h("slot", { key: 'd7b6a4370e3ab8766a882fd00768e71266f2f4b1' })), this.buttons && this.renderButton("right"))));
     }
     static get is() { return "duet-scrollable"; }
     static get encapsulation() { return "shadow"; }