@duetds/components 10.2.4 → 10.3.1

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

@@ -132,17 +132,17 @@ export class DuetMenuBar {
     render() {
         const slideoutAvailable = document.querySelectorAll("duet-slideout").length > 0;
         const isUsedAsAdditionalHorizontalNav = slideoutAvailable && !this.logo;
-        return (h(Host, { key: '0465c2eb195dcbd9b168a73646321e57fdbf6ac9' }, h("nav", { key: 'f0bfcd1ec120c1471fe1d32715b6892125f03baa', class: {
+        return (h(Host, { key: '20953eddb5841bc9c3270486dd3734ec5cc3a952' }, h("nav", { key: '1c25040ecad0544d6875be135b0e37d228d252ac', class: {
                 "duet-menu-bar": true,
                 "duet-theme-turva": this.theme === "turva",
                 "horizontal-nav": isUsedAsAdditionalHorizontalNav,
                 "duet-menu-bar-slim": !this.centerSlotUsed,
                 hidden: this.hidden && this.hideOnScroll,
                 bottom: this.onBottom,
-            }, "aria-label": this.accessibleLabel }, h("div", { key: 'bc2ac882034c4d1ffc30fa989bf6d4927ecd50dc', class: "top" }), h("div", { key: '2495e91eb00325b4cb6d01814a13196916e62703', class: { container: true, "with-info-text": !!this.logoInfoText && !this.centerSlotUsed }, ref: el => (this.container = el), onScroll: () => this.scrollbarCheck() }, this.logo && (h("div", { key: '4eaa51862b000fb13b27c4abe9d4d44cc9ad2f1c' }, h("duet-logo", { key: '909c1992fd75363ff871776e4d948d295f21ee2e', class: "medium", size: "medium", margin: "none", theme: this.theme, href: this.logoHref, accessibleLabel: this.logoLinkAccessibleLabel, onClick: this.handleLogoClick, language: this.language }), h("duet-logo", { key: 'e672f17cccb5ba665d93375746eda2427a43fd5a', class: "large", size: "large", margin: "none", theme: this.theme, href: this.logoHref, accessibleLabel: this.logoLinkAccessibleLabel, onClick: this.handleLogoClick, language: this.language }), h("duet-logo", { key: '92864cb719cd05cf81b3e1a8513179daeceaae30', class: "only-symbol", onlySymbol: true, margin: "none", theme: this.theme, href: this.logoHref, accessibleLabel: this.logoLinkAccessibleLabel, onClick: this.handleLogoClick, language: this.language }), this.logoInfoText && !this.centerSlotUsed && (h("div", { key: 'bdea5133ca4fe524e4514808a1233094a4427bd7', class: {
+            }, "aria-label": this.accessibleLabel }, h("div", { key: '8f97938d286808eeaac40b082bce5e01011d23be', class: "top" }), h("div", { key: '1e9f311e8d1cfd877a927a8088b898446dd180ac', class: { container: true, "with-info-text": !!this.logoInfoText && !this.centerSlotUsed }, ref: el => (this.container = el), onScroll: () => this.scrollbarCheck() }, this.logo && (h("div", { key: 'c294599cde52e8fcabd0412fcd803e472bf97e45' }, h("duet-logo", { key: '0a25bba9944d981a0c0a0fc030df98c3ab191a20', class: "medium", size: "medium", margin: "none", theme: this.theme, href: this.logoHref, accessibleLabel: this.logoLinkAccessibleLabel, onClick: this.handleLogoClick, language: this.language }), h("duet-logo", { key: '93471aa81e550289950f4bf1334ec780bbffa658', class: "large", size: "large", margin: "none", theme: this.theme, href: this.logoHref, accessibleLabel: this.logoLinkAccessibleLabel, onClick: this.handleLogoClick, language: this.language }), h("duet-logo", { key: '08c23b2467aa25bb26f2d63b6bcf282b66930ece', class: "only-symbol", onlySymbol: true, margin: "none", theme: this.theme, href: this.logoHref, accessibleLabel: this.logoLinkAccessibleLabel, onClick: this.handleLogoClick, language: this.language }), this.logoInfoText && !this.centerSlotUsed && (h("div", { key: '56afacfd12bbaf8221f0054098db968d6cf48821', class: {
                 "duet-logo-info-text": true,
                 "duet-theme-turva": this.theme === "turva",
-            } }, this.logoInfoText)))), h("div", { key: '05e4681d1eb7add830ec0dba6d8bf33df33e77a1', class: "list center", role: "list" }, h("div", { key: '6b29f783a3df400d7e2f8bfca9dba33321d658c6', class: "more-left", hidden: !this.leftMoreVisible, role: "presentation" }), h("slot", { key: '938d6956b67e6a8a5592ea6f13e013a672af3f0a', name: "center" }), h("div", { key: '27897945987291e920d738a520fe16b2a82284f4', class: "more-right", hidden: !this.rightMoreVisible, role: "presentation" })), h("div", { key: '9cc2f6e6297e855cdac09b2a3fa5d6c3a42ecf9c', class: "list right", role: "list" }, h("slot", { key: '257a5853501bb6dde1d152842c77c4e8cd00b709', name: "right" }))), h("div", { key: '3a7b3b351b057060e8359a4acc7857fabe29ab3d', class: "bottom" }))));
+            } }, this.logoInfoText)))), h("div", { key: 'f0c2016af395fbf2b559d04250b37e615ec6aa6d', class: "list center", role: "list" }, h("div", { key: 'f22dc0cbdccf64d0eca130fadaa5ce0a94a49652', class: "more-left", hidden: !this.leftMoreVisible, role: "presentation" }), h("slot", { key: '013cb15f8cf0e113f61ee79951145ba591643c8e', name: "center" }), h("div", { key: '261f3b02c4a5479c55f14d184d1f62f0e1b423e5', class: "more-right", hidden: !this.rightMoreVisible, role: "presentation" })), h("div", { key: '340de122eae1f45e67510326ed7853d554620629', class: "list right", role: "list" }, h("slot", { key: '4e06e5759df443ea2f958eb3337714b353c46a1a', name: "right" }))), h("div", { key: 'd7cf80a004bef36a8d4ddd7b15276ba703393e11', class: "bottom" }))));
     }
     static get is() { return "duet-menu-bar"; }
     static get encapsulation() { return "shadow"; }

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

@@ -43,7 +43,7 @@
   outline-offset: -4px;
   outline-color: rgba(0, 119, 179, 0.8);
 }
