@duetds/components 9.10.0 → 9.12.0

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

@@ -324,4 +324,34 @@
   overflow: hidden;
   clip: rect(0 0 0 0);
   border: 0;
+}
+
+:host(.duet-theme-turva2) .duet-theme-turva .duet-multiselect:focus,
+:host(.duet-theme-turva2) .duet-theme-turva .duet-multiselect.duet-multiselect-active {
+  border-color: #171c3a;
+}
+:host(.duet-theme-turva2) .duet-theme-turva .duet-multiselect[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-multiselect {
+  color: #171c3a;
+}
+:host(.duet-theme-turva2) .duet-theme-turva .duet-multiselect svg {
+  color: #171c3a;
+}
+:host(.duet-theme-turva2) .duet-theme-turva .duet-multiselect .duet-multiselect-badge {
+  color: #171c3a;
+  background: #e8e8eb;
+}
+:host(.duet-theme-turva2) .duet-theme-turva .duet-multiselect-checkboxes {
+  border-color: #ffefe5;
+}
+:host(.duet-theme-turva2) .duet-theme-turva .duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button {
+  color: #e61740;
+}
+:host(.duet-theme-turva2) .duet-theme-turva .duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button:hover {
+  color: #171c3a;
 }

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

@@ -223,23 +223,23 @@ export class DuetMultiselect {
      */
     render() {
         var _a;
-        return (h(Host, { key: '12170f8be275e60b4d5ddeb08290e9d6b2ae382d', class: {
+        return (h(Host, { key: 'e933fce43ece20fa3594dda5d6d94ccec3eee384', class: {
                 "duet-m-0": this.margin === "none",
                 "duet-expand": this.expand,
-            } }, h("div", { key: 'c1cf56cc0dbea83bc0dc8bd51b04c65e3a4a62da', class: {
+            } }, h("div", { key: '172c8416e6bcea127b91615f030e589d55456577', class: {
                 "duet-multiselect-container": true,
                 "duet-label-hidden": this.labelHidden,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-input-top-caption-shown": this.isCaptionVisible,
                 "has-error": !!this.error,
-            }, onKeyDown: (e) => this.onMultiselectKeyDown(e) }, h("duet-label", { key: '6effc20be696697551ca552dc2c08e89c1991d33', theme: this.theme === "turva" ? "turva" : "default", class: { "duet-has-tooltip": !!this.tooltip }, color: this.labelColor, weight: this.labelWeight, id: this.labelId, for: this.identifier }, this.label), this.tooltip && (h("duet-tooltip", { key: '8847e95c055d431271613d959357b4eff10a0a85', class: "duet-multiselect-tooltip", direction: this.tooltipDirection, accessibleInputLabel: this.label }, this.tooltip)), h("slot", { key: 'c39db470cb4e12aae320718e5fda0dfa9c6af37b', name: "tooltip" }), this.caption && (h("duet-caption", { key: '66615cbbb7c28be30c42e3c62d0f9021d7e69acb', id: this.topCaptionId, size: "medium" }, this.caption)), h("div", { key: 'c820a692595b614996842c8053be2a3f1e49fce0', class: "duet-multiselect-wrapper" }, h("button", { key: '36a79be02186955c4ab72fa75b9e6cb386dda866', id: this.identifier, ref: el => (this.multiselectElement = el), class: { "duet-multiselect": true, "duet-multiselect-active": this.checkboxesVisible }, tabindex: "0", onClick: () => this.toggleCheckboxes(), onFocus: e => this.onFocus(e), onBlur: e => this.onBlur(e), role: "combobox", "aria-expanded": this.checkboxesVisible ? "true" : "false", "aria-haspopup": "listbox", "aria-labelledby": this.labelId, "aria-describedby": this.getDescribedBy(), "aria-owns": `${this.identifier}-checkboxes`, onKeyDown: (e) => this.onMultiselectInputKeyDown(e), disabled: this.disabled }, h("span", { key: '357672ff8738ba4131b01fa16f82280f91b6edc9', role: "textbox", "aria-readonly": "true", "aria-multiline": "false", "aria-autocomplete": "none", "aria-controls": `${this.identifier}-checkboxes`, "aria-label": this.placeholderLabel[this.language], class: "duet-multiselect-label" }, this.placeholder), this.value && this.value.length > 0 && (h("span", { key: '9b9435791f8d06644948cd64c00180f6f50d1495', class: "duet-multiselect-badge" }, this.value.length, h("duet-visually-hidden", { key: 'f89f17cf73ebff720a1f903643f21858c6ed96b5' }, this.selectedLangObject[this.language], ", ", this.value.map(item => item.label).join(", ")))), h("svg", { key: '737cbc3a387b07a9728ea6e5d47cfa949312f3ad', class: { "duet-multiselect-icon": true, "duet-multiselect-icon--rotate": this.checkboxesVisible }, fill: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'ccadad6740d38fe5b128a708ddb9ae24699a4502', d: "m12 18.999c-.4 0-.776-.156-1.059-.438l-10.721-10.72c-.142-.142-.22-.33-.22-.531 0-.2.078-.389.22-.53.142-.142.33-.22.53-.22s.389.078.53.22l10.72 10.719 10.72-10.719c.142-.142.33-.22.53-.22s.389.078.53.22c.142.142.22.33.22.53s-.078.389-.22.53l-10.72 10.72c-.282.283-.659.439-1.06.439z" }))), h("div", { key: '60c40e1702ee751fda1fed334809896f56411a6f', id: `${this.identifier}-checkboxes`, role: "listbox", class: {
+            }, onKeyDown: (e) => this.onMultiselectKeyDown(e) }, h("duet-label", { key: 'c527b091b91bbc52d86e99d5dff9115cc8d6aeeb', theme: this.theme === "turva" ? "turva" : "default", class: { "duet-has-tooltip": !!this.tooltip }, color: this.labelColor, weight: this.labelWeight, id: this.labelId, for: this.identifier }, this.label), this.tooltip && (h("duet-tooltip", { key: 'f3596fdcc13e54984e38299db1cd32a541ce22aa', class: "duet-multiselect-tooltip", direction: this.tooltipDirection, accessibleInputLabel: this.label }, this.tooltip)), h("slot", { key: '5c0ec4c3de6ed4d0df0e9ecc97e10b16ec52974f', name: "tooltip" }), this.caption && (h("duet-caption", { key: '8cae964591dce5a58a576ed00209f1f50b89bd1b', id: this.topCaptionId, size: "medium" }, this.caption)), h("div", { key: '31780c7861708d52df9f5bc7fd7714259a2abdb8', class: "duet-multiselect-wrapper" }, h("button", { key: '2ffdcde08e1d5fcc3c63bcfd48bf22831dea2296', id: this.identifier, ref: el => (this.multiselectElement = el), class: { "duet-multiselect": true, "duet-multiselect-active": this.checkboxesVisible }, tabindex: "0", onClick: () => this.toggleCheckboxes(), onFocus: e => this.onFocus(e), onBlur: e => this.onBlur(e), role: "combobox", "aria-expanded": this.checkboxesVisible ? "true" : "false", "aria-haspopup": "listbox", "aria-labelledby": this.labelId, "aria-describedby": this.getDescribedBy(), "aria-owns": `${this.identifier}-checkboxes`, onKeyDown: (e) => this.onMultiselectInputKeyDown(e), disabled: this.disabled }, h("span", { key: '2b04c64dd7004356a0dd7833be28935c39e50217', role: "textbox", "aria-readonly": "true", "aria-multiline": "false", "aria-autocomplete": "none", "aria-controls": `${this.identifier}-checkboxes`, "aria-label": this.placeholderLabel[this.language], class: "duet-multiselect-label" }, this.placeholder), this.value && this.value.length > 0 && (h("span", { key: 'c952cd7f33d700d4af685ff3b7fc19de02054f1f', class: "duet-multiselect-badge" }, this.value.length, h("duet-visually-hidden", { key: 'b9bf58b48509aaedd4f2e0cb05aec8cc192f2eee' }, this.selectedLangObject[this.language], ", ", this.value.map(item => item.label).join(", ")))), h("svg", { key: '5ecaefc2630e9810f4f9f5887677b9f87dc91ff1', class: { "duet-multiselect-icon": true, "duet-multiselect-icon--rotate": this.checkboxesVisible }, fill: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '4c3240169e55ab9b2daca51cce27dfc8c20dbeb0', d: "m12 18.999c-.4 0-.776-.156-1.059-.438l-10.721-10.72c-.142-.142-.22-.33-.22-.531 0-.2.078-.389.22-.53.142-.142.33-.22.53-.22s.389.078.53.22l10.72 10.719 10.72-10.719c.142-.142.33-.22.53-.22s.389.078.53.22c.142.142.22.33.22.53s-.078.389-.22.53l-10.72 10.72c-.282.283-.659.439-1.06.439z" }))), h("div", { key: 'b473ebcd1f110e4d6151b5dbc49b08f6347eae37', id: `${this.identifier}-checkboxes`, role: "listbox", class: {
                 "duet-multiselect-checkboxes": true,
                 "duet-multiselect-checkboxes-active": this.checkboxesVisible,
-            }, "aria-activedescendant": this.activeDescendant, "aria-multiselectable": "true" }, ((_a = this.processedItems) === null || _a === void 0 ? void 0 : _a.length) && this.allControls && (h("div", { key: 'e56b2012308e8950adb1ee3276c2b5153309431e', class: "duet-multiselect-all-control-buttons" }, h("button", { key: 'b53465b5f581e60b218dc7e1a50860042489bfcc', class: "duet-multiselect-select-all", onClick: this.handleSelectAllClick, id: this.getOptionIdentifier(-2), onKeyDown: (e) => this.onCheckboxKeyDown(e, -2) }, this.selectAllLabel[this.language]), h("button", { key: '127953e8ffd8b0002380092bb7929bb2fe1f2790', class: "duet-multiselect-clear-all", onClick: this.handleClearAllClick, id: this.getOptionIdentifier(-1), onKeyDown: (e) => this.onCheckboxKeyDown(e, -1) }, this.clearAllLabel[this.language]))), this.processedItems &&
+            }, "aria-activedescendant": this.activeDescendant, "aria-multiselectable": "true" }, ((_a = this.processedItems) === null || _a === void 0 ? void 0 : _a.length) && this.allControls && (h("div", { key: '9f299cd541560553ea17e375851abb114dc8008f', class: "duet-multiselect-all-control-buttons" }, h("button", { key: 'dcf47773c56375580656437e03ccd4e0a66614e9', class: "duet-multiselect-select-all", onClick: this.handleSelectAllClick, id: this.getOptionIdentifier(-2), onKeyDown: (e) => this.onCheckboxKeyDown(e, -2) }, this.selectAllLabel[this.language]), h("button", { key: '601c87eb96bfe560d68f6a8d9680278b60e1cc10', class: "duet-multiselect-clear-all", onClick: this.handleClearAllClick, id: this.getOptionIdentifier(-1), onKeyDown: (e) => this.onCheckboxKeyDown(e, -1) }, this.clearAllLabel[this.language]))), this.processedItems &&
             this.processedGroups.map(group => (h("fieldset", null, group.label && h("legend", null, group.label), group.items.map((item, key) => {
                 var _a, _b;
                 return (h("duet-checkbox", { identifier: this.getOptionIdentifier(key), role: "option", label: item.label, value: item.value, key: item.value, checked: (_a = this.value) === null || _a === void 0 ? void 0 : _a.includes(item), "accessible-selected": ((_b = this.value) === null || _b === void 0 ? void 0 : _b.includes(item)) ? "true" : undefined, disabled: !this.checkboxesVisible || item.disabled, onDuetChange: e => this.toggleCheckbox(e, item), onKeyDown: (e) => this.onCheckboxKeyDown(e, key), theme: this.theme }));
-            })))))), h("span", { key: '2bb9ce9ed512ec662c996bc7e7c2d1914e0b2347', class: "duet-multiselect-help duet-multiselect-error", id: this.errorId, "aria-atomic": "true", "aria-live": this.accessibleLiveError, "aria-relevant": "additions removals" }, this.error && h("span", { key: '24d696ebe5ab55a8e3240c4d9df475149f2d7875' }, this.error)))));
+            })))))), h("span", { key: '40712a9ae545260e392b6bbe7fc741a8ff4981bf', class: "duet-multiselect-help duet-multiselect-error", id: this.errorId, "aria-atomic": "true", "aria-live": this.accessibleLiveError, "aria-relevant": "additions removals" }, this.error && h("span", { key: 'eb59b5ccb5fa6ccff42f7b1ac44d0439874561ed' }, this.error)))));
     }
     static get is() { return "duet-multiselect"; }
     static get encapsulation() { return "shadow"; }
