@duetds/components 9.9.0 → 9.11.0

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

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

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

@@ -220,6 +220,7 @@ button {
 }
 
 .duet-link.button,
+.duet-link.list-button,
 .duet-link.card {
   display: flex;
   gap: 12px;
@@ -237,10 +238,12 @@ button {
   transition: all 300ms ease;
 }
 .duet-link.button > *,
+.duet-link.list-button > *,
 .duet-link.card > * {
   flex-shrink: 0;
 }
 .duet-link.button .duet-link-content,
+.duet-link.list-button .duet-link-content,
 .duet-link.card .duet-link-content {
   flex-grow: 1;
   flex-shrink: 1;
@@ -250,24 +253,28 @@ button {
   text-align: left;
 }
 .duet-link.button .icon-wrap,
+.duet-link.list-button .icon-wrap,
 .duet-link.card .icon-wrap {
   display: flex;
   align-items: center;
   justify-content: center;
 }
 .duet-link.button .icon-wrap duet-icon,
+.duet-link.list-button .icon-wrap duet-icon,
 .duet-link.card .icon-wrap duet-icon {
   width: 24px;
   height: 24px;
 }
 @media (min-width: 48em) {
   .duet-link.button .icon-wrap duet-icon,
+  .duet-link.list-button .icon-wrap duet-icon,
   .duet-link.card .icon-wrap duet-icon {
     width: 30px;
     height: 30px;
   }
 }
 .duet-link.button.duet-link-has-icon-background,
+.duet-link.list-button.duet-link-has-icon-background,
 .duet-link.card.duet-link-has-icon-background {
   min-height: 60px;
   padding: 12px;
@@ -275,60 +282,105 @@ button {
   line-height: 1.5;
 }
 .duet-link.button.duet-link-has-icon-background .icon-wrap,
+.duet-link.list-button.duet-link-has-icon-background .icon-wrap,
 .duet-link.card.duet-link-has-icon-background .icon-wrap {
   width: 36px;
   height: 36px;
   border-radius: 8px;
 }
 .duet-link.button:hover,
+.duet-link.list-button:hover,
 .duet-link.card:hover {
   border-color: rgb(0, 119, 179);
   outline: 2px solid rgb(0, 119, 179);
 }
 @media (min-width: 48em) {
   .duet-link.button,
+  .duet-link.list-button,
   .duet-link.card {
     min-height: 50px;
   }
   .duet-link.button.duet-link-has-icon-background,
+  .duet-link.list-button.duet-link-has-icon-background,
   .duet-link.card.duet-link-has-icon-background {
     gap: 16px;
     min-height: 72px;
     border-radius: 16px;
   }
   .duet-link.button.duet-link-has-icon-background .icon-wrap,
+  .duet-link.list-button.duet-link-has-icon-background .icon-wrap,
   .duet-link.card.duet-link-has-icon-background .icon-wrap {
     width: 48px;
     height: 48px;
     border-radius: 12px;
   }
   .duet-link.button.duet-link-has-icon-background .duet-link-content,
+  .duet-link.list-button.duet-link-has-icon-background .duet-link-content,
   .duet-link.card.duet-link-has-icon-background .duet-link-content {
     font-size: 1.1rem;
   }
 }
 .duet-link.button.duet-theme-turva,
+.duet-link.list-button.duet-theme-turva,
 .duet-link.card.duet-theme-turva {
   border-color: rgb(199, 202, 207);
 }
 .duet-link.button.duet-theme-turva .duet-link-content,
+.duet-link.list-button.duet-theme-turva .duet-link-content,
 .duet-link.card.duet-theme-turva .duet-link-content {
   color: rgb(23, 28, 58);
 }
 .duet-link.button.duet-theme-turva:hover,
+.duet-link.list-button.duet-theme-turva:hover,
 .duet-link.card.duet-theme-turva:hover {
   border-color: rgb(198, 12, 48);
   outline-color: rgb(198, 12, 48);
 }
 .duet-link.button .block__chevron-icon,
+.duet-link.list-button .block__chevron-icon,
 .duet-link.card .block__chevron-icon {
   transition: 300ms ease;
 }
 .duet-link.button:not(.duet-link-is-external):hover .block__chevron-icon,
+.duet-link.list-button:not(.duet-link-is-external):hover .block__chevron-icon,
 .duet-link.card:not(.duet-link-is-external):hover .block__chevron-icon {
   transform: translateX(4px);
 }
 
+.duet-link.list-button {
+  padding: 20px 12px 20px 4px;
+  margin-top: -1px;
+  border: solid 1px rgb(181, 198, 208);
+  border-width: 1px 0;
+  border-radius: 0;
+}
+.duet-link.list-button .icon-wrap duet-icon {
+  width: 20px;
+  height: 20px;
+}
+@media (min-width: 48em) {
+  .duet-link.list-button .icon-wrap duet-icon {
+    width: 24px;
+    height: 24px;
+  }
+}
+.duet-link.list-button:hover {
+  border-color: rgb(181, 198, 208);
+  outline: 0;
+}
+.duet-link.list-button:hover .duet-link-content {
+  color: rgb(0, 119, 179);
+}
+.duet-link.list-button.duet-theme-turva .duet-link-content {
+  color: rgb(23, 28, 58);
+}
+.duet-link.list-button.duet-theme-turva:hover {
+  border-color: rgb(199, 202, 207);
+}
+.duet-link.list-button.duet-theme-turva:hover .duet-link-content {
+  color: rgb(198, 12, 48);
+}
+
 .duet-link.card {
   border-color: rgb(228, 236, 239);
   box-shadow: 0 2px 6px 0 rgba(0, 41, 77, 0.07), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07);
@@ -376,4 +428,26 @@ button {
   .duet-link.card.duet-link-has-icon .chevron-wrap {
     height: 62px;
   }
+}
+
+:host(.duet-theme-turva2) .duet-tab-to-link.duet-theme-turva {
+  color: rgb(35, 46, 61);
+}
+:host(.duet-theme-turva2) .duet-link.button.duet-theme-turva,
+:host(.duet-theme-turva2) .duet-link.list-button.duet-theme-turva {
+  border-color: rgb(244, 213, 193);
+}
+:host(.duet-theme-turva2) .duet-link.button.duet-theme-turva .duet-link-content,
+:host(.duet-theme-turva2) .duet-link.list-button.duet-theme-turva .duet-link-content {
+  color: rgb(35, 46, 61);
+}
+:host(.duet-theme-turva2) .duet-link.button.duet-theme-turva:hover {
+  border-color: rgb(197, 29, 65);
+  outline-color: rgb(197, 29, 65);
+}
+:host(.duet-theme-turva2) .duet-link.list-button.duet-theme-turva:hover {
+  border-color: rgb(244, 213, 193);
+}
+:host(.duet-theme-turva2) .duet-link.list-button.duet-theme-turva:hover .duet-link-content {
+  color: rgb(197, 29, 65);
 }

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

@@ -110,6 +110,7 @@ export class DuetLink {
             case "block-center":
                 return this.renderBlockContent();
             case "button":
+            case "list-button":
             case "card":
                 return this.renderButtonCardContent();
         }
@@ -121,10 +122,10 @@ export class DuetLink {
     render() {
         const Tag = !this.url ? "button" : "a";
         const isButton = Tag === "button";
-        return (h(Host, { key: '257fc0e157b43e4e1daaa1ec31f408436c28c733', class: {
+        return (h(Host, { key: '68945a9ea000da1a96233eb4a2ca669a0e9f31d6', class: {
                 [`duet-link-${this.variation}`]: true,
                 "duet-m-0": this.margin === "none",
-            } }, h(Tag, { key: 'fc0fe56a54a5ae2cfc59251d8c2c5f3e70fe9fb9', href: this.url, class: {
+            } }, h(Tag, { key: 'd49f0e0be858845e68c7b94c699f90c5552a5811', href: this.url, class: {
                 "duet-link": true,
                 "duet-link-is-external": this.external,
                 "duet-link-is-download": !!this.download,
@@ -157,7 +158,7 @@ export class DuetLink {
                 "mutable": false,
                 "complexType": {
                     "original": "DuetLinkVariation",
-                    "resolved": "\"block\" | \"block-center\" | \"button\" | \"card\" | \"default\"",
+                    "resolved": "\"block\" | \"block-center\" | \"button\" | \"card\" | \"default\" | \"list-button\"",
                     "references": {
                         "DuetLinkVariation": {
                             "location": "import",
@@ -686,6 +687,12 @@ export class DuetLink {
     static get elementRef() { return "element"; }
     static get watchers() {
         return [{
+                "propName": "download",
+                "methodName": "setAriaLabel"
+            }, {
+                "propName": "external",
+                "methodName": "setAriaLabel"
+            }, {
                 "propName": "language",
                 "methodName": "setAriaLabel"
             }];

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

@@ -175,7 +175,7 @@ export class DuetList {
                     "references": {
                         "DuetListMobileAlignment": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-list/duet-list.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-list/duet-list.tsx",
                             "id": "src/components/duet-list/duet-list.tsx::DuetListMobileAlignment"
                         }
                     }
@@ -227,7 +227,7 @@ export class DuetList {
                     "references": {
                         "DuetListVariation": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-list/duet-list.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-list/duet-list.tsx",
                             "id": "src/components/duet-list/duet-list.tsx::DuetListVariation"
                         }
                     }
@@ -253,7 +253,7 @@ export class DuetList {
                     "references": {
                         "DuetListLabelWidth": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-list/duet-list.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-list/duet-list.tsx",
                             "id": "src/components/duet-list/duet-list.tsx::DuetListLabelWidth"
                         }
                     }

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

@@ -431,4 +431,24 @@
   :host(.duet-list-item-breakpoint-x-large.duet-list-width-70) dd {
     flex-basis: 35%;
   }
+}
+:host(.duet-theme-turva2.duet-theme-turva) {
+  color: rgb(35, 46, 61);
+}
+
+:host(.duet-theme-turva2.duet-list-striped.duet-theme-turva:nth-child(odd)) dt,
+:host(.duet-theme-turva2.duet-list-striped.duet-theme-turva:nth-child(odd)) dd {
+  background: rgb(253, 247, 242);
+}
+
+:host(.duet-theme-turva2.duet-list-bordered.duet-theme-turva) {
+  border-block-start: 1px solid rgb(248, 229, 217);
+}
+
+:host(.duet-theme-turva2.duet-list-bordered.duet-theme-turva:last-child) {
+  border-block-end: 1px solid rgb(248, 229, 217);
+}
+
+:host(.duet-theme-turva2.duet-list-inner-bordered.duet-theme-turva:not(:last-child)) {
+  border-block-end: 1px solid rgb(248, 229, 217);
 }

package/lib/collection/components/duet-list-item/duet-list-item.js

@@ -2,28 +2,34 @@
  * Built with Duet Design System
  */
 import { h, Host } from "@stencil/core";
+import { inheritGlobalTheme } from "../../common";
 /**
  * @slot label - The list item component’s label content. Use this to put content into description list’s dt element.
  * @slot value - The list item component’s value content. Use this to put content into description list’s dd element.
  */
 export class DuetListItem {
     constructor() {
+        this.theme = "";
         this.responsive = false;
         this.breakpoint = "small";
     }
+    componentWillLoad() {
+        inheritGlobalTheme(this);
+    }
     /**
      * render() function
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: 'dbea429576ed1f52ed1c3fc26b2ad7d235a0a413', class: {
+        return (h(Host, { key: 'b338f849dddb21254aa8afecd12861cfc41a65c4', class: {
+                "duet-theme-turva": this.theme === "turva",
                 "duet-no-stacking": !this.responsive,
                 "duet-list-item-breakpoint-x-small": this.breakpoint === "x-small",
                 "duet-list-item-breakpoint-small": this.breakpoint === "small",
                 "duet-list-item-breakpoint-medium": this.breakpoint === "medium",
                 "duet-list-item-breakpoint-large": this.breakpoint === "large",
                 "duet-list-item-breakpoint-x-large": this.breakpoint === "x-large",
-            } }, h("dt", { key: '21f820ef81ada72e006b22a14634b2ba57fe9ce3' }, h("slot", { key: '3650e03253950a189ca684b374220b0edd9f6e37', name: "label" })), h("dd", { key: '9e704a02a57e3d1809b3ee7895ffb554a37e24c0' }, h("slot", { key: '8bd4afe4da261e270cfa9dd2b946946dd4cb12ad', name: "value" }))));
+            } }, h("dt", { key: 'e31225e7f7baad5ed37a6faf439f5af12c9b082a' }, h("slot", { key: '2c77c01e4f67f554a3b92e0e23bffbd6240e5efe', name: "label" })), h("dd", { key: 'fbff0710d117ccf99411db729ca479c5463e3dbf' }, h("slot", { key: 'e98365f2d1db53a5578e86a1f4823fb3fc305030', name: "value" }))));
     }
     static get is() { return "duet-list-item"; }
     static get encapsulation() { return "shadow"; }
@@ -39,6 +45,32 @@ export class DuetListItem {
     }
     static get properties() {
         return {
+            "theme": {
+                "type": "string",
+                "mutable": true,
+                "complexType": {
+                    "original": "DuetTheme",
+                    "resolved": "\"\" | \"default\" | \"turva\"",
+                    "references": {
+                        "DuetTheme": {
+                            "location": "import",
+                            "path": "../../common-types",
+                            "id": "src/common-types.d.ts::DuetTheme"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Theme."
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "theme",
+                "reflect": false,
+                "defaultValue": "\"\""
+            },
             "responsive": {
                 "type": "boolean",
                 "mutable": false,
@@ -93,4 +125,5 @@ export class DuetListItem {
             }
         };
     }
+    static get elementRef() { return "element"; }
 }

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

@@ -182,7 +182,7 @@ export class DuetLogo {
                     "references": {
                         "DuetLogoSize": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-logo/duet-logo.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-logo/duet-logo.tsx",
                             "id": "src/components/duet-logo/duet-logo.tsx::DuetLogoSize"
                         }
                     }

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

@@ -200,4 +200,11 @@
 .duet-theme-turva .right {
   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 .center {
+  color: rgb(35, 46, 61);
+}
+:host(.duet-theme-turva2) .duet-theme-turva .right {
+  color: rgb(35, 46, 61);
 }

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

@@ -361,7 +361,7 @@ export class DuetMenuBar {
                     "references": {
                         "DuetMenuBarChangeEvent": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-menu-bar/duet-menu-bar.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-menu-bar/duet-menu-bar.tsx",
                             "id": "src/components/duet-menu-bar/duet-menu-bar.tsx::DuetMenuBarChangeEvent"
                         }
                     }

package/lib/collection/components/duet-menu-bar-button/duet-menu-bar-button.css

@@ -75,4 +75,10 @@
   .duet-menu-bar-button:hover.duet-theme-turva {
     color: rgb(198, 12, 48);
   }
+}
+
+@media (min-width: 62em) {
+  :host(.duet-theme-turva2) .duet-menu-bar-button.duet-theme-turva:hover {
+    color: rgb(197, 29, 65);
+  }
 }

package/lib/collection/components/duet-menu-bar-dropdown/duet-menu-bar-dropdown.css

@@ -151,4 +151,17 @@
 }
 .duet-menu-bar-dropdown.duet-theme-turva .items {
   background: rgb(255, 255, 255);
+}
+
+:host(.duet-theme-turva2) .duet-menu-bar-dropdown.duet-theme-turva button {
+  color: rgb(35, 46, 61);
+}
+:host(.duet-theme-turva2) .duet-menu-bar-dropdown.duet-theme-turva button:hover {
+  color: rgb(197, 29, 65);
+}
+:host(.duet-theme-turva2) .duet-menu-bar-dropdown.duet-theme-turva button.active {
+  color: rgb(197, 29, 65);
+}
+:host(.duet-theme-turva2) .duet-menu-bar-dropdown.duet-theme-turva button.active::after {
+  background: rgb(197, 29, 65);
 }

package/lib/collection/components/duet-menu-bar-dropdown-link/duet-menu-bar-dropdown-link.css

@@ -56,4 +56,11 @@
 }
 .duet-menu-bar-dropdown-link:hover.duet-theme-turva {
   background: rgb(222, 224, 228);
+}
+
+:host(.duet-theme-turva2) .duet-menu-bar-dropdown-link.duet-theme-turva {
+  color: rgb(35, 46, 61);
+}
+:host(.duet-theme-turva2) .duet-menu-bar-dropdown-link.duet-theme-turva:hover {
+  background: rgb(248, 229, 217);
 }

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

@@ -125,4 +125,19 @@
   .duet-menu-bar-item:hover.duet-theme-turva {
     color: rgb(198, 12, 48);
   }
+}
+
+:host(.duet-theme-turva2) .duet-menu-bar-item.duet-theme-turva[aria-expanded=true] {
+  color: rgb(197, 29, 65);
+}
+:host(.duet-theme-turva2) .duet-menu-bar-item.active.duet-theme-turva {
+  color: rgb(197, 29, 65);
+}
+:host(.duet-theme-turva2) .duet-menu-bar-item.active.duet-theme-turva::after {
+  background: rgb(197, 29, 65);
+}
+@media (min-width: 62em) {
+  :host(.duet-theme-turva2) .duet-menu-bar-item.duet-theme-turva:hover {
+    color: rgb(197, 29, 65);
+  }
 }

package/lib/collection/components/duet-menu-bar-link/duet-menu-bar-link.css

@@ -103,4 +103,16 @@
   .duet-menu-bar-link:hover.duet-theme-turva {
     color: rgb(198, 12, 48);
   }
+}
+
+:host(.duet-theme-turva2) .duet-menu-bar-link.active.duet-theme-turva {
+  color: rgb(197, 29, 65);
+}
+:host(.duet-theme-turva2) .duet-menu-bar-link.active.duet-theme-turva::after {
+  background: rgb(197, 29, 65);
+}
+@media (min-width: 62em) {
+  :host(.duet-theme-turva2) .duet-menu-bar-link.duet-theme-turva:hover {
+    color: rgb(197, 29, 65);
+  }
 }

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

@@ -318,4 +318,12 @@
 }
 .duet-modal-heading.duet-m-0 {
   margin: 0 !important;
+}
+
+:host(.duet-theme-turva2) .duet-theme-turva .duet-modal {
+  color: rgb(35, 46, 61);
+}
+:host(.duet-theme-turva2) .duet-theme-turva .duet-modal-sticky-header {
+  background: rgb(253, 247, 242);
+  border-bottom: 1px solid rgb(248, 229, 217);
 }

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

@@ -385,7 +385,7 @@ export class DuetModal {
                     "references": {
                         "DuetModalSize": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-modal/duet-modal.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-modal/duet-modal.tsx",
                             "id": "src/components/duet-modal/duet-modal.tsx::DuetModalSize"
                         }
                     }
@@ -508,7 +508,7 @@ export class DuetModal {
                     "references": {
                         "DuetModalVariation": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-modal/duet-modal.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-modal/duet-modal.tsx",
                             "id": "src/components/duet-modal/duet-modal.tsx::DuetModalVariation"
                         }
                     }
@@ -534,7 +534,7 @@ export class DuetModal {
                     "references": {
                         "DuetModalSize": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-modal/duet-modal.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-modal/duet-modal.tsx",
                             "id": "src/components/duet-modal/duet-modal.tsx::DuetModalSize"
                         }
                     }
@@ -809,7 +809,7 @@ export class DuetModal {
                     "references": {
                         "DuetModalCloseEvent": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-modal/duet-modal.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-modal/duet-modal.tsx",
                             "id": "src/components/duet-modal/duet-modal.tsx::DuetModalCloseEvent"
                         }
                     }

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: rgb(35, 46, 61);
+}
+:host(.duet-theme-turva2) .duet-theme-turva .duet-multiselect[disabled] {
+  color: rgb(35, 46, 61) !important;
+  background: rgb(253, 247, 242) !important;
+  border-color: rgb(253, 247, 242) !important;
+  -webkit-text-fill-color: rgb(35, 46, 61) !important;
+}
+:host(.duet-theme-turva2) .duet-theme-turva .duet-multiselect {
+  color: rgb(35, 46, 61);
+}
+:host(.duet-theme-turva2) .duet-theme-turva .duet-multiselect svg {
+  color: rgb(35, 46, 61);
+}
+:host(.duet-theme-turva2) .duet-theme-turva .duet-multiselect .duet-multiselect-badge {
+  color: rgb(35, 46, 61);
+  background: #e9eaec;
+}
+:host(.duet-theme-turva2) .duet-theme-turva .duet-multiselect-checkboxes {
+  border-color: rgb(248, 229, 217);
+}
+:host(.duet-theme-turva2) .duet-theme-turva .duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button {
+  color: rgb(197, 29, 65);
+}
+:host(.duet-theme-turva2) .duet-theme-turva .duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button:hover {
+  color: rgb(35, 46, 61);
 }

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

@@ -239,7 +239,7 @@ export class DuetMultiselect {
             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: 'a14ad0ccd012ac5577347b0063a8aea18ef0f173', class: "duet-multiselect-help", id: this.errorId, "aria-atomic": "true", "aria-live": this.accessibleLiveError, "aria-relevant": "additions removals" }, this.error && h("span", { key: '95982728671a531c3173eecda1f6f7961629fdce' }, this.error)))));
+            })))))), 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)))));
     }
     static get is() { return "duet-multiselect"; }
     static get encapsulation() { return "shadow"; }
@@ -350,7 +350,7 @@ export class DuetMultiselect {
                     "references": {
                         "DuetMultiselectItem": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-multiselect/duet-multiselect.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/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/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-multiselect/duet-multiselect.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-multiselect/duet-multiselect.tsx",
                             "id": "src/components/duet-multiselect/duet-multiselect.tsx::DuetMultiselectItem"
                         },
                         "DuetMultiselectItemGroup": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-multiselect/duet-multiselect.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/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/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-multiselect/duet-multiselect.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/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/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-multiselect/duet-multiselect.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/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/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-multiselect/duet-multiselect.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-multiselect/duet-multiselect.tsx",
                             "id": "src/components/duet-multiselect/duet-multiselect.tsx::DuetMultiselectEvent"
                         }
                     }

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: rgb(35, 46, 61);
+  border-bottom-color: rgb(248, 229, 217);
+}
+:host(.duet-theme-turva2) .duet-notification.duet-notification-highlight.duet-theme-turva {
+  background: rgb(253, 247, 242);
+}
+:host(.duet-theme-turva2) .duet-notification-badge.duet-theme-turva {
+  background: rgb(197, 29, 65);
+}
+@media (min-width: 62em) {
+  :host(.duet-theme-turva2) .duet-notification:hover.duet-theme-turva {
+    background: rgb(253, 247, 242);
+  }
 }