-.duet-theme-turva .duet-menu-bar-button:focus, .duet-menu-bar-button:focus.duet-theme-turva, .duet-theme-turva2 .duet-menu-bar-button:focus, .duet-menu-bar-button:focus.duet-theme-turva2 {
+.duet-theme-turva .duet-menu-bar-button:focus, .duet-menu-bar-button:focus.duet-theme-turva {
   outline: 2px solid;
   outline-offset: -4px;
   outline-color: rgba(53, 79, 101, 0.8);
@@ -58,9 +58,6 @@
     height: 16px;
   }
 }
-.duet-menu-bar-button.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";
-}
 @media (min-width: 62em) {
   .duet-menu-bar-button {
     padding: 0 16px;
@@ -75,13 +72,13 @@
   .duet-menu-bar-button:hover {
     color: rgb(0, 119, 179);
   }
-  .duet-menu-bar-button:hover.duet-theme-turva {
-    color: rgb(230, 23, 64);
-  }
 }
 
+.duet-theme-turva.duet-menu-bar-button {
+  font-family: "turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+}
 @media (min-width: 62em) {
-  :host(.duet-theme-turva2) .duet-menu-bar-button.duet-theme-turva:hover {
+  .duet-theme-turva.duet-menu-bar-button:hover {
     color: rgb(230, 23, 64);
   }
 }

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

@@ -49,10 +49,10 @@ export class DuetMenuBarButton {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: '27fb2c633e88b04b7397830d15c881240d29a91b', role: "listitem", onfocus: () => this.setFocus() }, h("button", { key: '29791cfd8473dc9407238460bcb1e169f183f074', ref: button => (this.nativeButton = button), class: {
+        return (h(Host, { key: '5e64c2ede59d8e16972663cace2e98dffca3a060', role: "listitem", onfocus: () => this.setFocus() }, h("button", { key: '362525c4f563bd1a5ffad7b8fee029d904fb72c8', ref: button => (this.nativeButton = button), class: {
                 "duet-menu-bar-button": true,
                 "duet-theme-turva": this.theme === "turva",
-            }, "aria-controls": this.accessibleControls, "aria-label": this.accessibleLabel, "aria-expanded": this.accessibleExpanded != null ? this.accessibleExpanded.toString() : undefined, "aria-activedescendant": this.accessibleActiveDescendant, "aria-owns": this.accessibleOwns, "aria-describedby": this.accessibleDescribedBy, "aria-labelledby": this.accessibleLabelledBy, "aria-details": this.accessibleDetails, "aria-description": this.accessibleDescription, "aria-pressed": this.accessiblePressed != null ? this.accessiblePressed.toString() : undefined, "aria-haspopup": this.accessiblePopup != null ? this.accessiblePopup.toString() : undefined }, this.icon && (h("duet-icon", { key: 'e037dac1385bef39b070602ba5bfb278470a49dd', class: "menu-bar-button-icon", theme: this.theme, size: "auto", name: this.icon, margin: "none", color: "currentColor" })), h("slot", { key: '95fd0aef38328dece2756ceed18c904c0c447d76' }))));
+            }, "aria-controls": this.accessibleControls, "aria-label": this.accessibleLabel, "aria-expanded": this.accessibleExpanded != null ? this.accessibleExpanded.toString() : undefined, "aria-activedescendant": this.accessibleActiveDescendant, "aria-owns": this.accessibleOwns, "aria-describedby": this.accessibleDescribedBy, "aria-labelledby": this.accessibleLabelledBy, "aria-details": this.accessibleDetails, "aria-description": this.accessibleDescription, "aria-pressed": this.accessiblePressed != null ? this.accessiblePressed.toString() : undefined, "aria-haspopup": this.accessiblePopup != null ? this.accessiblePopup.toString() : undefined }, this.icon && (h("duet-icon", { key: '439d74e7bdfb1396a7c1e2940c3bcf142c3150b6', class: "menu-bar-button-icon", theme: this.theme, size: "auto", name: this.icon, margin: "none", color: "currentColor" })), h("slot", { key: '61a36d95ee1b2962b3f966dc99678c7e00c00692' }))));
     }
     static get is() { return "duet-menu-bar-button"; }
     static get encapsulation() { return "shadow"; }

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

