@duetds/components 9.11.0 → 9.12.1

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

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

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

@@ -45,10 +45,10 @@ export class DuetContactCard {
     render() {
         const isTurva = this.theme === "turva";
         const theme = isTurva ? "turva" : "default";
-        return (h(Host, { key: 'de2706d6aba03e8de9dc6c048f81eb8d334af5f7', class: { "duet-m-0": this.margin === "none" } }, h("div", { key: '762f5154121fbf1dc8bafb92595b291f82a011f1', class: {
+        return (h(Host, { key: 'ef558fb0fe67f895df5c9aaaf24a2a088b32382b', class: { "duet-m-0": this.margin === "none" } }, h("div", { key: '8b62e79243bf49eb8c06179f28760bbd238d4dfd', class: {
                 "duet-contact-card": true,
                 "duet-theme-turva": this.theme === "turva",
-            }, role: "group", "aria-label": this.name }, this.image ? h("img", { class: "image", src: this.image, alt: this.name }) : h("div", null), h("div", { key: '5842b3cf401981d0c06cd644916669eab604bae3' }, this.name && (h("duet-heading", { key: 'fde8f62fc3664388be9644f1a3c38966adfd298c', class: "name", level: "h3", margin: "none", theme: theme }, this.name)), this.description && (h("duet-paragraph", { key: '1b036c57a6e3e0a9e4669b0e12304c5a6977c112', class: "description", margin: "none", theme: theme }, this.description)), this.email && (h("div", { key: '6545c1be32cff4f5aa0ff43cee338c9b857730fd', class: "email" }, h("duet-icon", { key: 'c5f1abb56941064a201337bb44f8b773853e60ff', name: "navigation-message", size: "x-small", color: "primary-dark", margin: "none", theme: theme }), h("duet-link", { key: 'ddc6c729a1abea64a502403b75221fb813fa4c8b', url: `mailto:${this.email}`, accessibleLabel: `Email: ${this.email}`, theme: theme }, this.email))), this.phone && (h("div", { key: '5dc0b7078b20a9f1790fe2a04b4fa74bfeea65b0', class: "phone" }, h("duet-icon", { key: '1d29a1b982d4efeb7f685b8ecbee8db257ab63cb', name: "form-tel", size: "x-small", color: "primary-dark", margin: "none", theme: theme }), h("duet-link", { key: '989b6d03684dcab0b99031e05e323185d5aa19bf', url: `tel:${this.phone}`, accessibleLabel: `${this.phoneLabel[this.language]}: ${this.phone}`, theme: theme }, this.phone)))), this.buttonUrl && this.buttonText && (h("div", { key: '20263d42cf642136939c5920bc235c599ca8cb01', class: "call-to-action" }, h("duet-button", { key: '5a84ba6f2d66651f03caf0338050bb7dd8c21a7d', variation: "default", icon: this.buttonIcon, fixed: true, margin: "none", url: this.buttonUrl, theme: theme }, this.buttonText))), h("div", { key: '0f4bbbefc3beccbd9d81bfa65af65c44cfdbb231' }), h("slot", { key: '0a50d298edbb6dc88d428e3ddae6c00bf84658ae' }))));
+            }, role: "group", "aria-label": this.name }, this.image ? h("img", { class: "image", src: this.image, alt: this.name }) : h("div", null), h("div", { key: '87589d4cc92af72a4882d26ac1e6144cd895cd47' }, this.name && (h("duet-heading", { key: '6d210c91387ed8119e53f03149c4015b41e4122e', class: "name", level: "h3", margin: "none", theme: theme }, this.name)), this.description && (h("duet-paragraph", { key: '0898c2018c7578698ce22165a7bc40565d110663', class: "description", margin: "none", theme: theme }, this.description)), this.email && (h("div", { key: '301f224fa5c14efd4a3dbe2adf6846cdee0d99cd', class: "email" }, h("duet-icon", { key: 'baac12290e142ab90fa2a8a95e856505c37b9195', name: "navigation-message", size: "x-small", color: "primary-dark", margin: "none", theme: theme }), h("duet-link", { key: '2fee659fd7c9c7e38cd5a3577a78c58e03d3388b', url: `mailto:${this.email}`, accessibleLabel: `Email: ${this.email}`, theme: theme }, this.email))), this.phone && (h("div", { key: '263c3c79cf300412ac4c6790ba75467ec968fc2e', class: "phone" }, h("duet-icon", { key: '5627780599f14417e322a25cc35a06d205e4b4d2', name: "form-tel", size: "x-small", color: "primary-dark", margin: "none", theme: theme }), h("duet-link", { key: '37df03e1ec030dc0d72b4f38ea6c9d5514528275', url: `tel:${this.phone}`, accessibleLabel: `${this.phoneLabel[this.language]}: ${this.phone}`, theme: theme }, this.phone)))), this.buttonUrl && this.buttonText && (h("div", { key: '022f0da87b23085f3452412d7b9fe34228808dbc', class: "call-to-action" }, h("duet-button", { key: '2d956ee2b2b406d3f560d39c434966162bfc1917', variation: "default", icon: this.buttonIcon, fixed: true, margin: "none", url: this.buttonUrl, theme: theme }, this.buttonText))), h("div", { key: '92620630d3eedac13a91bcc7be393a2e2e5a5c77' }), h("slot", { key: '6e887b3401d8a56bdb39c4f9754ddc321bfad5d6' }))));
     }
     static get is() { return "duet-contact-card"; }
     static get encapsulation() { return "shadow"; }

package/lib/collection/components/duet-cookie-consent/duet-cookie-consent.css

@@ -115,10 +115,10 @@
 }
 
 :host(.duet-theme-turva2) .duet-cookie-consent.duet-theme-turva {
-  background-color: rgba(18, 23, 31, 0.9);
+  background-color: rgba(12, 21, 30, 0.9);
 }
 @supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) {
   :host(.duet-theme-turva2) .duet-cookie-consent.duet-theme-turva {
-    background: rgba(18, 23, 31, 0.8);
+    background: rgba(12, 21, 30, 0.8);
   }
 }

package/lib/collection/components/duet-cookie-consent/duet-cookie-consent.js

@@ -40,7 +40,7 @@ export class DuetCookieConsent {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: '476f5d2cbdca75ceaf88e2f974a1163ad7f0184f', tabindex: "-1", class: { "duet-theme-turva": this.theme === "turva" } }, h("div", { key: '9d26bb861fe4beb008d4f7a7c53002942ec93dff', class: { "duet-cookie-consent": true, "duet-theme-turva": this.theme === "turva" } }, h("div", { key: 'f5906f93ada11a35ee25438441c92c52ed8b8242', class: "duet-cookie-consent-content" }, h("div", { key: '93deeef6b190845355a67151301c9087bfad00f1', class: "expand" }, h("slot", { key: '8e3df378550301e37c91a6552cf66fdf807862f4' })), h("duet-spacer", { key: '4885fb754af9146111969530157bfba03e0e828a', size: "large", direction: "horizontal" }), h("div", { key: 'e1d0ccaac71e1fbfda8d5cc8789c1faed1e45180' }, h("duet-button", { key: '63efb1ffe5afabcde47e60eee02915da395eb83c', variation: "negative", size: "small", onClick: this.handleClick, margin: "none", "aria-label": this.accessibleLabel, theme: this.theme }, "OK"))))));
+        return (h(Host, { key: '506d1769429cf65db0c103b4f18005cfeff7bee8', tabindex: "-1", class: { "duet-theme-turva": this.theme === "turva" } }, h("div", { key: 'c36f8630bd43e752be0aed0fdefcdbb2cfd29718', class: { "duet-cookie-consent": true, "duet-theme-turva": this.theme === "turva" } }, h("div", { key: '96368e115adefab02051daabb9e584353f411e1a', class: "duet-cookie-consent-content" }, h("div", { key: '3179191d41fd6656f1a13fb3bd06b2a3388240f0', class: "expand" }, h("slot", { key: '39de067bf84d2b0caf9f6f8675abb10f3d713487' })), h("duet-spacer", { key: 'c08f12efe61e76885353c55a1300442c9436a6ff', size: "large", direction: "horizontal" }), h("div", { key: '8d71e1afdd7ec69a6738ccac4fac99179378b64e' }, h("duet-button", { key: 'd86306aa5911917a369925c86cac272216003ac0', variation: "negative", size: "small", onClick: this.handleClick, margin: "none", "aria-label": this.accessibleLabel, theme: this.theme }, "OK"))))));
     }
     static get is() { return "duet-cookie-consent"; }
     static get encapsulation() { return "shadow"; }