@@ -350,7 +350,7 @@ export class DuetMultiselect {
                     "references": {
                         "DuetMultiselectItem": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-multiselect/duet-multiselect.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-multiselect/duet-multiselect.tsx",
                             "id": "src/components/duet-multiselect/duet-multiselect.tsx::DuetMultiselectItem"
                         }
                     }
@@ -499,12 +499,12 @@ export class DuetMultiselect {
                     "references": {
                         "DuetMultiselectItem": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-multiselect/duet-multiselect.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-multiselect/duet-multiselect.tsx",
                             "id": "src/components/duet-multiselect/duet-multiselect.tsx::DuetMultiselectItem"
                         },
                         "DuetMultiselectItemGroup": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-multiselect/duet-multiselect.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-multiselect/duet-multiselect.tsx",
                             "id": "src/components/duet-multiselect/duet-multiselect.tsx::DuetMultiselectItemGroup"
                         }
                     }
@@ -697,7 +697,7 @@ export class DuetMultiselect {
                     "references": {
                         "DuetMultiselectEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-multiselect/duet-multiselect.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-multiselect/duet-multiselect.tsx",
                             "id": "src/components/duet-multiselect/duet-multiselect.tsx::DuetMultiselectEvent"
                         }
                     }
@@ -718,7 +718,7 @@ export class DuetMultiselect {
                     "references": {
                         "DuetMultiselectEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-multiselect/duet-multiselect.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-multiselect/duet-multiselect.tsx",
                             "id": "src/components/duet-multiselect/duet-multiselect.tsx::DuetMultiselectEvent"
                         }
                     }