@@ -60,7 +60,7 @@
   outline-offset: 2px;
   outline-color: rgba(0, 119, 179, 0.8);
 }
-.duet-theme-turva .duet-menu-bar-dropdown button:focus, .duet-menu-bar-dropdown button:focus.duet-theme-turva, .duet-theme-turva2 .duet-menu-bar-dropdown button:focus, .duet-menu-bar-dropdown button:focus.duet-theme-turva2 {
+.duet-theme-turva .duet-menu-bar-dropdown button:focus, .duet-menu-bar-dropdown button:focus.duet-theme-turva {
   outline: 2px solid;
   outline-offset: 2px;
   outline-color: rgba(53, 79, 101, 0.8);
@@ -90,9 +90,6 @@
 .duet-menu-bar-dropdown button.active .caret {
   transform: rotate(180deg);
 }
-.duet-theme-turva .duet-menu-bar-dropdown button.active {
-  color: rgb(230, 23, 64);
-}
 .duet-menu-bar-dropdown button.active::after {
   position: absolute;
   top: auto;
@@ -106,9 +103,6 @@
   transform: translateY(2px);
   transition: 300ms ease;
 }
-.duet-theme-turva .duet-menu-bar-dropdown button.active::after {
-  background: rgb(230, 23, 64);
-}
 .duet-menu-bar-dropdown .menu-bar-dropdown-icon {
   width: 20px;
   height: 20px;
@@ -139,6 +133,7 @@
 .duet-menu-bar-dropdown .items.hidden {
   display: none;
 }
+
 .duet-menu-bar-dropdown.duet-theme-turva button {
   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, 42, 59);
@@ -154,17 +149,4 @@
 }
 .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(23, 42, 59);
-}
-:host(.duet-theme-turva2) .duet-menu-bar-dropdown.duet-theme-turva button:hover {
-  color: rgb(230, 23, 64);
-}
-:host(.duet-theme-turva2) .duet-menu-bar-dropdown.duet-theme-turva button.active {
-  color: rgb(230, 23, 64);
-}
-:host(.duet-theme-turva2) .duet-menu-bar-dropdown.duet-theme-turva button.active::after {
-  background: rgb(230, 23, 64);
 }

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

@@ -62,17 +62,17 @@ export class DuetMenuBarDropdown {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: 'c46c77a3b37d72d4f026c5027a8bed6dc33621c5', role: "listitem" }, h("div", { key: 'bed24491075bfc2c5dcf225c5262a1af76e7a34f', class: {
+        return (h(Host, { key: '870e7ba2d40001532dabdb4c9468b73570e1ade7', role: "listitem" }, h("div", { key: '7c60bf682acd9d11e8633f862f07391a706de817', class: {
                 "duet-menu-bar-dropdown": true,
                 "duet-theme-turva": this.theme === "turva",
                 active: this.open,
                 [`duet-menu-bar-dropdown--slot-${this.getVariant()}`]: true,
-            } }, h("button", { key: 'bee18f72f97fe86364cdf6afa685602feea7f694', ref: element => (this.button = element), "aria-label": this.accessibleLabel, "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", id: "button", type: "button", class: {
+            } }, h("button", { key: 'c0bdf57ef46ae179d3c0d6e7f45bdd7ffe10769b', ref: element => (this.button = element), "aria-label": this.accessibleLabel, "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", id: "button", type: "button", class: {
                 active: this.open,
-            }, onClick: this.onClick, onKeyUp: e => this.handleEscape(e) }, this.icon && (h("duet-icon", { key: '9b5beb13681712fe262c14ba74de6b30ab481dff', class: "menu-bar-dropdown-icon", theme: this.theme, name: this.icon, size: "auto", margin: "none", color: "currentColor" })), h("div", { key: 'debea3ea41d1b4358dbf774b54558d8921b92006', class: "label" }, h("slot", { key: 'fffcc54cdfb0032577c066e374c3465eafac3206', name: "label" }), h("duet-icon", { key: 'a36c591292ca2c2b445e04f53721f788a4005934', class: "caret", theme: this.theme, name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" }))), h("div", { key: '3794aa5366239e4db4286303ef75f30778e3b911', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
+            }, onClick: this.onClick, onKeyUp: e => this.handleEscape(e) }, this.icon && (h("duet-icon", { key: 'c97e52d72933959ecbd6b9519940427735cdeccc', class: "menu-bar-dropdown-icon", theme: this.theme, name: this.icon, size: "auto", margin: "none", color: "currentColor" })), h("div", { key: 'd831c0f2defb108643ac9a11f6be93f4f98a8dbc', class: "label" }, h("slot", { key: 'c396567614cd3badd2b373a1922ea907f75750a8', name: "label" }), h("duet-icon", { key: '4e8adfdf9998028a514fa386275affa9c4fe29be', class: "caret", theme: this.theme, name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" }))), h("div", { key: '683257ed3f02ee4cde289c0efe48af7f06fa50c5', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
                 items: true,
                 hidden: !this.open,
-            } }, h("slot", { key: '4a0657ee88ab885d6e177b654e0e9231d0027ec1' })))));
+            } }, h("slot", { key: '281de42fd56a1c9be76c9b4218d4354032a56834' })))));
     }
     static get is() { return "duet-menu-bar-dropdown"; }
     static get encapsulation() { return "shadow"; }

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

