@duetds/components 9.10.0 → 9.12.0

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

@@ -301,7 +301,7 @@ export class DuetGrid {
                     "references": {
                         "DuetGridAlignment": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-grid/duet-grid.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-grid/duet-grid.tsx",
                             "id": "src/components/duet-grid/duet-grid.tsx::DuetGridAlignment"
                         }
                     }
@@ -327,7 +327,7 @@ export class DuetGrid {
                     "references": {
                         "DuetGridDistribution": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-grid/duet-grid.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-grid/duet-grid.tsx",
                             "id": "src/components/duet-grid/duet-grid.tsx::DuetGridDistribution"
                         }
                     }
@@ -353,7 +353,7 @@ export class DuetGrid {
                     "references": {
                         "DuetGridMobileAlignment": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-grid/duet-grid.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-grid/duet-grid.tsx",
                             "id": "src/components/duet-grid/duet-grid.tsx::DuetGridMobileAlignment"
                         }
                     }

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

@@ -106,4 +106,8 @@
 :host(.duet-m-0) {
   padding: 0 !important;
   margin: 0 !important;
+}
+
+:host(.duet-theme-turva2.duet-theme-turva) {
+  color: #171c3a;
 }

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

@@ -1216,4 +1216,73 @@ button {
 }
 .duet-header-multi-level .duet-theme-turva .duet-header-multi-level-utils .duet-header-dropdown .duet-header-dropdown-content {
   background: rgb(245, 247, 250);
+}
+
+:host(.duet-theme-turva2) .duet-header.duet-theme-turva {
+  color: #171c3a;
+}
+:host(.duet-theme-turva2) .duet-theme-turva .duet-header-top {
+  border-color: #ffefe5;
+}
+:host(.duet-theme-turva2) .duet-theme-turva .duet-header-top .duet-header-region {
+  border-color: #fbe4d6;
+}
+:host(.duet-theme-turva2) .duet-theme-turva .duet-header-bottom {
+  background: #fcf7f3;
+}
+:host(.duet-theme-turva2) .duet-theme-turva .duet-header-button:not(:hover) {
+  color: #171c3a;
+}
+:host(.duet-theme-turva2) .duet-theme-turva .duet-header-items .duet-header-item:not(:hover) {
+  color: #171c3a;
+}
+:host(.duet-theme-turva2) .duet-theme-turva .duet-header-items .duet-header-item.active {
+  color: #e61740;
+}
+:host(.duet-theme-turva2) .duet-theme-turva .duet-header-items .duet-header-item.active::after {
+  background: #e61740;
+}
+:host(.duet-theme-turva2) .duet-theme-turva .duet-header-hamburger .duet-header-bar {
+  background: #171c3a;
+}
+:host(.duet-theme-turva2) .duet-theme-turva .duet-header-dropdown .duet-header-dropdown-toggle::after {
+  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: #fcf7f3;
+}
+:host(.duet-theme-turva2) .duet-theme-turva .duet-header-dropdown .duet-header-dropdown-content {
+  background: #fcf7f3;
+}
+:host(.duet-theme-turva2) .duet-theme-turva .duet-header-dropdown .duet-header-dropdown-content a:not(.duet-header-item) {
+  color: #171c3a;
+}
+:host(.duet-theme-turva2) .duet-theme-turva .duet-header-dropdown .duet-header-dropdown-content a:not(.duet-header-item):hover {
+  background: #ffefe5;
+}
+:host(.duet-theme-turva2) .duet-theme-turva .duet-header-dropdown .duet-header-dropdown-content a:not(.duet-header-item).active {
+  background: #ffefe5;
+}
+:host(.duet-theme-turva2) .duet-theme-turva .duet-header-skip {
+  color: #171c3a;
+}
+:host(.duet-theme-turva2) .duet-header-multi-level .duet-theme-turva .logo-and-segment .duet-header-dropdown .duet-header-dropdown-content {
+  background: #fcf7f3;
+}
+:host(.duet-theme-turva2) .duet-header-multi-level-nav .duet-theme-turva .duet-header-dropdown .duet-header-dropdown-content {
+  background: #fcf7f3;
+  border-color: #ffefe5;
+}
+:host(.duet-theme-turva2) .duet-header-multi-level-nav .duet-theme-turva .duet-header-dropdown .duet-header-dropdown-toggle.active {
+  color: #e61740;
+}
+:host(.duet-theme-turva2) .duet-header-multi-level-nav .duet-theme-turva .duet-header-dropdown .duet-header-dropdown-content a::after {
+  background: #e61740;
+}
+:host(.duet-theme-turva2) .duet-header-multi-level-nav .duet-theme-turva .duet-header-dropdown .duet-header-dropdown-content a.active {
+  color: #e61740;
+}
+:host(.duet-theme-turva2) .duet-header-multi-level-utils .duet-theme-turva .duet-header-dropdown .duet-header-dropdown-content {
+  background: #fcf7f3;
 }

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