@@ -739,7 +739,7 @@ export class DuetMultiselect {
                     "references": {
                         "DuetMultiselectEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-multiselect/duet-multiselect.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-multiselect/duet-multiselect.tsx",
                             "id": "src/components/duet-multiselect/duet-multiselect.tsx::DuetMultiselectEvent"
                         }
                     }

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

@@ -24,7 +24,7 @@ export class DuetNav {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: '00a512aca74e896f68c7f089bc805af77083caa0' }, h("div", { key: '63db60712546a4917778c2d361db15683e57d370', class: { container: true, sticky: this.sticky } }, h("slot", { key: '618adba4dcf96b0461ed60f8ed931080f06cdf46' }), h("slot", { key: '4cf1e97401cd3ff6a4ffb16900186228c0851da9', name: "mobile" }), h("slot", { key: '67d4aaae5584a1c2ee205da75e719fb9c320097a', name: "desktop" }))));
+        return (h(Host, { key: 'b2c2d87c29d07d11c1676681d1c1a60ef70ff9db' }, h("div", { key: '0f56f360c8fffa3551d9d444fd304b1631cab66e', class: { container: true, sticky: this.sticky } }, h("slot", { key: '6659d61b2bc3900452b84e6fafa8f7a8b6846af3' }), h("slot", { key: '908166b86fc4d025decbe75ba53ef2f295dc825f', name: "mobile" }), h("slot", { key: '9533b0f6f9616b5994513feeda5b82ad4316765c', name: "desktop" }))));
     }
     static get is() { return "duet-nav"; }
     static get encapsulation() { return "shadow"; }

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