package/lib/collection/components/duet-date-picker/duet-date-picker.css

@@ -499,27 +499,27 @@
 }
 
 :host(.duet-theme-turva2) .duet-theme-turva .duet-date-button {
-  color: rgb(35, 46, 61);
+  color: #172a3b;
 }
 :host(.duet-theme-turva2) .duet-theme-turva.duet-date-input-has-focus :host(.duet-theme-turva2) .duet-theme-turva, :host(.duet-theme-turva2) .duet-theme-turva:focus {
-  color: rgb(35, 46, 61);
+  color: #172a3b;
 }
 :host(.duet-theme-turva2) .duet-theme-turva .duet-date-table-button {
-  color: rgb(35, 46, 61) !important;
+  color: #172a3b !important;
 }
-:host(.duet-theme-turva2) .duet-theme-turva .duet-date-table-button:hover {
-  background: rgb(248, 229, 217) !important;
+:host(.duet-theme-turva2) .duet-theme-turva .duet-date-table-button:hover:not(.disabled) {
+  background: #fbe1d1 !important;
 }
 :host(.duet-theme-turva2) .duet-theme-turva .duet-date-table-button.today {
-  background: rgb(253, 247, 242) !important;
+  background: #fdf7f2 !important;
 }
 :host(.duet-theme-turva2) .duet-theme-turva .duet-date-table-button:active {
   color: rgb(255, 255, 255) !important;
-  background: rgb(197, 29, 65) !important;
+  background: #e61740 !important;
 }
 :host(.duet-theme-turva2) .duet-theme-turva .duet-date-table-button.outside {
-  color: rgb(113, 118, 132) !important;
-  background: rgb(222, 224, 228) !important;
+  color: #7891a4 !important;
+  background: #f5f6f7 !important;
 }
 :host(.duet-theme-turva2) .duet-theme-turva .duet-date-table-button.disabled {
   color: rgb(199, 202, 207) !important;
@@ -527,8 +527,8 @@
 :host(.duet-theme-turva2) .duet-theme-turva [aria-pressed=true] .duet-date-table-button,
 :host(.duet-theme-turva2) .duet-theme-turva :focus .duet-date-table-button {
   color: rgb(255, 255, 255) !important;
-  background: rgb(197, 29, 65) !important;
+  background: #e61740 !important;
 }
 :host(.duet-theme-turva2) .duet-theme-turva.duet-date-table {
-  color: rgb(35, 46, 61);
+  color: #172a3b;
 }

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

@@ -48,4 +48,8 @@
 }
 .duet-divider.duet-theme-turva {
   background: rgb(222, 224, 228);
+}
+
+:host(.duet-theme-turva2) .duet-divider.duet-theme-turva {
+  background: #d4dde2;
 }

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

@@ -22,7 +22,7 @@ export class DuetDivider {
      */
     render() {
         const background = getColorByName(this.color);
-        return (h("div", { key: '6f7070cd1039fa6f21a079e0d3c6b3682678ad91', class: {
+        return (h("div", { key: '0abfcccc8eafdca452bd879ba84ae92b59fee8ae', class: {
                 "duet-m-0": this.margin === "none",
                 "duet-m-s": this.margin === "small",
                 "duet-divider": true,

package/lib/collection/components/duet-empty-state/duet-empty-state.css

@@ -48,5 +48,6 @@
 }
 
 :host(.duet-theme-turva2) .duet-empty-state.duet-theme-turva {
-  color: rgb(35, 46, 61);
+  color: #172a3b;
+  background: #f5f6f7;
 }

package/lib/collection/components/duet-empty-state/duet-empty-state.js

@@ -20,11 +20,11 @@ export class DuetEmptyState {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: 'd9379ed3e41dcc39f9fdd2e7f79e8b9c56e1043d' }, h("div", { key: '6294425e1d8ad0ce15267d9e3173683af71e7c7b', class: {
+        return (h(Host, { key: 'f45d8c1fd50469058893aba0df2544f52f0df336' }, h("div", { key: '43106f247f18ff15731201bc7726e347274be2e6', class: {
                 "duet-empty-state": true,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-is-small": this.size === "small",
-            } }, h("duet-icon", { key: '8d899d8c9828c5b711b2ef343f47eee033465db2', color: "currentColor", name: this.icon, size: this.size === "small" ? "large" : "x-large" }), h("div", { key: '2787d3e6c2ffc6d20d09a14271dd39f10e37fb93' }, h("slot", { key: 'b155444859f180ff4772185c09bc055820c11585' })))));
+            } }, h("duet-icon", { key: '9141aee8b2ee240077555ce18e23fb77ea7a1779', color: "currentColor", name: this.icon, size: this.size === "small" ? "large" : "x-large" }), h("div", { key: '59aebd1cea12a2be16857d061c1f34119c9bcf84' }, h("slot", { key: '1dd6b0c0f7b8e6c1601bce724664242143e01020' })))));
     }
     static get is() { return "duet-empty-state"; }
     static get encapsulation() { return "shadow"; }

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

@@ -137,5 +137,5 @@ fieldset legend {
 }
 
 :host(.duet-theme-turva2) .duet-theme-turva .duet-legend-wrapper {
-  color: rgb(35, 46, 61);
+  color: #172a3b;
 }

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

@@ -49,20 +49,20 @@ export class DuetFieldset {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: '4965e01be8b42d5a6e51b749161c751d6a4b6ebd', class: { "duet-m-0": this.margin === "none" } }, h("fieldset", { key: '57768b043d2c10dd06d6289d821737c8a817c695', "aria-labelledby": this.labelId, "aria-describedby": this.error ? this.errorId : null,
+        return (h(Host, { key: 'f726d0b72feacdec4db21ae0411101dfc7f0d3d3', class: { "duet-m-0": this.margin === "none" } }, h("fieldset", { key: '6bb1c19ea550def43a5f03221baf3ee8af180bb5', "aria-labelledby": this.labelId, "aria-describedby": this.error ? this.errorId : null,
             // NVDA and VoiceOver do not yet support aria-errormessage
             // once they do, we can remove errors from the aria-describedby
             // aria-errormessage={this.error ? this.errorId : null}
             class: {
                 "duet-fieldset": true,
                 "duet-theme-turva": this.theme === "turva",
-            } }, h("legend", { key: 'fbd8f94114ffedaac873f6b3368e6cac74d39d4b', id: this.labelId }, h(this.labelHeadingLevel, { key: 'a0a9547c1312eba4e91d47bb1bbddab4da333768' }, this.label), this.caption && h("span", { key: '03c499050ea7ea6c375287fb1c07be16d03444d8' }, this.caption)), h("div", { key: '26bbf1a230b1c0cc2b9aadfdd1f945796060ea1d', class: {
+            } }, h("legend", { key: '1676e322f31fd9fa58a55f8ed0c6dda84732b52c', id: this.labelId }, h(this.labelHeadingLevel, { key: '99da350e5e2c8711a9630f0e1d4d2febe240866e' }, this.label), this.caption && h("span", { key: '8fc86022dd8eaf22ce4bb2c12462536dac3a8beb' }, this.caption)), h("div", { key: '031289135288fcf2c770b83af8eff5210074fe06', class: {
                 "duet-legend-wrapper": true,
                 "duet-legend-has-caption": !!this.caption,
                 "duet-legend-has-tooltip": this.hasTooltip,
                 "duet-legend-hidden": this.labelHidden,
                 "duet-legend-compact": this.compactLabel,
-            } }, h("div", { key: '053c58092176f9a556c09f4fa77cac8ee1d49109', class: "duet-fieldset-label" }, h("span", { key: '9cf85084056cc302c55956fad1a15a18299aba47', "aria-hidden": "true" }, this.label), h("slot", { key: 'abf25503935362fd46dab5848f7efbe8631d089a', onSlotchange: this.checkHasTooltip, name: "tooltip" })), this.caption && (h("div", { key: '4f42e9c66a866c1c3eabf4bb47648b8eb2f8dff2', class: "duet-fieldset-caption", "aria-hidden": "true" }, h("duet-caption", { key: 'c4d55da1e05b562682f538daf0a33e7fe8f8d15b', theme: this.theme, margin: "none" }, this.caption)))), h("slot", { key: 'bd81475b5cc6b4a1bd13feabd97070efc2e9f875' }), h("span", { key: '849271add4278250a9053cfed7539726a10cb0be', class: "duet-fieldset-help duet-fieldset-error", id: this.errorId, "aria-atomic": "true", "aria-live": this.accessibleLiveError, "aria-relevant": "additions removals" }, this.error && h("span", { key: '6e49839de83795bb7d404464911b2527ed002dc6', class: { "duet-m-0": this.lastItemIsChip } }, this.error)))));
+            } }, h("div", { key: 'bc8f52a6b862528563d84d3006e75b5c5ca2d6a2', class: "duet-fieldset-label" }, h("span", { key: '4cb146f9f8117839d0bd9905eea641c5fc621df7', "aria-hidden": "true" }, this.label), h("slot", { key: '772582e335f1b7ab97444562aec5fdef6693b329', onSlotchange: this.checkHasTooltip, name: "tooltip" })), this.caption && (h("div", { key: 'f7f14842a6810b614d216fd52a82f45c0a0679b9', class: "duet-fieldset-caption", "aria-hidden": "true" }, h("duet-caption", { key: '1475746ae64b82e0f2f0873f07856a3a194c2a08', theme: this.theme, margin: "none" }, this.caption)))), h("slot", { key: '33fc5d538526077ceb6e8440953ff87c24af2f93' }), h("span", { key: '578b464392328627dae2d27f9ebadaf466fb4ce3', class: "duet-fieldset-help duet-fieldset-error", id: this.errorId, "aria-atomic": "true", "aria-live": this.accessibleLiveError, "aria-relevant": "additions removals" }, this.error && h("span", { key: 'df8510c53b94b5a76fc6f0eba822034661427631', class: { "duet-m-0": this.lastItemIsChip } }, this.error)))));
     }
     static get is() { return "duet-fieldset"; }
     static get encapsulation() { return "shadow"; }

package/lib/collection/components/duet-file-chooser/duet-file-chooser.js

@@ -38,7 +38,7 @@ export class DuetUploadItem {
         inheritGlobalTheme(this);
     }
     render() {
-        return (h(Host, { key: '8396e4f72037611465afcc4864baefce0b0adcbb' }, h("duet-visually-hidden", { key: '3760925c4f8909f5904fa42640a975782296c311', "aria-hidden": "true" }, h("input", { key: '8a696fbc3046b041f50ce5212bf0e1696a0661f0', ref: input => {
+        return (h(Host, { key: '44eb5dcca9331aa60a63143ce040ea3f713ecfe0' }, h("duet-visually-hidden", { key: 'f86ad13b3b97a09356a61d37039b182237149437', "aria-hidden": "true" }, h("input", { key: 'a78f11cf113bd71b40f3330f60a0a645b0d5b721', ref: input => {
                 this.nativeInput = input;
             }, type: "file", class: {
                 "duet-upload": true,

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

@@ -330,16 +330,16 @@ duet-logo {
 }
 
 :host(.duet-theme-turva2) .duet-footer.duet-theme-turva {
-  background: rgb(197, 29, 65);
+  background: #e61740;
 }
 :host(.duet-theme-turva2) .duet-footer-simple.duet-theme-turva {
-  color: rgb(35, 46, 61);
-  border-color: rgb(248, 229, 217);
+  color: #172a3b;
+  border-color: #d4dde2;
 }
 :host(.duet-theme-turva2) .duet-footer-simple.duet-theme-turva .duet-footer-copyright,
 :host(.duet-theme-turva2) .duet-footer-simple.duet-theme-turva .duet-footer-menu a {
-  color: rgb(35, 46, 61);
+  color: #172a3b;
 }
 :host(.duet-theme-turva2) .duet-footer-simple.duet-theme-turva .duet-footer-external {
-  color: rgb(197, 29, 65);
+  color: #e61740;
 }

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

@@ -116,15 +116,15 @@ export class DuetFooter {
     render() {
         const text = getLocaleString(i18n, this.language);
         const copyrightLabel = this.theme === "turva" ? text.turva : text.lahi;
-        return (h("footer", { key: '2f5358cae2af364591436b923621558a7db0b892', class: {
+        return (h("footer", { key: '6fa54dcd00d062870fef8ce931047abde21f1c56', class: {
                 "duet-footer": true,
                 "duet-m-0": this.margin === "none",
                 "duet-theme-turva": this.theme === "turva",
                 "duet-footer-simple": this.variation === "simple",
-            }, "aria-label": this.accessibleLabel }, h("div", { key: '55bd20ce5008bacebb5258d6abb3060f79055cc8', class: "duet-footer-wrapper" }, this.variation !== "simple" && (h("div", { key: '439a668cb7bf800d15a16e04cb65c0db890821f1', class: {
+            }, "aria-label": this.accessibleLabel }, h("div", { key: '5e9eedb5c729cbc91227cc2636875dd434d6207b', class: "duet-footer-wrapper" }, this.variation !== "simple" && (h("div", { key: '7286614e130e7455c28ed4bcb80403763e56f408', class: {
                 "duet-footer-top": true,
                 "duet-has-info": this.hasInfoSlot,
-            }, part: "top" }, h("div", { key: 'a050517126f6e7b7387a40d4780f31fd8c61df96', class: "footer-top-logo" }, h("duet-logo", { key: 'a3d3dfd589b1a6a2c28942b7bbf06146e2117a2b', href: this.logoHref, onClick: this.handleLogoClick, size: "large", inverse: true, language: this.language, theme: this.theme })), h("div", { key: '464c8146c94cf0d301777700924b7fb446b86526', class: "footer-top-right-container" }, h("slot", { key: '15486e3da1f50b0b42875f81c92739bb47ee0988', name: "info" }), h("div", { key: '6f6addf850f9abf70a3bec2d7fb990c6ee8bc79d', class: "footer-top-items" }, this.processedItems &&
+            }, part: "top" }, h("div", { key: 'b3fd6d13a8fac62e4236eda752d920167baf1a10', class: "footer-top-logo" }, h("duet-logo", { key: '74f475196e83b9a4a7dc46619f8c77b56c068c5c', href: this.logoHref, onClick: this.handleLogoClick, size: "large", inverse: true, language: this.language, theme: this.theme })), h("div", { key: '80a2684fcdc87454f44c3631f6b7d91c2ff1034c', class: "footer-top-right-container" }, h("slot", { key: 'aaa8f84447a72bd2ce459c462188e8b634903ea5', name: "info" }), h("div", { key: '799aff5f480b44d4512f1e467dc8e3bfb280b38f', class: "footer-top-items" }, this.processedItems &&
             this.processedItems.map((item, index) => {
                 var _a, _b, _c, _d, _e, _f;
                 return (h(Fragment, null, index > 0 && h("duet-spacer", { size: "x-large", direction: "horizontal" }), h("duet-button", { ref: element => this.setDataAttributes(element, item), theme: this.theme, id: item.id, class: "duet-footer-link", variation: "plain", margin: "none", fixed: true, negative: true, url: item.href, external: item.external, icon: ((_a = item.href) === null || _a === void 0 ? void 0 : _a.startsWith("tel:"))
@@ -134,7 +134,7 @@ export class DuetFooter {
                             : "navigation-arrow-right", "icon-right": !((_c = item.href) === null || _c === void 0 ? void 0 : _c.startsWith("tel:")) && !((_d = item.href) === null || _d === void 0 ? void 0 : _d.startsWith("mailto:")), "icon-size": ((_e = item.href) === null || _e === void 0 ? void 0 : _e.startsWith("tel:")) || ((_f = item.href) === null || _f === void 0 ? void 0 : _f.startsWith("mailto:"))
                         ? "medium"
                         : "medium-small", onClick: event => this.handleItemClick(event, item), onMouseEnter: event => this.emitDuetEvent(event, item), onTouchStart: event => this.emitDuetEvent(event, item) }, item.label)));
-            }))))), h("slot", { key: '9abeaa9ef15e10aa69f0c481f8cd3b1b65ab4273', name: "extra" }), h("p", { key: '9266f09430c4ab355227d765ebb47019453cd175', class: "duet-footer-menu", part: "menu" }, h("span", { key: '0b9db71f2534e447db290320c03af61e719c2d20', class: "duet-footer-copyright" }, `${copyrightLabel} ${new Date().getFullYear()}`), h("span", { key: '5d989664700ee20c32bc3debcfc71fa167976514', class: "duet-footer-menu-links" }, this.processedMenu && (h(Fragment, { key: 'c38f8fa4d356c5f83159e94c445bf6779b357c8b' }, this.processedMenu.map(item => (h("a", { ref: element => this.setDataAttributes(element, item), href: item.href, id: item.id, target: item.external ? "_blank" : "_self", onClick: event => this.handleMenuClick(event, item), onMouseEnter: event => this.emitDuetEvent(event, item), onTouchStart: event => this.emitDuetEvent(event, item) }, item.label, item.external && (h(Fragment, null, h("duet-visually-hidden", null, ", ", this.accessibleLabelExternal), h("span", { class: "duet-footer-external" }, h("duet-icon", { icon: newWindowIconSmall.svg, size: "xx-small", margin: "none", color: "currentColor" })))), h("span", { class: "duet-footer-divider", role: "presentation", "aria-hidden": "true" }, "/")))))))), h("p", { key: 'c9a5926823a901f267f0369a97a244bc2596b6f8', class: "duet-footer-copyright duet-footer-copyright-mobile" }, `${copyrightLabel} ${new Date().getFullYear()}`))));
+            }))))), h("slot", { key: 'd88c064ddca3e3dafc81f460513ad82954a98610', name: "extra" }), h("p", { key: '2a86e3021e849b0098a824f4770ab1fac0524ff1', class: "duet-footer-menu", part: "menu" }, h("span", { key: '46ed17532335add2cefab0e7db04c1078be774d0', class: "duet-footer-copyright" }, `${copyrightLabel} ${new Date().getFullYear()}`), h("span", { key: 'c2b48cdf3eba48b8f36c4b4ec34745929a583cde', class: "duet-footer-menu-links" }, this.processedMenu && (h(Fragment, { key: '1a27be7b7525e42cbafd4938765f4fb663ad4d61' }, this.processedMenu.map(item => (h("a", { ref: element => this.setDataAttributes(element, item), href: item.href, id: item.id, target: item.external ? "_blank" : "_self", onClick: event => this.handleMenuClick(event, item), onMouseEnter: event => this.emitDuetEvent(event, item), onTouchStart: event => this.emitDuetEvent(event, item) }, item.label, item.external && (h(Fragment, null, h("duet-visually-hidden", null, ", ", this.accessibleLabelExternal), h("span", { class: "duet-footer-external" }, h("duet-icon", { icon: newWindowIconSmall.svg, size: "xx-small", margin: "none", color: "currentColor" })))), h("span", { class: "duet-footer-divider", role: "presentation", "aria-hidden": "true" }, "/")))))))), h("p", { key: 'f9d8c513b27020cfa64c0726b6f643522fde10ff', class: "duet-footer-copyright duet-footer-copyright-mobile" }, `${copyrightLabel} ${new Date().getFullYear()}`))));
     }
     static get is() { return "duet-footer"; }
     static get encapsulation() { return "shadow"; }

package/lib/collection/components/duet-grid-item/duet-grid-item.css

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

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

@@ -1219,70 +1219,70 @@ button {
 }
 
 :host(.duet-theme-turva2) .duet-header.duet-theme-turva {
-  color: rgb(35, 46, 61);
+  color: #172a3b;
 }
 :host(.duet-theme-turva2) .duet-theme-turva .duet-header-top {
-  border-color: rgb(248, 229, 217);
+  border-color: #d4dde2;
 }
 :host(.duet-theme-turva2) .duet-theme-turva .duet-header-top .duet-header-region {
-  border-color: rgb(244, 213, 193);
+  border-color: #b2c2cd;
 }
 :host(.duet-theme-turva2) .duet-theme-turva .duet-header-bottom {
-  background: rgb(253, 247, 242);
+  background: #fdf7f2;
 }
 :host(.duet-theme-turva2) .duet-theme-turva .duet-header-button:not(:hover) {
-  color: rgb(35, 46, 61);
+  color: #172a3b;
 }
 :host(.duet-theme-turva2) .duet-theme-turva .duet-header-items .duet-header-item:not(:hover) {
-  color: rgb(35, 46, 61);
+  color: #172a3b;
 }
 :host(.duet-theme-turva2) .duet-theme-turva .duet-header-items .duet-header-item.active {
-  color: rgb(197, 29, 65);
+  color: #e61740;
 }
 :host(.duet-theme-turva2) .duet-theme-turva .duet-header-items .duet-header-item.active::after {
-  background: rgb(197, 29, 65);
+  background: #e61740;
 }
 :host(.duet-theme-turva2) .duet-theme-turva .duet-header-hamburger .duet-header-bar {
-  background: rgb(35, 46, 61);
+  background: #172a3b;
 }
 :host(.duet-theme-turva2) .duet-theme-turva .duet-header-dropdown .duet-header-dropdown-toggle::after {
-  background: rgb(197, 29, 65);
+  background: #e61740;
 }
 :host(.duet-theme-turva2) .duet-theme-turva .duet-header-dropdown .duet-header-dropdown-toggle.active,
 :host(.duet-theme-turva2) .duet-theme-turva .duet-header-dropdown .duet-header-dropdown-toggle.active:hover {
-  border-bottom-color: rgb(253, 247, 242);
+  border-bottom-color: #f5f6f7;
 }
 :host(.duet-theme-turva2) .duet-theme-turva .duet-header-dropdown .duet-header-dropdown-content {
-  background: rgb(253, 247, 242);
+  background: #fdf7f2;
 }
 :host(.duet-theme-turva2) .duet-theme-turva .duet-header-dropdown .duet-header-dropdown-content a:not(.duet-header-item) {
-  color: rgb(35, 46, 61);
+  color: #172a3b;
 }
 :host(.duet-theme-turva2) .duet-theme-turva .duet-header-dropdown .duet-header-dropdown-content a:not(.duet-header-item):hover {
-  background: rgb(248, 229, 217);
+  background: #f1cab2;
 }
 :host(.duet-theme-turva2) .duet-theme-turva .duet-header-dropdown .duet-header-dropdown-content a:not(.duet-header-item).active {
-  background: rgb(248, 229, 217);
+  background: #f1cab2;
 }
 :host(.duet-theme-turva2) .duet-theme-turva .duet-header-skip {
-  color: rgb(35, 46, 61);
+  color: #172a3b;
 }
 :host(.duet-theme-turva2) .duet-header-multi-level .duet-theme-turva .logo-and-segment .duet-header-dropdown .duet-header-dropdown-content {
-  background: rgb(253, 247, 242);
+  background: #fdf7f2;
 }
 :host(.duet-theme-turva2) .duet-header-multi-level-nav .duet-theme-turva .duet-header-dropdown .duet-header-dropdown-content {
-  background: rgb(253, 247, 242);
-  border-color: rgb(248, 229, 217);
+  background: #f5f6f7;
+  border-color: #d4dde2;
 }
 :host(.duet-theme-turva2) .duet-header-multi-level-nav .duet-theme-turva .duet-header-dropdown .duet-header-dropdown-toggle.active {
-  color: rgb(197, 29, 65);
+  color: #e61740;
 }
 :host(.duet-theme-turva2) .duet-header-multi-level-nav .duet-theme-turva .duet-header-dropdown .duet-header-dropdown-content a::after {
-  background: rgb(197, 29, 65);
+  background: #e61740;
 }
 :host(.duet-theme-turva2) .duet-header-multi-level-nav .duet-theme-turva .duet-header-dropdown .duet-header-dropdown-content a.active {
-  color: rgb(197, 29, 65);
+  color: #e61740;
 }
 :host(.duet-theme-turva2) .duet-header-multi-level-utils .duet-theme-turva .duet-header-dropdown .duet-header-dropdown-content {
-  background: rgb(253, 247, 242);
+  background: #f5f6f7;
 }

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

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

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

@@ -34,7 +34,7 @@ export class DuetHeading {
     render() {
         const TagName = sanitizeString(this.level);
         const color = getColorByName(this.color);
-        return (h(TagName, { key: '503e72f1d157423d41337a6ac71c1032e611b72b', class: {
+        return (h(TagName, { key: 'bc299c0ea4ad4bdd99c0639232256d05f5b9f7ae', class: {
                 "duet-heading": true,
                 "duet-heading-border": this.border !== false,
                 "duet-heading-border-solid": this.border === "solid",
@@ -45,7 +45,7 @@ export class DuetHeading {
                 [this.visualLevel ? this.visualLevel : this.level]: true,
                 "duet-theme-turva": this.theme === "turva",
                 "fixed-size": this.fixedSize,
-            }, "aria-label": this.accessibleLabel, style: { color }, part: "duet-heading" }, h("slot", { key: '5d267eda1aea3d9d8284864c0386c4099823a6c9' })));
+            }, "aria-label": this.accessibleLabel, style: { color }, part: "duet-heading" }, h("slot", { key: 'df40f8253af53c92014919c80b9fc9ad1d7eaafb' })));
     }
     static get is() { return "duet-heading"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1769,18 +1769,18 @@ duet-heading + duet-button {
 }
 
 :host(.duet-theme-turva2) .duet-hero.duet-hero-light.duet-theme-turva, :host(.duet-theme-turva2) .duet-hero.duet-hero-with-image.duet-theme-turva {
-  color: rgb(35, 46, 61);
-  background-image: linear-gradient(rgb(253, 247, 242), #fefbf9);
+  color: #172a3b;
+  background-image: linear-gradient(#fdf7f2, #fefbf9);
 }
 :host(.duet-theme-turva2) .duet-hero.duet-hero-light.duet-theme-turva::before, :host(.duet-theme-turva2) .duet-hero.duet-hero-with-image.duet-theme-turva::before {
   background-image: linear-gradient(#fefbf9, rgb(255, 255, 255));
 }
 :host(.duet-theme-turva2) .duet-hero.duet-hero-gray.duet-theme-turva {
-  background: rgb(253, 247, 242);
+  background: #f5f6f7;
 }
 .duet-theme-turva :host(.duet-theme-turva2) .duet-hero-link {
-  color: rgb(197, 29, 65);
+  color: #e61740;
 }
 .duet-theme-turva :host(.duet-theme-turva2) .duet-hero-action-arrow {
-  color: rgb(197, 29, 65);
+  color: #e61740;
 }

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

@@ -184,7 +184,7 @@ export class DuetHero {
                 outlineColor = "color-primary-turva";
             }
         }
-        return (h("div", { key: '79a4748e197cb13d12426d31a773e80de0bf24d3', role: "region", class: {
+        return (h("div", { key: '5f1fa623c6a8b5c570953498c17d38c046e3498c', role: "region", class: {
                 "duet-hero": true,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-has-category-icon": !!this.categoryIcon,
@@ -202,17 +202,17 @@ export class DuetHero {
                 "duet-hero-text-center": (this.textCenter && !this.leftAlign) || campaignOrSection,
                 "duet-hero-left-align": this.leftAlign && !campaignOrSection,
                 "duet-hero-narrow": this.layout === "narrow",
-            }, part: "duet-hero" }, campaignOrSection && this.image && (h("div", { key: 'd682d61c3df9ff5aa0de0d60f5360043c7758e8e', class: "background-area" }, h("div", { key: '24559b721dd84d83bfdf5c28de75fc4aa7f714b5', class: "background-container" }, h("div", { key: 'db0304babcbd6bc96f521ddc8cd2529664c319da', class: "background" }, h("img", { key: 'faaa1cca613a95730b7883037fe12284b911a613', class: `${imageSizeIsCover ? "cover" : ""} ${imagePositionIsCenter ? "center" : ""}`, src: this.image, alt: "", role: "presentation" })), h("div", { key: '57e0fc31ca863b81d650251fde4c07fda3a56c7f', class: "brand-shape" })))), this.variation === "product" && this.image && (h("div", { key: '488536b4435de480f283ba93edfdc067f354e930', class: { "background-area": true, [this.layout]: true } }, h("div", { key: '58c20ab7c59e1014941bdc4b0e7fdbe581440306', class: { "background-container": true, [this.layout]: true } }, h("div", { key: '40a410f02f66b9e818e9ed9561b2830c896fc1c2', class: { background: true, [this.layout]: true } }, h("div", { key: 'ce895485f02d4ea98e6cc1457c29e1f3a7784717', class: { "background-mask": true, [this.layout]: true } }), this.theme !== "turva" && h("div", { key: '281423e9d6531f3fd4ebf10ae5ebfcda24951dda', class: { "brand-shape": true, [this.layout]: true } }), h("div", { key: '96fc11cb2ccc74f5be49046aa5b389efaf64364c', class: { "brand-shaped-image": true, [this.layout]: true } }, h("div", { key: '90f437b9b18699f75d3b34b99be94c2a4cf88f31', class: { "brand-shaped-image-wrapper": true, [this.layout]: true } }, h("div", { key: '6488e9a8d054c1d5214656b8caa8f4e20e1750a0', class: { "brand-shaped-image-bg": true, [this.layout]: true }, style: styles }))), this.categoryIcon && (h("div", { key: '6fa35a25e4c381e482bbbae4a3df1f06047af480', class: { "brand-shaped-icon": true, [this.layout]: true } }, h("duet-icon", { key: 'bdfaedea4be098fadd96d9d929f1fae9457a7926', class: { [this.layout]: true }, background: "none", name: this.categoryIcon, margin: "none", size: "auto", responsive: false }))))))), this.variation === "content" && this.image && (h("div", { key: 'be9171d3c2e7f1c23b4f7988b22a26fed5b1e8bf', class: "background-area" }, h("div", { key: '1235593c97fef5902b99463f035015aa23002b1a', class: "background" }, h("div", { key: '65a0b19616ca3b8fce3a15a59fc945eec54c47c8', class: "background-mask" }), this.theme !== "turva" && h("div", { key: '1003348d17c085d5072314825e7c6fb8a2cc7225', class: "brand-shape" }), h("div", { key: '498d05da95f5fdd02bf997a337895dab086759b2', class: "brand-shaped-image" }, h("div", { key: '8d3045b9cd0ca613308ebff65fe0e2f6b4c855d4', class: "brand-shaped-image-wrapper" }, h("div", { key: '0badd67dee13a83376cf406d20dc01e145cb8845', class: "brand-shaped-image-bg", style: styles })))))), h("div", { key: '30393a3de1c35d957fcfef401369b7b5c4e68c6c', class: { "duet-hero-wrapper": true, [this.layout]: true } }, this.image && this.variation === "image" && (h("div", { key: 'f52aad5ae7e746f762976a6e247acbe59bee3ed0', class: "duet-hero-image-mask" }, h("div", { key: '26414776eeb6190638bf7af2a34cfa44ee7064e8', class: "duet-hero-image-wrapper" }, h("div", { key: '6678fd20703ac787ba671cb52b5564518fc14c01', class: "duet-hero-image", style: styles })))), (this.variation === "gray" || this.variation === "light" || this.variation === "minimal") &&
-            this.processedBack && (h("div", { key: '40d3d30290fde0ba4a40aaab524d91d9c135c400', class: "duet-hero-back" }, h("duet-button", { key: '06a523d3c85d28dd4b404ffeda16740bd63fc850', style: buttonStyles, variation: "plain", icon: "action-arrow-left-small", theme: this.theme, iconSize: "small", color: buttonColor, padding: "none", margin: "none", fixed: true, url: this.processedBack.href, identifier: this.processedBack.id, onClick: event => this.handleClick(event, {
+            }, part: "duet-hero" }, campaignOrSection && this.image && (h("div", { key: '8637ec4d16c7f1812a236da0a65729de0aa02bf0', class: "background-area" }, h("div", { key: '84ecb8dbb4f31669f0201f335bfc63a5b5925013', class: "background-container" }, h("div", { key: '63741e44a0aba885f85084d6431a494dee5c45d1', class: "background" }, h("img", { key: '44e2ad8e6e7cb582a798ffbf70879fecad0539ef', class: `${imageSizeIsCover ? "cover" : ""} ${imagePositionIsCenter ? "center" : ""}`, src: this.image, alt: "", role: "presentation" })), h("div", { key: 'ac6439114eb01ab9097150e9d086f1089661bebf', class: "brand-shape" })))), this.variation === "product" && this.image && (h("div", { key: '48ed3a655291d6d07a3d199f826acf2ff31d381a', class: { "background-area": true, [this.layout]: true } }, h("div", { key: '4158e92200f1d5fa2dc571d459fcb5034b452f33', class: { "background-container": true, [this.layout]: true } }, h("div", { key: 'b012af078c50b844c385f0d930b6eb227d4beeda', class: { background: true, [this.layout]: true } }, h("div", { key: 'a426ac5178709305c9a2a85705791c33b66c0d20', class: { "background-mask": true, [this.layout]: true } }), this.theme !== "turva" && h("div", { key: 'e32c5d247e20d2928bf023295682306bc65c7983', class: { "brand-shape": true, [this.layout]: true } }), h("div", { key: '09db46430fc3a149a4d7fa288ed8c17241b53346', class: { "brand-shaped-image": true, [this.layout]: true } }, h("div", { key: 'ba02fad3d9ec74a7b0ee36b00b460343e2996fd4', class: { "brand-shaped-image-wrapper": true, [this.layout]: true } }, h("div", { key: 'e889fe0998219fe8642eaf585fc4c1451b6c85fb', class: { "brand-shaped-image-bg": true, [this.layout]: true }, style: styles }))), this.categoryIcon && (h("div", { key: '983fc9745edce8df229165b24036c1459bb1df2a', class: { "brand-shaped-icon": true, [this.layout]: true } }, h("duet-icon", { key: '5e06f744fee0a0c166a97cb831499682929b7154', class: { [this.layout]: true }, background: "none", name: this.categoryIcon, margin: "none", size: "auto", responsive: false }))))))), this.variation === "content" && this.image && (h("div", { key: '6d4e7390da1e481e0f20f4c7a5cf7fef488d6943', class: "background-area" }, h("div", { key: 'bab5c4eef578dea9b8698d25dd9f440c173e83a3', class: "background" }, h("div", { key: '2aa38a32194f7f1aa2ac9677390f1853719306f4', class: "background-mask" }), this.theme !== "turva" && h("div", { key: '4b9acab7cda8ed679c83efb0555c4c6fc772e650', class: "brand-shape" }), h("div", { key: '772c1f1ef0240210a191967a6bd7f4a4c7d8a70a', class: "brand-shaped-image" }, h("div", { key: 'c5fad3a16528dd772a7be0aa0792b05af6fc9af9', class: "brand-shaped-image-wrapper" }, h("div", { key: '609615bbd1452a9ff02b9bc5dbb7d529dbaeb9f4', class: "brand-shaped-image-bg", style: styles })))))), h("div", { key: 'edb60c1675ebf00914595a40f5984ece68a1b804', class: { "duet-hero-wrapper": true, [this.layout]: true } }, this.image && this.variation === "image" && (h("div", { key: '3b10a5bee636ab4e3ac4f03c000386a919c4b013', class: "duet-hero-image-mask" }, h("div", { key: 'f40bdc888d7a41ded8371b5b8ce222218bf8e812', class: "duet-hero-image-wrapper" }, h("div", { key: 'cae33c0bf93b3542ac85cf51e814474a62f49c9c', class: "duet-hero-image", style: styles })))), (this.variation === "gray" || this.variation === "light" || this.variation === "minimal") &&
+            this.processedBack && (h("div", { key: '74d5377e83732f5862c2d90a59df55d4e16af8b1', class: "duet-hero-back" }, h("duet-button", { key: '62fcac914ad58fe6b213abc362e0f09f350d51eb', style: buttonStyles, variation: "plain", icon: "action-arrow-left-small", theme: this.theme, iconSize: "small", color: buttonColor, padding: "none", margin: "none", fixed: true, url: this.processedBack.href, identifier: this.processedBack.id, onClick: event => this.handleClick(event, {
                 label: this.processedBack.label,
                 href: this.processedBack.href,
                 id: this.processedBack.id,
                 analyticsId: this.processedBack.analyticsId,
-            }) }, this.processedBack.label))), (this.variation === "gray" || this.variation === "minimal") && this.categoryIcon && (h("duet-icon", { key: '4172031b2169f76ae476b5474766f7d50ff2df91', class: { "duet-hero-icon": true, "duet-hero-icon-has-heading": this.preHeading !== "" }, size: "x-large", background: this.categoryIconColor, name: this.categoryIcon })), h("div", { key: 'c83165c63592cac3465c2b44bf163395afcacebb', class: { "duet-hero-text": true }, part: "duet-hero-text" }, (this.preHeading || this.hasPreHeadingSlot) && (h("duet-paragraph", { key: '064ff94f9208d86002b8448b496fda560ffe2b0b', margin: "none", class: "duet-hero-pre", size: this.variation === "content" ? "small" : "medium", "aria-hidden": "true" }, this.preHeading ? (this.preHeading) : (h("span", null, h("slot", { name: "pre-heading" }))))), h("slot", { key: '60e82a0abcc9631399989fced2784d10cd6e834e', name: "badge" }), (this.heading || this.hasHeadingSlot) && (h("duet-heading", { key: '10caa898e02b7c90ed7e7eea6cda347825b0c843', theme: this.theme, level: this.level, class: { "duet-hero-heading": true, "duet-hero-heading-has-pre": this.preHeading !== "" }, color: headingColor, visualLevel: headingVisualLevel, margin: campaignOrSection ? "none" : "auto", accessibleLabel: this.getAccessibleHeading() }, this.heading ? this.heading : h("slot", { name: "heading" }))), campaignOrSection && this.hasSubHeadingSlot && (h("duet-heading", { key: '0195c8e2fcb05b10b455d646765ba1cb4f003a60', theme: this.theme, level: this.subHeadingLevel, class: { "duet-hero-subheading": true }, color: this.theme === "turva" ? "secondary-turva" : "secondary", visualLevel: "h2" }, h("slot", { key: '43fb22936307753456d1ae53f65b48876848420f', name: "subheading" }))), this.description && (h("duet-paragraph", { key: '898c23976b72cffc561de2c7c9322e03bdc1dadd', theme: this.theme, color: textColor, variation: "intro" }, this.description)), (this.variation === "gray" || this.variation === "minimal") && this.processedListItems && (h("duet-list", { key: '1baa7faff302bc7fa568c1cd333404e07aaf29d1', theme: this.theme, "label-width": "30", breakpoint: "large", mobile: this.leftAlign ? undefined : "center" }, this.processedListItems.map(item => (h("duet-list-item", null, h("span", { slot: "label" }, item.label), h("span", { slot: "value" }, item.value)))))), this.buttonLabel && (h("duet-button", { key: '2b4b7ae5046305afaf5495dd522a68d373577959', url: this.buttonUrl, icon: this.icon, iconRight: this.iconRight, iconSize: this.iconSize, variation: buttonVariation, theme: this.theme, identifier: this.buttonId, onClick: event => this.handleClick(event, this.buttonData), fixed: true }, this.buttonLabel)), h("slot", { key: '1b54ac8a84af82798438d73c7c1caf15bd5ae84d' })), (this.variation === "gray" || this.variation === "minimal") && this.processedActions && (h("div", { key: 'd3e6edd597ea5b83953430a92577762b560e6507', class: "duet-hero-links" }, this.processedActions.map(item => (h("a", { class: "duet-hero-link", href: item.href, id: item.id, target: item.external ? "_blank" : "_self", onClick: event => this.handleClick(event, item) }, h("div", { class: "duet-hero-action-icon" }, h("duet-icon", { size: "small", margin: "none", name: item.icon, color: "currentColor", outline: outlineColor })), h("span", null, item.label), item.external && h("duet-visually-hidden", null, ", ", this.accessibleLabelExternal), item.external && (h("div", { class: "duet-hero-action-arrow" }, h("duet-icon", { icon: newWindowIcon.svg, size: "xx-small", margin: "none", color: "currentColor" })))))))), this.image &&
+            }) }, this.processedBack.label))), (this.variation === "gray" || this.variation === "minimal") && this.categoryIcon && (h("duet-icon", { key: '96c2844b98d28305f7556af68dae30f7c08bd25b', class: { "duet-hero-icon": true, "duet-hero-icon-has-heading": this.preHeading !== "" }, size: "x-large", background: this.categoryIconColor, name: this.categoryIcon })), h("div", { key: '5acbe0ac1c6dadc08b8b5e731581246e433a6c16', class: { "duet-hero-text": true }, part: "duet-hero-text" }, (this.preHeading || this.hasPreHeadingSlot) && (h("duet-paragraph", { key: 'd6ec130b01755771812d74bfbb1296f5b6604599', margin: "none", class: "duet-hero-pre", size: this.variation === "content" ? "small" : "medium", "aria-hidden": "true" }, this.preHeading ? (this.preHeading) : (h("span", null, h("slot", { name: "pre-heading" }))))), h("slot", { key: '72615e7711048a1f4d2c5a3283fd713739377efb', name: "badge" }), (this.heading || this.hasHeadingSlot) && (h("duet-heading", { key: 'c64fc81d93adaa167b54a96aee7d1eca99215091', theme: this.theme, level: this.level, class: { "duet-hero-heading": true, "duet-hero-heading-has-pre": this.preHeading !== "" }, color: headingColor, visualLevel: headingVisualLevel, margin: campaignOrSection ? "none" : "auto", accessibleLabel: this.getAccessibleHeading() }, this.heading ? this.heading : h("slot", { name: "heading" }))), campaignOrSection && this.hasSubHeadingSlot && (h("duet-heading", { key: '31b0694ec7c4a7f64b0724c301748d6c715656ac', theme: this.theme, level: this.subHeadingLevel, class: { "duet-hero-subheading": true }, color: this.theme === "turva" ? "secondary-turva" : "secondary", visualLevel: "h2" }, h("slot", { key: 'f438a6495842925a2281bb2a2cad11e510f51bc0', name: "subheading" }))), this.description && (h("duet-paragraph", { key: 'ff2d31d7b435f65b4cd244f9f9104c4590e216e7', theme: this.theme, color: textColor, variation: "intro" }, this.description)), (this.variation === "gray" || this.variation === "minimal") && this.processedListItems && (h("duet-list", { key: '6e299338982bf722a43cca37aaf6a3135947273c', theme: this.theme, "label-width": "30", breakpoint: "large", mobile: this.leftAlign ? undefined : "center" }, this.processedListItems.map(item => (h("duet-list-item", null, h("span", { slot: "label" }, item.label), h("span", { slot: "value" }, item.value)))))), this.buttonLabel && (h("duet-button", { key: '3139d0bc79278f589e91f0ffa6c1ac32341bc89e', url: this.buttonUrl, icon: this.icon, iconRight: this.iconRight, iconSize: this.iconSize, variation: buttonVariation, theme: this.theme, identifier: this.buttonId, onClick: event => this.handleClick(event, this.buttonData), fixed: true }, this.buttonLabel)), h("slot", { key: '5f603e8a230a237a80052096a60a9a7940ffbb60' })), (this.variation === "gray" || this.variation === "minimal") && this.processedActions && (h("div", { key: '299c4226c3d269c2063902ed1fd0e9ee66600c8f', class: "duet-hero-links" }, this.processedActions.map(item => (h("a", { class: "duet-hero-link", href: item.href, id: item.id, target: item.external ? "_blank" : "_self", onClick: event => this.handleClick(event, item) }, h("div", { class: "duet-hero-action-icon" }, h("duet-icon", { size: "small", margin: "none", name: item.icon, color: "currentColor", outline: outlineColor })), h("span", null, item.label), item.external && h("duet-visually-hidden", null, ", ", this.accessibleLabelExternal), item.external && (h("div", { class: "duet-hero-action-arrow" }, h("duet-icon", { icon: newWindowIcon.svg, size: "xx-small", margin: "none", color: "currentColor" })))))))), this.image &&
             this.variation !== "image" &&
             !campaignOrSection &&
             this.variation !== "product" &&
-            this.variation !== "content" && h("div", { key: '0eaf81bc088fc984d9ee19de53cf09c6f46c5e83', class: "duet-hero-image", style: styles }), h("slot", { key: '884f6b4b0d44224a29b7ba5906e1a303052f532c', name: "bottom" }))));
+            this.variation !== "content" && h("div", { key: '868a7dfb4d12a20bd74202d4130483cf6d29bad1', class: "duet-hero-image", style: styles }), h("slot", { key: '6d54239cacd33dbba3512eb1419617000cd0db14', name: "bottom" }))));
     }
     static get is() { return "duet-hero"; }
     static get encapsulation() { return "shadow"; }

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

@@ -320,7 +320,7 @@
 }
 
 :host(.duet-theme-turva2) .duet-icon.duet-theme-turva {
-  color: rgb(197, 29, 65);
+  color: #e61740;
 }
 :host(.duet-theme-turva2) .duet-icon.duet-theme-turva.duet-icon-has-background {
   color: rgb(255, 255, 255);

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

@@ -102,11 +102,11 @@ export class DuetIcon {
             : {};
         const iconStyles = Object.assign({}, iconRotationStyles);
         const shapeStyle = this.shape === "brand-rotated" ? "duet-icon-shape-brand" : `duet-icon-shape-${this.shape}`;
-        return (h(Host, { key: '84c42b49ccdbce122db670bd99c0390de4ac152a', class: {
+        return (h(Host, { key: '7c3946b2a0a32d4db77a562b34e11e3d25b06c8a', class: {
                 "duet-m-0": this.margin === "none",
                 "duet-icon-has-outline": !!this.outline,
                 "duet-icon-has-background": !!this.background,
-            } }, h("span", { key: '20eba260f00af16a6b59a0fe9a92b2fbdebeba48', "aria-hidden": "true", style: styles, class: {
+            } }, h("span", { key: 'c350d54898ee66594fd5825eb2b9cc72dea28e58', "aria-hidden": "true", style: styles, class: {
                 "duet-icon": true,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-theme-default": this.theme === "default",
@@ -115,7 +115,7 @@ export class DuetIcon {
                 [shapeStyle]: true,
                 rotated: this.shape === "brand-rotated" && this.theme !== "turva",
                 "duet-icon-not-responsive": !this.responsive,
-            } }, h("span", { key: '2092b7fff365bcdf2260d992c78e346fed24b3ca', "aria-hidden": "true", class: { "duet-icon-svg": true, rotated: this.shape === "brand-rotated" && this.theme !== "turva" }, "data-name": this.name, innerHTML: this.svgContent, style: iconStyles }))));
+            } }, h("span", { key: '8cfefce3649e521e715779b736b5f3842a6ce6c1', "aria-hidden": "true", class: { "duet-icon-svg": true, rotated: this.shape === "brand-rotated" && this.theme !== "turva" }, "data-name": this.name, innerHTML: this.svgContent, style: iconStyles }))));
     }
     static get is() { return "duet-icon"; }
     static get encapsulation() { return "shadow"; }

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

@@ -553,35 +553,44 @@ duet-caption:not(:last-of-type) {
 }
 
 :host(.duet-theme-turva2) .duet-theme-turva .duet-input-icon {
-  color: rgb(35, 46, 61);
+  color: #172a3b;
 }
 :host(.duet-theme-turva2) .duet-theme-turva .duet-input {
-  color: rgb(35, 46, 61) !important;
+  color: #172a3b !important;
+}
+:host(.duet-theme-turva2) .duet-theme-turva .duet-input::-webkit-input-placeholder {
+  color: #7891a4;
 }
 :host(.duet-theme-turva2) .duet-theme-turva .duet-input:focus::-webkit-input-placeholder {
-  color: rgb(244, 213, 193);
+  color: #b2c2cd;
+}
+:host(.duet-theme-turva2) .duet-theme-turva .duet-input:-moz-placeholder {
+  color: #7891a4;
 }
 :host(.duet-theme-turva2) .duet-theme-turva .duet-input:focus::-moz-placeholder {
-  color: rgb(244, 213, 193);
+  color: #b2c2cd;
+}
+:host(.duet-theme-turva2) .duet-theme-turva .duet-input:-ms-input-placeholder {
+  color: #7891a4;
 }
 :host(.duet-theme-turva2) .duet-theme-turva .duet-input:focus:-ms-input-placeholder {
-  color: rgb(244, 213, 193);
+  color: #f1cab2;
 }
 :host(.duet-theme-turva2) .duet-theme-turva .duet-input[disabled] {
-  color: rgb(35, 46, 61) !important;
-  background: rgb(253, 247, 242) !important;
-  border-color: rgb(253, 247, 242) !important;
-  -webkit-text-fill-color: rgb(35, 46, 61) !important;
+  color: #172a3b !important;
+  background: #f5f6f7 !important;
+  border-color: #f5f6f7 !important;
+  -webkit-text-fill-color: #172a3b !important;
 }
 :host(.duet-theme-turva2) .duet-theme-turva .duet-input:focus {
-  border-color: rgb(35, 46, 61) !important;
+  border-color: #172a3b !important;
 }
 :host(.duet-theme-turva2) .duet-theme-turva .duet-input:focus + .duet-input-icon {
-  color: rgb(35, 46, 61);
+  color: #172a3b;
 }
 :host(.duet-theme-turva2) .duet-theme-turva .duet-input-variation-button-left.has-focus .duet-input-relative {
-  border-color: rgb(35, 46, 61);
+  border-color: #172a3b;
 }
 :host(.duet-theme-turva2) .duet-theme-turva .duet-input-variation-revealable.has-focus .duet-input-relative {
-  border-color: rgb(35, 46, 61);
+  border-color: #172a3b;
 }

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

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