@@ -616,7 +616,7 @@ export class DuetHeader {
                         },
                         "I18nText": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-header/duet-header.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-header/duet-header.tsx",
                             "id": "src/components/duet-header/duet-header.tsx::I18nText"
                         }
                     }
@@ -645,7 +645,7 @@ export class DuetHeader {
                     "references": {
                         "I18nText": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-header/duet-header.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-header/duet-header.tsx",
                             "id": "src/components/duet-header/duet-header.tsx::I18nText"
                         }
                     }
@@ -1038,7 +1038,7 @@ export class DuetHeader {
                     "references": {
                         "DuetHeaderChangeEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-header/duet-header.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-header/duet-header.tsx",
                             "id": "src/components/duet-header/duet-header.tsx::DuetHeaderChangeEvent"
                         }
                     }
@@ -1059,7 +1059,7 @@ export class DuetHeader {
                     "references": {
                         "DuetHeaderChangeEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-header/duet-header.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-header/duet-header.tsx",
                             "id": "src/components/duet-header/duet-header.tsx::DuetHeaderChangeEvent"
                         }
                     }
@@ -1080,7 +1080,7 @@ export class DuetHeader {
                     "references": {
                         "DuetHeaderChangeEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-header/duet-header.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-header/duet-header.tsx",
                             "id": "src/components/duet-header/duet-header.tsx::DuetHeaderChangeEvent"
                         }
                     }
@@ -1101,7 +1101,7 @@ export class DuetHeader {
                     "references": {
                         "DuetHeaderChangeEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-header/duet-header.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-header/duet-header.tsx",
                             "id": "src/components/duet-header/duet-header.tsx::DuetHeaderChangeEvent"
                         }
                     }
@@ -1122,7 +1122,7 @@ export class DuetHeader {
                     "references": {
                         "DuetHeaderChangeEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-header/duet-header.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-header/duet-header.tsx",
                             "id": "src/components/duet-header/duet-header.tsx::DuetHeaderChangeEvent"
                         }
                     }
@@ -1143,7 +1143,7 @@ export class DuetHeader {
                     "references": {
                         "DuetHeaderChangeEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-header/duet-header.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-header/duet-header.tsx",
                             "id": "src/components/duet-header/duet-header.tsx::DuetHeaderChangeEvent"
                         }
                     }
@@ -1164,7 +1164,7 @@ export class DuetHeader {
                     "references": {
                         "DuetHeaderChangeEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-header/duet-header.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-header/duet-header.tsx",
                             "id": "src/components/duet-header/duet-header.tsx::DuetHeaderChangeEvent"
                         }
                     }
@@ -1185,7 +1185,7 @@ export class DuetHeader {
                     "references": {
                         "DuetHeaderChangeEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-header/duet-header.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-header/duet-header.tsx",
                             "id": "src/components/duet-header/duet-header.tsx::DuetHeaderChangeEvent"
                         }
                     }
@@ -1206,7 +1206,7 @@ export class DuetHeader {
                     "references": {
                         "DuetHeaderChangeEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-header/duet-header.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-header/duet-header.tsx",
                             "id": "src/components/duet-header/duet-header.tsx::DuetHeaderChangeEvent"
                         }
                     }
@@ -1227,7 +1227,7 @@ export class DuetHeader {
                     "references": {
                         "DuetHeaderChangeEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-header/duet-header.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-header/duet-header.tsx",
                             "id": "src/components/duet-header/duet-header.tsx::DuetHeaderChangeEvent"
                         }
                     }