@@ -154,4 +154,20 @@
 
 ::slotted(duet-paragraph) {
   margin-bottom: 2px !important;
+}
+
+:host(.duet-theme-turva2) .duet-notification.duet-theme-turva {
+  color: #171c3a;
+  border-bottom-color: #ffefe5;
+}
+:host(.duet-theme-turva2) .duet-notification.duet-notification-highlight.duet-theme-turva {
+  background: #fcf7f3;
+}
+:host(.duet-theme-turva2) .duet-notification-badge.duet-theme-turva {
+  background: #e61740;
+}
+@media (min-width: 62em) {
+  :host(.duet-theme-turva2) .duet-notification:hover.duet-theme-turva {
+    background: #fcf7f3;
+  }
 }

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

@@ -43,11 +43,11 @@ export class DuetNotification {
         this.linkElement.focus(options);
     }
     render() {
-        return (h("div", { key: '50b14b431dd3fa0271fed4ad88b3844db5d470c2', role: "listitem", class: {
+        return (h("div", { key: '999b164ec053f239b655809385ac62d491cbe646', role: "listitem", class: {
                 "duet-notification": true,
                 "duet-notification-highlight": this.highlight,
                 "duet-theme-turva": this.theme === "turva",
-            } }, h("a", { key: '69d83dd84ef5cb3e5cadc59ef13262ba5a2403b5', ref: element => (this.linkElement = element), href: this.url, target: this.external ? "_blank" : "_self" }, h("div", { key: 'c84b368567d5c30a73d072a857d09546762d4e3b', class: "duet-notification-container" }, h("div", { key: 'b643d6050a37393d3014f04d1255b39a1db22be7', class: "duet-notification-badge-container" }, this.highlight && (h("div", { key: 'f2ffc87634082ee3ca83962e5be69f8521a8ca8a', class: "duet-notification-badge" }, h("duet-visually-hidden", { key: '150e736d8b12304b0a2bf4341462b861f7e1dfdb' }, this.accessibleLabelUnread, ":")))), h("div", { key: '17934b56fbc1d360d9caf028b545edb6a8fe06e3', class: "duet-notification-content" }, h("slot", { key: '3546c2b5e14a00d7b254f59985315a13d79bcc4f' })), h("div", { key: 'ac03337c739922c3db5c1e8b63593f92edba315d', class: "duet-notification-date" }, this.date)))));
+            } }, h("a", { key: '009e9150c244978cdde72529920e598ad54eef61', ref: element => (this.linkElement = element), href: this.url, target: this.external ? "_blank" : "_self" }, h("div", { key: 'f602b49377c616c3ccb1ad4e810d008c77f76212', class: "duet-notification-container" }, h("div", { key: '5b6cf3bebb6857f12965ff217fec94bfca532f88', class: "duet-notification-badge-container" }, this.highlight && (h("div", { key: 'b232cdf5fb9984ee48402cc9e4e6947892e1be84', class: "duet-notification-badge" }, h("duet-visually-hidden", { key: 'd3cf499012a0dddcc0d0fbdbfd4185552984042a' }, this.accessibleLabelUnread, ":")))), h("div", { key: '4fd75a9c19bc5e6b201419cd86a85b7e2faea29e', class: "duet-notification-content" }, h("slot", { key: 'afb9864cef6b4e6cf00d96419fa3f4e563335ee5' })), h("div", { key: 'bb933ea6053bef944d3b674c976aecd2e4dd4dc9', class: "duet-notification-date" }, this.date)))));
     }
     static get is() { return "duet-notification"; }
     static get encapsulation() { return "shadow"; }

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