@@ -45,25 +45,20 @@
   outline-offset: 2px;
   outline-color: rgba(0, 119, 179, 0.8);
 }
-.duet-theme-turva .duet-menu-bar-dropdown-link:focus, .duet-menu-bar-dropdown-link:focus.duet-theme-turva, .duet-theme-turva2 .duet-menu-bar-dropdown-link:focus, .duet-menu-bar-dropdown-link:focus.duet-theme-turva2 {
+.duet-theme-turva .duet-menu-bar-dropdown-link:focus, .duet-menu-bar-dropdown-link:focus.duet-theme-turva {
   outline: 2px solid;
   outline-offset: 2px;
   outline-color: rgba(53, 79, 101, 0.8);
 }
-.duet-menu-bar-dropdown-link.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(23, 42, 59);
-}
 .duet-menu-bar-dropdown-link:hover {
   background: rgb(228, 241, 247);
 }
-.duet-menu-bar-dropdown-link:hover.duet-theme-turva {
-  background: rgb(212, 221, 226);
-}
 
-:host(.duet-theme-turva2) .duet-menu-bar-dropdown-link.duet-theme-turva {
+.duet-menu-bar-dropdown-link.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(23, 42, 59);
 }
-:host(.duet-theme-turva2) .duet-menu-bar-dropdown-link.duet-theme-turva:hover {
+
+.duet-menu-bar-dropdown-link.duet-theme-turva:hover {
   background: rgb(251, 235, 225);
 }

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

@@ -48,11 +48,11 @@ export class DuetMenuBarDropdownLink {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: '44c02bb0c92ca03579e70dc6f79178099f38de61' }, h("a", { key: '26b45ac19043800a070894afec67517d051b6ccc', class: {
+        return (h(Host, { key: '6d31641d480353ee7f924029a31c94dc1747f1ed' }, h("a", { key: 'ea374446994ad7ea0780b8f4320247c718f08219', class: {
                 "duet-menu-bar-dropdown-link": true,
                 [`duet-menu-bar-dropdown-link--slot-${this.getVariant()}`]: true,
                 "duet-theme-turva": this.theme === "turva",
-            }, href: this.href, role: "menuitem", onKeyUp: e => this.handleEscape(e), "aria-label": this.accessibleLabel }, this.icon && (h("duet-icon", { key: '4d481450931bbf089d2f6d5ee7076aca7c3978f1', theme: this.theme, name: this.icon, size: "x-small", margin: "none", color: "currentColor" })), h("slot", { key: 'b47043814429787c833949bac92bae95b2001419' }))));
+            }, href: this.href, role: "menuitem", onKeyUp: e => this.handleEscape(e), "aria-label": this.accessibleLabel }, this.icon && (h("duet-icon", { key: '486173db589cdbf851d3a5dd9171990af84707bb', theme: this.theme, name: this.icon, size: "x-small", margin: "none", color: "currentColor" })), h("slot", { key: 'd284cabdff17ad2590e80ed02894fe87425507b0' }))));
     }
     static get is() { return "duet-menu-bar-dropdown-link"; }
     static get encapsulation() { return "shadow"; }

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

@@ -45,7 +45,7 @@
   outline-offset: -4px;
   outline-color: rgba(0, 119, 179, 0.8);
 }