@@ -1248,7 +1248,7 @@ export class DuetHeader {
                     "references": {
                         "DuetHeaderAnalyticsEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-header/duet-header.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-header/duet-header.tsx",
                             "id": "src/components/duet-header/duet-header.tsx::DuetHeaderAnalyticsEvent"
                         }
                     }
@@ -1269,7 +1269,7 @@ export class DuetHeader {
                     "references": {
                         "DuetHeaderMobileNavToggleEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-header/duet-header.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-header/duet-header.tsx",
                             "id": "src/components/duet-header/duet-header.tsx::DuetHeaderMobileNavToggleEvent"
                         }
                     }
@@ -1290,7 +1290,7 @@ export class DuetHeader {
                     "references": {
                         "DuetHeaderChangeEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-header/duet-header.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-header/duet-header.tsx",
                             "id": "src/components/duet-header/duet-header.tsx::DuetHeaderChangeEvent"
                         }
                     }

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

@@ -266,4 +266,8 @@
 .duet-heading.duet-semibold, .duet-heading.duet-theme-turva.duet-semibold {
   font-style: normal !important;
   font-weight: 600 !important;
+}
+
+:host(.duet-theme-turva2) .duet-heading.duet-theme-turva {
+  color: #171c3a;
 }

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

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

@@ -1766,4 +1766,21 @@ duet-heading + duet-button {
 
 .duet-hero-pre + duet-heading {
   margin-top: 0 !important;
+}
+
+: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: #171c3a;
+  background-image: linear-gradient(#fcf7f3, #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: #fcf7f3;
+}
+.duet-theme-turva :host(.duet-theme-turva2) .duet-hero-link {
+  color: #e61740;
+}
+.duet-theme-turva :host(.duet-theme-turva2) .duet-hero-action-arrow {
+  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"; }
@@ -401,7 +401,7 @@ export class DuetHero {
                     "references": {
                         "DuetHeroIconSize": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-hero/duet-hero.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-hero/duet-hero.tsx",
                             "id": "src/components/duet-hero/duet-hero.tsx::DuetHeroIconSize"
                         }
                     }
@@ -643,7 +643,7 @@ export class DuetHero {
                     "references": {
                         "DuetHeroButtonData": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-hero/duet-hero.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-hero/duet-hero.tsx",
                             "id": "src/components/duet-hero/duet-hero.tsx::DuetHeroButtonData"
                         }
                     }
@@ -766,7 +766,7 @@ export class DuetHero {
                     "references": {
                         "DuetHeroVariation": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-hero/duet-hero.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-hero/duet-hero.tsx",
                             "id": "src/components/duet-hero/duet-hero.tsx::DuetHeroVariation"
                         }
                     }
@@ -886,7 +886,7 @@ export class DuetHero {
                     "references": {
                         "DuetHeroClickEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-hero/duet-hero.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-hero/duet-hero.tsx",
                             "id": "src/components/duet-hero/duet-hero.tsx::DuetHeroClickEvent"
                         }
                     }
@@ -907,7 +907,7 @@ export class DuetHero {
                     "references": {
                         "DuetHeroAnalyticsEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-hero/duet-hero.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-hero/duet-hero.tsx",
                             "id": "src/components/duet-hero/duet-hero.tsx::DuetHeroAnalyticsEvent"
                         }
                     }

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

@@ -317,4 +317,11 @@
   width: 144px;
   height: 130px;
   padding: 0;
+}
+
+:host(.duet-theme-turva2) .duet-icon.duet-theme-turva {
+  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

@@ -550,4 +550,38 @@ duet-caption:not(:last-of-type) {
 .duet-input-container.has-chips .duet-input-relative .duet-input:focus, .duet-input-container.has-chips .duet-input-relative .duet-input:hover {
   border-width: 0 !important;
   box-shadow: none !important;
+}
+
+:host(.duet-theme-turva2) .duet-theme-turva .duet-input-icon {
+  color: #171c3a;
+}
+:host(.duet-theme-turva2) .duet-theme-turva .duet-input {
+  color: #171c3a !important;
+}
+:host(.duet-theme-turva2) .duet-theme-turva .duet-input:focus::-webkit-input-placeholder {
+  color: #fbe4d6;
+}
+:host(.duet-theme-turva2) .duet-theme-turva .duet-input:focus::-moz-placeholder {
+  color: #fbe4d6;
+}
+:host(.duet-theme-turva2) .duet-theme-turva .duet-input:focus:-ms-input-placeholder {
+  color: #fbe4d6;
+}
+:host(.duet-theme-turva2) .duet-theme-turva .duet-input[disabled] {
+  color: #171c3a !important;
+  background: #fcf7f3 !important;
+  border-color: #fcf7f3 !important;
+  -webkit-text-fill-color: #171c3a !important;
+}
+:host(.duet-theme-turva2) .duet-theme-turva .duet-input:focus {
+  border-color: #171c3a !important;
+}
+:host(.duet-theme-turva2) .duet-theme-turva .duet-input:focus + .duet-input-icon {
+  color: #171c3a;
+}
+:host(.duet-theme-turva2) .duet-theme-turva .duet-input-variation-button-left.has-focus .duet-input-relative {
+  border-color: #171c3a;
+}
+:host(.duet-theme-turva2) .duet-theme-turva .duet-input-variation-revealable.has-focus .duet-input-relative {
+  border-color: #171c3a;
 }

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

@@ -965,7 +965,7 @@ export class DuetInput {
                     "references": {
                         "DuetInputType": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-input/duet-input.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-input/duet-input.tsx",
                             "id": "src/components/duet-input/duet-input.tsx::DuetInputType"
                         }
                     }
@@ -991,7 +991,7 @@ export class DuetInput {
                     "references": {
                         "DuetVariationType": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-input/duet-input.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-input/duet-input.tsx",
                             "id": "src/components/duet-input/duet-input.tsx::DuetVariationType"
                         }
                     }
@@ -1259,7 +1259,7 @@ export class DuetInput {
                     "references": {
                         "DuetInputComponentType": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-input/duet-input.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-input/duet-input.tsx",
                             "id": "src/components/duet-input/duet-input.tsx::DuetInputComponentType"
                         }
                     }
@@ -1476,7 +1476,7 @@ export class DuetInput {
                     "references": {
                         "DuetInputEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-input/duet-input.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-input/duet-input.tsx",
                             "id": "src/components/duet-input/duet-input.tsx::DuetInputEvent"
                         }
                     }
@@ -1497,7 +1497,7 @@ export class DuetInput {
                     "references": {
                         "DuetInputEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-input/duet-input.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-input/duet-input.tsx",
                             "id": "src/components/duet-input/duet-input.tsx::DuetInputEvent"
                         }
                     }
@@ -1518,7 +1518,7 @@ export class DuetInput {
                     "references": {
                         "DuetInputEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-input/duet-input.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-input/duet-input.tsx",
                             "id": "src/components/duet-input/duet-input.tsx::DuetInputEvent"
                         }
                     }
@@ -1539,7 +1539,7 @@ export class DuetInput {
                     "references": {
                         "DuetInputEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-input/duet-input.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-input/duet-input.tsx",
                             "id": "src/components/duet-input/duet-input.tsx::DuetInputEvent"
                         }
                     }
@@ -1560,7 +1560,7 @@ export class DuetInput {
                     "references": {
                         "DuetInputEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-input/duet-input.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-input/duet-input.tsx",
                             "id": "src/components/duet-input/duet-input.tsx::DuetInputEvent"
                         }
                     }

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

@@ -87,4 +87,8 @@ label span {
 :host(.duet-theme-turva) label {
   font-family: "turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
   color: rgb(23, 28, 58);
+}
+
+:host(.duet-theme-turva2.duet-theme-turva) label {
+  color: #171c3a;
 }

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

@@ -105,7 +105,7 @@ export class DuetLabel {
                     "references": {
                         "DuetLabelMargin": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-label/duet-label.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-label/duet-label.tsx",
                             "id": "src/components/duet-label/duet-label.tsx::DuetLabelMargin"
                         }
                     }
@@ -131,7 +131,7 @@ export class DuetLabel {
                     "references": {
                         "DuetLabelSize": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-label/duet-label.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-label/duet-label.tsx",
                             "id": "src/components/duet-label/duet-label.tsx::DuetLabelSize"
                         }
                     }