@@ -252,4 +252,16 @@
     opacity: 1;
     transform: scale(1) translateZ(0) translateY(0);
   }
+}
+
+:host(.duet-theme-turva2) .duet-theme-turva .duet-drawer-toggle {
+  color: #171c3a;
+  border-color: #ffefe5;
+}
+:host(.duet-theme-turva2) .duet-theme-turva .duet-drawer-toggle::after {
+  background: #e61740;
+}
+:host(.duet-theme-turva2) .duet-theme-turva .duet-drawer-toggle[aria-expanded=true],
+:host(.duet-theme-turva2) .duet-theme-turva .duet-drawer-toggle[aria-expanded=true]:hover {
+  border-color: #fcf7f3;
 }

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

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

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

@@ -125,4 +125,11 @@
 }
 :host(.duet-theme-turva) .duet-number-buttons .duet-number-button:last-of-type::before {
   background: rgb(222, 224, 228);
+}
+
+:host(.duet-theme-turva2) .duet-theme-turva .duet-number-buttons .duet-number-button:first-of-type::before {
+  background: linear-gradient(to left, rgba(251, 228, 214, 0.2) 0%, rgba(251, 228, 214, 0.2) 1px, rgba(251, 228, 214, 0.1) 1px, rgba(251, 228, 214, 0) 100%);
+}
+:host(.duet-theme-turva2) .duet-theme-turva .duet-number-buttons .duet-number-button:last-of-type::before {
+  background: #ffefe5;
 }

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