-.duet-theme-turva .duet-menu-bar-item:focus, .duet-menu-bar-item:focus.duet-theme-turva, .duet-theme-turva2 .duet-menu-bar-item:focus, .duet-menu-bar-item:focus.duet-theme-turva2 {
+.duet-theme-turva .duet-menu-bar-item:focus, .duet-menu-bar-item:focus.duet-theme-turva {
   outline: 2px solid;
   outline-offset: -4px;
   outline-color: rgba(53, 79, 101, 0.8);
@@ -76,12 +76,6 @@
 .duet-menu-bar-item[aria-expanded=true] .trailing-icon.rotate {
   transform: rotate(180deg);
 }
-.duet-menu-bar-item.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";
-}
-.duet-menu-bar-item.duet-theme-turva[aria-expanded=true] {
-  color: rgb(230, 23, 64);
-}
 @media (min-width: 62em) {
   .duet-menu-bar-item {
     padding: 0 16px;
@@ -115,32 +109,32 @@
     height: 2px;
   }
 }
-.duet-menu-bar-item.active.duet-theme-turva {
-  color: rgb(230, 23, 64);
-}
-.duet-menu-bar-item.active.duet-theme-turva::after {
-  background: rgb(230, 23, 64);
-}
 @media (min-width: 62em) {
   .duet-menu-bar-item:hover {
     color: rgb(0, 119, 179);
   }
-  .duet-menu-bar-item:hover.duet-theme-turva {
-    color: rgb(230, 23, 64);
-  }
 }
 
-:host(.duet-theme-turva2) .duet-menu-bar-item.duet-theme-turva[aria-expanded=true] {
+.duet-menu-bar-item.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";
+}
+.duet-menu-bar-item.duet-theme-turva::after {
+  background: rgb(230, 23, 64);
+}
+
+.duet-menu-bar-item.duet-theme-turva[aria-expanded=true] {
   color: rgb(230, 23, 64);
 }
-:host(.duet-theme-turva2) .duet-menu-bar-item.active.duet-theme-turva {
+
+.duet-menu-bar-item.active.duet-theme-turva {
   color: rgb(230, 23, 64);
 }
-:host(.duet-theme-turva2) .duet-menu-bar-item.active.duet-theme-turva::after {
+.duet-menu-bar-item.active.duet-theme-turva::after {
   background: rgb(230, 23, 64);
 }
+
 @media (min-width: 62em) {
-  :host(.duet-theme-turva2) .duet-menu-bar-item.duet-theme-turva:hover {
+  .duet-menu-bar-item.duet-theme-turva:hover {
     color: rgb(230, 23, 64);
   }
 }

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

@@ -71,11 +71,11 @@ export class DuetMenuBarItem {
      */
     render() {
         const TagName = this.url ? "a" : "button";
-        return (h(Host, { key: '9feca792c6d12ed05344d17db4a5076ad037994e', role: "listitem" }, h(TagName, { key: '5ab6813f5290c5f323713e6015a46330089d555a', target: !this.url ? null : this.external ? "_blank" : "_self", ref: element => (this.itemElement = element), class: {
+        return (h(Host, { key: 'd968cd5ac488d7cc0fea66408de412524dc88b35', role: "listitem" }, h(TagName, { key: '143da0db925d6a45f69a6defcc0d96710d395cbf', target: !this.url ? null : this.external ? "_blank" : "_self", ref: element => (this.itemElement = element), class: {
                 "duet-menu-bar-item": true,
                 "duet-theme-turva": this.theme === "turva",
                 active: this.active,
-            }, href: this.url, role: `${TagName === "a" ? "link" : "button"}`, "aria-current": this.active ? "true" : "false", "aria-label": (this.url && getAccessibleLinkLabel(this)) || this.accessibleLabel, "aria-expanded": this.accessibleExpanded != null ? this.accessibleExpanded.toString() : undefined, "aria-haspopup": this.accessiblePopup != null ? this.accessiblePopup.toString() : undefined, rel: this.external ? "noopener" : undefined }, this.leadingIcon && (h("duet-icon", { key: '7b6541e7b7cab53fedf815feebc683b9f122e323', class: "leading-icon", size: "auto", name: this.leadingIcon, margin: "none", theme: this.theme, color: "currentColor" })), h("slot", { key: 'ab89cf87285d10e52798cd123c404acb69d6bf91' }), (this.trailingIcon || this.external) && (h("duet-icon", { key: '6bc587bed959b634caf6b25db7f3374ed538151c', class: {
+            }, href: this.url, role: `${TagName === "a" ? "link" : "button"}`, "aria-current": this.active ? "true" : "false", "aria-label": (this.url && getAccessibleLinkLabel(this)) || this.accessibleLabel, "aria-expanded": this.accessibleExpanded != null ? this.accessibleExpanded.toString() : undefined, "aria-haspopup": this.accessiblePopup != null ? this.accessiblePopup.toString() : undefined, rel: this.external ? "noopener" : undefined }, this.leadingIcon && (h("duet-icon", { key: '22ef7c16eb08f2a24bbd902c1e702103a8319621', class: "leading-icon", size: "auto", name: this.leadingIcon, margin: "none", theme: this.theme, color: "currentColor" })), h("slot", { key: '9560bccb8d749a945592866e33279c9e1686f9af' }), (this.trailingIcon || this.external) && (h("duet-icon", { key: 'c152621621d193d9d80cc0984fe36d230a2b7a63', class: {
                 "trailing-icon": !!this.trailingIcon,
                 "trailing-icon-arrow": this.trailingIcon === "action-arrow-down-small",
                 "external-icon": !!this.external,

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

@@ -42,7 +42,7 @@
   outline-offset: -4px;
   outline-color: rgba(0, 119, 179, 0.8);
 }
-.duet-theme-turva .duet-menu-bar-link:focus, .duet-menu-bar-link:focus.duet-theme-turva, .duet-theme-turva2 .duet-menu-bar-link:focus, .duet-menu-bar-link:focus.duet-theme-turva2 {
+.duet-theme-turva .duet-menu-bar-link:focus, .duet-menu-bar-link:focus.duet-theme-turva {
   outline: 2px solid;
   outline-offset: -4px;
   outline-color: rgba(53, 79, 101, 0.8);
@@ -57,9 +57,6 @@
     height: 16px;
   }
 }
-.duet-menu-bar-link.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";
-}
 @media (min-width: 62em) {
   .duet-menu-bar-link {
     padding: 0 16px;
@@ -93,29 +90,25 @@
     height: 2px;
   }
 }
-.duet-menu-bar-link.active.duet-theme-turva {
-  color: rgb(230, 23, 64);
-}
-.duet-menu-bar-link.active.duet-theme-turva::after {
-  background: rgb(230, 23, 64);
-}
 @media (min-width: 62em) {
   .duet-menu-bar-link:hover {
     color: rgb(0, 119, 179);
   }
-  .duet-menu-bar-link:hover.duet-theme-turva {
-    color: rgb(230, 23, 64);
-  }
 }
 
-:host(.duet-theme-turva2) .duet-menu-bar-link.active.duet-theme-turva {
+.duet-menu-bar-link.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";
+}
+
+.duet-menu-bar-link.active.duet-theme-turva {
   color: rgb(230, 23, 64);
 }
-:host(.duet-theme-turva2) .duet-menu-bar-link.active.duet-theme-turva::after {
+.duet-menu-bar-link.active.duet-theme-turva::after {
   background: rgb(230, 23, 64);
 }
+
 @media (min-width: 62em) {
-  :host(.duet-theme-turva2) .duet-menu-bar-link.duet-theme-turva:hover {
+  .duet-menu-bar-link.duet-theme-turva:hover {
     color: rgb(230, 23, 64);
   }
 }

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

@@ -33,11 +33,11 @@ export class DuetMenuBarLink {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: '044fd632f4ea61ecd3bbbb77e3c2d0eda50f16a4', role: "listitem" }, h("a", { key: 'b910e6d15c696910ab231b49facb9cd3250d66c4', class: {
+        return (h(Host, { key: 'd150209d2395822ac0ba4b0d6372bdc0ba5532fd', role: "listitem" }, h("a", { key: '46070813f893e645146a7ca8ea798fa455df11e9', class: {
                 "duet-menu-bar-link": true,
                 "duet-theme-turva": this.theme === "turva",
                 active: this.active,
-            }, href: this.href, "aria-current": this.active ? "true" : "false", "aria-label": this.accessibleLabel }, this.icon && (h("duet-icon", { key: '46ede326e61111856df4318b018a4128b7743658', class: "menu-bar-link-icon", theme: this.theme, size: "auto", name: this.icon, margin: "none", color: "currentColor" })), h("slot", { key: '774a0d744c12e5d43783123c2d07d450a0ad0472' }))));
+            }, href: this.href, "aria-current": this.active ? "true" : "false", "aria-label": this.accessibleLabel }, this.icon && (h("duet-icon", { key: 'bac5752b20258b49e6b3210f071578154de8d8d8', class: "menu-bar-link-icon", theme: this.theme, size: "auto", name: this.icon, margin: "none", color: "currentColor" })), h("slot", { key: 'efec03fcc7a033a4f9df871a4a087d7c9a04a0e8' }))));
     }
     static get is() { return "duet-menu-bar-link"; }
     static get encapsulation() { return "shadow"; }

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

@@ -125,10 +125,6 @@
   transition: 300ms ease;
   transition-delay: 0ms;
 }
-.duet-theme-turva .duet-modal {
-  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, 42, 59);
-}
 .duet-modal-active .duet-modal {
   opacity: 1;
   transform: none;
@@ -286,10 +282,6 @@
   border-bottom: 1px solid rgb(212, 223, 229);
   border-radius: 16px 16px 0 0;
 }
-.duet-theme-turva .duet-modal-sticky-header {
-  background: rgb(245, 246, 247);
-  border-bottom: 1px solid rgb(212, 221, 226);
-}
 
 .duet-modal-close {
   position: absolute;
@@ -320,10 +312,11 @@
   margin: 0 !important;
 }
 
-:host(.duet-theme-turva2) .duet-theme-turva .duet-modal {
+.duet-theme-turva .duet-modal {
+  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, 42, 59);
 }
-:host(.duet-theme-turva2) .duet-theme-turva .duet-modal-sticky-header {
+.duet-theme-turva .duet-modal-sticky-header {
   background: rgb(253, 247, 242);
   border-bottom: 1px solid rgb(212, 221, 226);
 }

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

@@ -338,14 +338,14 @@ export class DuetModal {
         var _a, _b;
         const iconColor = postfixTheme("primary", this.theme);
         const closeColor = postfixTheme("secondary", this.theme);
-        const closingButton = (h("div", { key: '4e4871ea348d26b652ca2e5509de5c8109893bec', class: "duet-modal-close" }, h("duet-button", { key: 'a247c1d1de4f0eb6d17013ce97e1190f0e3cff98', ref: button => (this.buttonEl = button), variation: "plain", accessibleLabel: this.accessibleCloseLabel, color: closeColor, iconSize: "large", icon: "navigation-close", iconOnly: true, margin: "none", theme: this.theme, onClick: ev => this.closeModal(ev), fixed: true })));
-        return (h("div", { key: 'ea0d8046f113e79da769fdf27e90cc1564694a63', ref: modal => (this.modalEl = modal), "aria-label": (_a = this.accessibleLabel) !== null && _a !== void 0 ? _a : this.heading, "aria-details": this.accessibleDetails, "aria-description": this.accessibleDescription, "aria-describedby": this.accessibleDescribedBy, role: this.variation === "loader" ? "alert" : "dialog", "aria-modal": this.isSafariBrowser ? false : true, tabindex: "-1", class: {
+        const closingButton = (h("div", { key: '8152ba7d3c2f727e6ff706f2d9d0ffcc7163f1f1', class: "duet-modal-close" }, h("duet-button", { key: 'bca02a5a5b1baf6c3f875428bc937a7ca723e111', ref: button => (this.buttonEl = button), variation: "plain", accessibleLabel: this.accessibleCloseLabel, color: closeColor, iconSize: "large", icon: "navigation-close", iconOnly: true, margin: "none", theme: this.theme, onClick: ev => this.closeModal(ev), fixed: true })));
+        return (h("div", { key: '0afd4adbeb161abdf0e802f8d0f9aaf397ff45e9', ref: modal => (this.modalEl = modal), "aria-label": (_a = this.accessibleLabel) !== null && _a !== void 0 ? _a : this.heading, "aria-details": this.accessibleDetails, "aria-description": this.accessibleDescription, "aria-describedby": this.accessibleDescribedBy, role: this.variation === "loader" ? "alert" : "dialog", "aria-modal": this.isSafariBrowser ? false : true, tabindex: "-1", class: {
                 "duet-modal-container": true,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-modal-active": this.open,
                 "duet-modal-slide-up": this.variation === "slide-up",
                 "duet-modal-has-sticky-header": this.hasStickyHeader,
-            } }, h("duet-overlay", { key: '91332691051a8738a7278332558618d949b552cc', "z-index": "-1", visible: this.open, variation: this.variation === "loader" ? "white" : "default" }), h("div", { key: '4068b2b99a1d7bc930812732a2fab135a99b4e1f', ref: modalInner => (this.modalInnerEl = modalInner), class: {
+            } }, h("duet-overlay", { key: '89056e2989c21985e3817e72f2baf7c6d4d81ab3', "z-index": "-1", visible: this.open, variation: this.variation === "loader" ? "white" : "default" }), h("div", { key: 'a2a015019a798028a1a0cea8fd952cc1428eb136', ref: modalInner => (this.modalInnerEl = modalInner), class: {
                 "duet-modal-inner": true,
                 [this.size]: true,
                 "duet-modal-slide-up": this.variation === "slide-up",
@@ -356,22 +356,22 @@ export class DuetModal {
                         this.closeModal(e);
                     }
                 }
-            } }, h("div", { key: '0e3bbd10ffbad50b58f85c04ffb742036d13ebc0', ref: modalContentEl => (this.modalContentEl = modalContentEl), "aria-live": this.accessibleAnnounceChanges === "all" ? "polite" : null, "aria-atomic": this.accessibleAnnounceChanges === "all" ? "true" : null, class: {
+            } }, h("div", { key: '15713c0a5ee05cf5fc82a3135f08bc3cea40da88', ref: modalContentEl => (this.modalContentEl = modalContentEl), "aria-live": this.accessibleAnnounceChanges === "all" ? "polite" : null, "aria-atomic": this.accessibleAnnounceChanges === "all" ? "true" : null, class: {
                 "duet-modal": true,
                 "duet-modal-has-sticky-header": this.hasStickyHeader,
                 [this.size]: true,
                 [this.variation]: true,
-            } }, this.gutterSize !== "none" && !this.hasStickyHeader && h("duet-spacer", { key: 'bc7e5211ee8205892ac64dcc5a6e638c47616077' }), this.hasStickyHeader ? (h("div", { class: "duet-modal-sticky-header" }, closingButton, h("slot", { name: "sticky-header" }))) : (closingButton), h("div", { key: '8c34198b5e52ebd8325b1075c4fa544606902c57', class: {
+            } }, this.gutterSize !== "none" && !this.hasStickyHeader && h("duet-spacer", { key: 'abdc98a5d8b3dcb63eacf67363bff0590343a577' }), this.hasStickyHeader ? (h("div", { class: "duet-modal-sticky-header" }, closingButton, h("slot", { name: "sticky-header" }))) : (closingButton), h("div", { key: 'ad50d422bf25439e3ba99e69079895ef64e2492d', class: {
                 "duet-modal-body": true,
                 "duet-modal-gutter-none": this.gutterSize === "none",
                 "duet-modal-gutter-small": this.gutterSize === "small",
                 "duet-modal-gutter-medium": this.gutterSize === "medium",
                 "duet-modal-gutter-large": this.gutterSize === "large",
-            }, "aria-live": this.accessibleAnnounceChanges === "heading" ? "polite" : null, "aria-atomic": this.accessibleAnnounceChanges === "heading" ? "true" : null }, h("div", { key: 'bd3fccbb60f77e869f2d22bbcd1cba5727f95662', class: "duet-modal-header" }, h("span", { key: 'c39aa3dca41741380c1b447499bb8681c0a2740b', class: "duet-modal-inner-slot-top" }, h("slot", { key: 'cbd305802019477236a92a4adde4146b614679f1', name: "top" })), this.icon && h("duet-icon", { key: 'c7c340547b899add045132774d8e6fc77cf0cc79', name: this.icon, size: "xx-large", color: this.color || iconColor }), this.heading && (h("duet-heading", { key: '51be5028e374ffba2038f37e44c8e51167b0884a', "visual-level": (_b = this.headingVisualLevel) !== null && _b !== void 0 ? _b : this.headingLevel, level: this.headingLevel, theme: this.theme }, this.heading))), this.variation === "loader" && (h("div", { key: '0a2606eaa0bb824d069c58cebd3239015e34c700', class: "duet-modal-spinner" }, h("duet-spinner", { key: 'ab388454ca70920a04b9dd71bd8bf122fad5709a', size: "large", color: postfixTheme("primary", this.theme) }))), h("div", { key: '647661b913ea78f280eb668f0f475b202188f424', "aria-live": this.variation === "loader"
+            }, "aria-live": this.accessibleAnnounceChanges === "heading" ? "polite" : null, "aria-atomic": this.accessibleAnnounceChanges === "heading" ? "true" : null }, h("div", { key: '26292796644643c6e284a44ffe4e715e9c31e082', class: "duet-modal-header" }, h("span", { key: '684cc3976d13705d8316641c7967f3d3b913182d', class: "duet-modal-inner-slot-top" }, h("slot", { key: '744445f8cf06310430db406ca80fd33268701808', name: "top" })), this.icon && h("duet-icon", { key: '06964e8ee4ce265badcd709a94ad153307876f41', name: this.icon, size: "xx-large", color: this.color || iconColor }), this.heading && (h("duet-heading", { key: 'a5865fae767dc9c4d58f4f8569277af880ed5ce2', "visual-level": (_b = this.headingVisualLevel) !== null && _b !== void 0 ? _b : this.headingLevel, level: this.headingLevel, theme: this.theme }, this.heading))), this.variation === "loader" && (h("div", { key: '579b4d36a487ae61e60ba3f73504b8c8817b59eb', class: "duet-modal-spinner" }, h("duet-spinner", { key: '9350f333da39299c937fda0ef711f1f30a8c365d', size: "large", color: postfixTheme("primary", this.theme) }))), h("div", { key: 'f5d5789af558d4332a0683a7db5892f8442a37b4', "aria-live": this.variation === "loader"
                 ? "assertive"
                 : this.accessibleAnnounceChanges === "body"
                     ? "polite"
-                    : null, "aria-atomic": this.accessibleAnnounceChanges === "body" ? "true" : null, class: "duet-modal-inner-slot-default", ref: el => (this.slotContainerEl = el) }, h("slot", { key: '510535d30879f5fe64414da8dfa065f119c02e5f' })))))));
+                    : null, "aria-atomic": this.accessibleAnnounceChanges === "body" ? "true" : null, class: "duet-modal-inner-slot-default", ref: el => (this.slotContainerEl = el) }, h("slot", { key: '509127555382cf321b5eeacfcd3b1a7f33bb99ca' })))))));
     }
     static get is() { return "duet-modal"; }
     static get encapsulation() { return "shadow"; }