@@ -1108,7 +1108,7 @@ export class DuetNumberInput {
                     "references": {
                         "DuetNumberInputEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-number-input/duet-number-input.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-number-input/duet-number-input.tsx",
                             "id": "src/components/duet-number-input/duet-number-input.tsx::DuetNumberInputEvent"
                         }
                     }
@@ -1129,7 +1129,7 @@ export class DuetNumberInput {
                     "references": {
                         "DuetNumberInputEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-number-input/duet-number-input.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-number-input/duet-number-input.tsx",
                             "id": "src/components/duet-number-input/duet-number-input.tsx::DuetNumberInputEvent"
                         }
                     }
@@ -1150,7 +1150,7 @@ export class DuetNumberInput {
                     "references": {
                         "DuetNumberInputEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-number-input/duet-number-input.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-number-input/duet-number-input.tsx",
                             "id": "src/components/duet-number-input/duet-number-input.tsx::DuetNumberInputEvent"
                         }
                     }
@@ -1171,7 +1171,7 @@ export class DuetNumberInput {
                     "references": {
                         "DuetNumberInputEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-number-input/duet-number-input.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-number-input/duet-number-input.tsx",
                             "id": "src/components/duet-number-input/duet-number-input.tsx::DuetNumberInputEvent"
                         }
                     }

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

@@ -104,4 +104,8 @@
 }
 .duet-overlay.transition-quickly {
   transition: 300ms ease;
+}
+
+:host(.duet-theme-turva2) .duet-overlay.duet-theme-turva {
+  background: #171c3a;
 }

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

@@ -35,7 +35,7 @@ export class DuetOverlay {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: '630cf19ec25638aba0f6031c109f0b9c7813961e', "aria-hidden": "true" }, h("div", { key: '1b2b98da2ddf66ae1ef4ef862eab832b08c87f7a', style: { zIndex: this.zIndex }, class: {
+        return (h(Host, { key: '1db610c81a0108f9e27827fd80ea0bfca3315079', "aria-hidden": "true" }, h("div", { key: 'ac9e333e24880537bda35a45bef37ae8fded0a6b', style: { zIndex: this.zIndex }, class: {
                 "duet-overlay": true,
                 "duet-theme-turva": this.theme === "turva",
                 "keep-stacking-context": this.keepStackingContext,
@@ -158,7 +158,7 @@ export class DuetOverlay {
                     "references": {
                         "OverlayDisplayDevice": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-overlay/duet-overlay.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-overlay/duet-overlay.tsx",
                             "id": "src/components/duet-overlay/duet-overlay.tsx::OverlayDisplayDevice"
                         }
                     }

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

@@ -195,6 +195,20 @@
     height: 75px;
   }
 }
+.duet-page-heading .progress-indicator {
+  display: flex;
+  flex-direction: row;
+  gap: 4px;
+}
+.duet-page-heading .progress-step {
+  width: 100%;
+  height: 4px;
+  background-color: rgb(181, 198, 208);
+  border-radius: 2px;
+}
+.duet-page-heading .progress-step.active {
+  background-color: rgb(0, 119, 179);
+}
 .duet-page-heading.duet-theme-turva {
   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(8, 42, 77);
@@ -210,17 +224,19 @@
   position: relative;
   top: -3px;
 }
-.duet-page-heading .progress-indicator {
-  display: flex;
-  flex-direction: row;
-  gap: 4px;
+.duet-page-heading.duet-theme-turva .progress-step {
+  background-color: rgb(199, 202, 207);
 }
-.duet-page-heading .progress-step {
-  width: 100%;
-  height: 4px;
-  background-color: rgb(181, 198, 208);
-  border-radius: 2px;
+.duet-page-heading.duet-theme-turva .progress-step.active {
+  background-color: rgb(198, 12, 48);
 }
-.duet-page-heading .progress-step.active {
-  background-color: rgb(0, 119, 179);
+
+:host(.duet-theme-turva2) .duet-page-heading.duet-theme-turva .brand-shaped-icon {
+  background: rgba(230, 23, 64, 0.9);
+}
+:host(.duet-theme-turva2) .duet-page-heading.duet-theme-turva .progress-step {
+  background-color: #fbe4d6;
+}
+:host(.duet-theme-turva2) .duet-page-heading.duet-theme-turva .progress-step.active {
+  background-color: #e61740;
 }

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

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

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

@@ -76,4 +76,8 @@
 :host(.duet-theme-turva) .duet-pagination-total-pages {
   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) .duet-pagination-total-pages {
+  color: #171c3a;
 }

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

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

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

@@ -103,4 +103,11 @@
 ::slotted(a):active {
   opacity: 0.75;
   transition: none;
+}
+
+:host(.duet-theme-turva2) .duet-paragraph.duet-theme-turva {
+  color: #171c3a;
+}
+:host(.duet-theme-turva2) ::slotted(a).duet-theme-turva {
+  color: #e61740;
 }

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

@@ -32,7 +32,7 @@ export class DuetParagraph {
         const color = getColorByName(this.color);
         // aria-describedby is to fix accessibility issue in Chrome where duet-paragraphs
         // are not announced when placed inside duet-modal
-        return (h(Host, { key: 'c40c5ba6cbe85a63b4175aaedcd83594adc10734', "aria-describedby": this.id }, h("p", { key: '96d0dad61f9e9b74f6c0945723b401dc179c87df', id: this.id, class: {
+        return (h(Host, { key: '6f740b447debf82012ab7490b991bdec7c5cac41', "aria-describedby": this.id }, h("p", { key: '657f274347df41632ef071076c76b23356afb82c', id: this.id, class: {
                 "duet-paragraph": true,
                 "duet-paragraph-small": this.size === "small",
                 "duet-paragraph-semi-bold": this.weight === "semi-bold",
@@ -40,7 +40,7 @@ export class DuetParagraph {
                 "duet-m-0": this.margin === "none",
                 [this.variation]: true,
                 "duet-theme-turva": this.theme === "turva",
-            }, style: { color }, part: "duet-paragraph" }, h("slot", { key: 'b8d26076ea382a76379fb587c13f05eadb91da4e' }))));
+            }, style: { color }, part: "duet-paragraph" }, h("slot", { key: '384f1b74fcc9a5e55780bd33bbc0add83f22ccac' }))));
     }
     static get is() { return "duet-paragraph"; }
     static get encapsulation() { return "shadow"; }
@@ -117,7 +117,7 @@ export class DuetParagraph {
                     "references": {
                         "DuetParagraphSize": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-paragraph/duet-paragraph.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-paragraph/duet-paragraph.tsx",
                             "id": "src/components/duet-paragraph/duet-paragraph.tsx::DuetParagraphSize"
                         }
                     }
@@ -143,7 +143,7 @@ export class DuetParagraph {
                     "references": {
                         "DuetParagraphWeight": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-paragraph/duet-paragraph.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-paragraph/duet-paragraph.tsx",
                             "id": "src/components/duet-paragraph/duet-paragraph.tsx::DuetParagraphWeight"
                         }
                     }
@@ -169,7 +169,7 @@ export class DuetParagraph {
                     "references": {
                         "DuetParagraphVariation": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-paragraph/duet-paragraph.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-paragraph/duet-paragraph.tsx",
                             "id": "src/components/duet-paragraph/duet-paragraph.tsx::DuetParagraphVariation"
                         }
                     }