@duetds/components 10.2.4 → 10.3.1

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

@@ -44,9 +44,6 @@
   transform-origin: 0% 0%;
   animation: duetRotate 0.6s linear infinite;
 }
-.duet-spinner.duet-theme-turva {
-  color: rgb(230, 23, 64);
-}
 .duet-spinner::after {
   position: absolute;
   top: 50%;
@@ -88,6 +85,6 @@
     transform: translateZ(0) rotate(360deg) translateX(-50%) translateY(-50%);
   }
 }
-:host(.duet-theme-turva2) .duet-theme-turva.duet-spinner {
+.duet-theme-turva.duet-spinner {
   color: rgb(230, 23, 64);
 }

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

@@ -25,7 +25,7 @@ export class DuetSpinner {
      */
     render() {
         const color = !!this.color && this.color === "currentColor" ? "currentColor" : getColorByName(this.color, this.theme);
-        return (h(Host, { key: '8c58d59273d8cdf92c3e9bceea4cbdff5a5a4c59' }, h("div", { key: 'f98223ba97758e4c0dbdb41aa0ad61100135e634', class: {
+        return (h(Host, { key: 'ec9e97fce056ea29ab963b3dc0acbf65ef74858b' }, h("div", { key: 'bb244cf728a5ea38b7f65d486e141d314d4b79f5', class: {
                 "duet-spinner": true,
                 [this.size]: true,
                 "duet-theme-turva": this.theme === "turva",

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

@@ -85,10 +85,10 @@ export class DuetStatusIcon {
         }
     }
     render() {
-        return (h(Host, { key: 'c53538070bb94c61a824cce9bf5065ce69ea989a', class: {
+        return (h(Host, { key: 'f2af4364319cd502dff5e2f28bc872efc3baa29c', class: {
                 [`duet-status-icon-${this.getVariation()}`]: true,
                 "duet-strong-bg": this.strong,
-            } }, h("duet-icon", { key: 'ebd3f5b5c3ef995cb598ee4f9072891594e8c069', icon: this.getIcon(), size: this.size, margin: this.margin })));
+            } }, h("duet-icon", { key: 'eb4692810e48c350dbd8fc15e0de0825f5f9a700', icon: this.getIcon(), size: this.size, margin: this.margin })));
     }
     static get is() { return "duet-status-icon"; }
     static get encapsulation() { return "shadow"; }

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

@@ -31,10 +31,6 @@
   background: rgb(255, 255, 255);
   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);
 }
-.duet-step.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";
-  box-shadow: 0 2px 6px 0 rgba(117, 117, 117, 0.13), 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);
-}
 .duet-step.rounded-top {
   border-top-left-radius: 4px;
   border-top-right-radius: 4px;
@@ -71,7 +67,7 @@
   outline-offset: 2px;
   outline-color: rgba(0, 119, 179, 0.8);
 }
-.duet-theme-turva :host(.user-is-tabbing) .duet-step-heading:focus, :host(.user-is-tabbing) .duet-step-heading:focus.duet-theme-turva, .duet-theme-turva2 :host(.user-is-tabbing) .duet-step-heading:focus, :host(.user-is-tabbing) .duet-step-heading:focus.duet-theme-turva2 {
+.duet-theme-turva :host(.user-is-tabbing) .duet-step-heading:focus, :host(.user-is-tabbing) .duet-step-heading:focus.duet-theme-turva {
   outline-color: rgba(53, 79, 101, 0.8);
 }
 .duet-step-heading[aria-disabled=false] {
@@ -83,9 +79,6 @@
 .is-complete .duet-step-heading:hover .duet-step-counter, .is-disabled .duet-step-heading:hover .duet-step-counter {
   background-color: #005f8f;
 }
-.duet-theme-turva.is-complete .duet-step-heading:hover .duet-step-counter, .duet-theme-turva.is-disabled .duet-step-heading:hover .duet-step-counter {
-  background-color: #b81233;
-}
 .is-current .duet-step-heading {
   margin-bottom: 20px;
 }
@@ -126,15 +119,9 @@
 .is-complete .duet-step-counter, .is-current .duet-step-counter, .is-disabled .duet-step-counter {
   background-color: rgb(0, 119, 179);
 }
-.duet-theme-turva.is-complete .duet-step-counter, .duet-theme-turva.is-current .duet-step-counter, .duet-theme-turva.is-disabled .duet-step-counter {
-  background-color: rgb(230, 23, 64);
-}
 .is-incomplete .duet-step-counter {
   background-color: rgb(98, 121, 138);
 }
-.duet-theme-turva.is-incomplete .duet-step-counter {
-  background-color: rgb(120, 145, 164);
-}
 
 .duet-step-icon {
   display: flex;
@@ -167,9 +154,6 @@
     margin-left: 19px;
     border-left: 2px solid rgb(212, 223, 229);
   }
-  .duet-theme-turva .duet-step-content-wrapper {
-    border-color: rgb(212, 221, 226);
-  }
   :host(:last-of-type) .duet-step-content-wrapper {
     min-height: 0;
     border: transparent;
@@ -199,15 +183,26 @@
   }
 }
 
-:host(.duet-theme-turva2) .duet-theme-turva.is-complete .duet-step-counter,
-:host(.duet-theme-turva2) .duet-theme-turva.is-current .duet-step-counter,
-:host(.duet-theme-turva2) .duet-theme-turva.is-disabled .duet-step-counter {
+.duet-theme-turva.duet-step {
+  font-family: "turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+  box-shadow: 0 2px 6px 0 rgba(117, 117, 117, 0.13), 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);
+}
+
+.duet-theme-turva.is-complete .duet-step-counter,
+.duet-theme-turva.is-current .duet-step-counter,
+.duet-theme-turva.is-disabled .duet-step-counter {
   background-color: rgb(230, 23, 64);
 }
-:host(.duet-theme-turva2) .duet-theme-turva.is-complete .duet-step-heading:hover .duet-step-counter,
-:host(.duet-theme-turva2) .duet-theme-turva.is-disabled .duet-step-heading:hover .duet-step-counter {
+
+.duet-theme-turva.is-complete .duet-step-heading:hover .duet-step-counter,
+.duet-theme-turva.is-disabled .duet-step-heading:hover .duet-step-counter {
   background-color: #b81233;
 }
-:host(.duet-theme-turva2) .duet-theme-turva .duet-step-content-wrapper {
+
+.duet-theme-turva.is-incomplete .duet-step-counter {
+  background-color: rgb(120, 145, 164);
+}
+
+.duet-theme-turva .duet-step-content-wrapper {
   border-color: rgb(251, 225, 209);
 }

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

@@ -93,13 +93,13 @@ export class DuetStep {
      * Always the last one in the class.
      */
     render() {
-        return (h("div", { key: '05fe55382b606ac6290eac4c1d367be79867e1c0', class: {
+        return (h("div", { key: '402b9ef15bf57d82500a6023c38c8b66a110cbb3', class: {
                 "duet-step": true,
                 [`is-${this.state}`]: true,
                 "rounded-top": this.roundedTop,
                 "rounded-bottom": this.roundedBottom,
                 "duet-theme-turva": this.theme === "turva",
-            } }, h("div", { key: 'd91175b1d04f510980579ab816591f4fbe06443a', class: "duet-step-heading", id: this.buttonId, role: this.state !== "current" ? "button" : "region", "aria-current": this.state === "current" ? "step" : undefined, tabindex: this.state !== "current" ? "0" : undefined, "aria-disabled": this.isClickDisabled().toString(), "aria-expanded": (this.state === "current").toString(), "aria-controls": this.contentId, "aria-selected": (this.state === "current").toString(), onClick: this.handleClick, onKeyDown: this.handleKeyDown, ref: element => (this.buttonElement = element) }, h("div", { key: '36fa6274fd3778ffdf06930c3e2bfec351f98deb', "aria-hidden": "true" }, h("div", { key: '466172a0a1a89a812a3662dba416b698525bf90d', class: "duet-step-counter" }, this.renderStepCounter())), h("duet-spacer", { key: '32c65b333bf51ecbfc5f07111ed48dcc42d38fcc', direction: "horizontal", size: "large", breakpoint: "small" }), h("duet-spacer", { key: 'af1fcbed9aaf4ae897bbdb1bb5922539136ef824', direction: "horizontal", size: "medium", breakpoint: "x-small" }), h("div", { key: '17f37ca23ca6d1f693a69e5ba6dfb1825278dca3' }, h("duet-heading", { key: 'af962b921e329b246fb520dce97bf598584fc984', theme: this.theme, level: this.headingLevel, visualLevel: "h4", color: this.headingColor(), margin: "none" }, this.heading)), h("duet-spacer", { key: 'f5b5926af5fc39dc2c4b9bf556ce4de203ad4a26', direction: "horizontal", size: "large" }), h("div", { key: 'c61808d6e02af405b0d33d5c026bb75118031ada', class: "duet-step-heading-slot" }, h("slot", { key: 'fcd25f6d9fdfd9791eb947942099fb1fbab6e2bc', name: "heading-content" }))), h("div", { key: '15725f6b9d35795e4ab8cf7d1f1fd317983a5eed', class: "duet-step-content-wrapper" }, h("div", { key: 'ddef3d8cb491c9712bd6be806e7d16059e2ae8e3', class: "duet-step-content", role: "region", "aria-labelledby": this.buttonId, id: this.contentId }, h("slot", { key: 'b773ce9a9b621ada546d3bc6af85cd3b6271e662' })))));
+            } }, h("div", { key: '5a662389bfc0190eee39c36e887c87b6a6e1c9a7', class: "duet-step-heading", id: this.buttonId, role: this.state !== "current" ? "button" : "region", "aria-current": this.state === "current" ? "step" : undefined, tabindex: this.state !== "current" ? "0" : undefined, "aria-disabled": this.isClickDisabled().toString(), "aria-expanded": (this.state === "current").toString(), "aria-controls": this.contentId, "aria-selected": (this.state === "current").toString(), onClick: this.handleClick, onKeyDown: this.handleKeyDown, ref: element => (this.buttonElement = element) }, h("div", { key: 'ee1ed37d30f81e67d0225f48b05bc943260b7fc6', "aria-hidden": "true" }, h("div", { key: 'fd82b877aeec047f0252cd67ac75a645ce25ae87', class: "duet-step-counter" }, this.renderStepCounter())), h("duet-spacer", { key: '2cd749ec01d7ff96e3f8314ea5a8302c5308786b', direction: "horizontal", size: "large", breakpoint: "small" }), h("duet-spacer", { key: '9753159df4b338e209f10696a3a3d35511182dc0', direction: "horizontal", size: "medium", breakpoint: "x-small" }), h("div", { key: '4f3478927a7fc558bab501572005326a74557f42' }, h("duet-heading", { key: '0e19fa8804cb73f223d5aa2c8b0418ce3f1ff43a', theme: this.theme, level: this.headingLevel, visualLevel: "h4", color: this.headingColor(), margin: "none" }, this.heading)), h("duet-spacer", { key: '250acd88c2ac6875d48595725534ef3d67fd3e65', direction: "horizontal", size: "large" }), h("div", { key: '00459e0dda57b0b45765c55536a12387c1b6dd05', class: "duet-step-heading-slot" }, h("slot", { key: '4ce1521d0945fe88517baeff6cad9eeebb8b84ec', name: "heading-content" }))), h("div", { key: 'bb20b48bd02201119e0e19e7601c3e6548268fe7', class: "duet-step-content-wrapper" }, h("div", { key: '010c7d8b6c1bd587e6eb010ab392419a44ff2bea', class: "duet-step-content", role: "region", "aria-labelledby": this.buttonId, id: this.contentId }, h("slot", { key: '7cc7227663f61830eee19abcce032944845f3543' })))));
     }
     static get is() { return "duet-step"; }
     static get encapsulation() { return "shadow"; }

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

@@ -118,7 +118,7 @@ export class DuetStepper {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: '84ea9dd11aea73c62494d4002383477935446fca', class: { "duet-m-0": this.margin === "none" } }, h("div", { key: 'b86ccce71eb2f2ebda8642834800e4c2396c1e12', class: { "duet-stepper": true, "duet-theme-turva": this.theme === "turva" } }, h("duet-visually-hidden", { key: 'a50b805e73ee6d83464b8b14e6facaa48b2f50bf', "aria-live": "polite", "aria-atomic": "true", "aria-relevant": "all" }, this.formatAnnouncement()), h("slot", { key: 'bc720b6fd6ba51b646f3e8222a5572017472bd5c' }))));
+        return (h(Host, { key: 'ef1f504037c4920540f46a3f9982168761e2a466', class: { "duet-m-0": this.margin === "none" } }, h("div", { key: '9278a6186eec68f71f7b7c9273fa030516a819e4', class: { "duet-stepper": true, "duet-theme-turva": this.theme === "turva" } }, h("duet-visually-hidden", { key: '47c61ae2f74abc8863c8494c4c751d8adecb325e', "aria-live": "polite", "aria-atomic": "true", "aria-relevant": "all" }, this.formatAnnouncement()), h("slot", { key: 'abb85008b953631b77cbb55903dc0b428b922c2c' }))));
     }
     static get is() { return "duet-stepper"; }
     static get encapsulation() { return "shadow"; }

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

@@ -68,7 +68,7 @@
   outline-offset: 2px;
   outline-color: rgba(0, 119, 179, 0.8);
 }
-.duet-theme-turva .duet-submenu-bar button:focus, .duet-submenu-bar button:focus.duet-theme-turva, .duet-theme-turva2 .duet-submenu-bar button:focus, .duet-submenu-bar button:focus.duet-theme-turva2 {
+.duet-theme-turva .duet-submenu-bar button:focus, .duet-submenu-bar button:focus.duet-theme-turva {
   outline: 2px solid;
   outline-offset: 2px;
   outline-color: rgba(53, 79, 101, 0.8);
@@ -152,12 +152,13 @@
     padding-bottom: 0;
   }
 }
+
 .duet-submenu-bar.duet-theme-turva {
-  background: rgb(245, 246, 247);
-  border-bottom: 1px solid rgb(212, 221, 226);
+  background: rgb(253, 247, 242);
+  border-bottom-color: rgb(251, 225, 209);
 }
 .duet-submenu-bar.duet-theme-turva .items {
-  background: rgb(245, 246, 247);
+  background: rgb(253, 247, 242);
 }
 .duet-submenu-bar.duet-theme-turva .mobile-background {
   background: rgb(23, 42, 59);
@@ -169,15 +170,4 @@
   .duet-submenu-bar.duet-theme-turva .shadow-container .top-shadow {
     box-shadow: 0 3px 6px 0 rgba(23, 28, 58, 0.1);
   }
-}
-
-:host(.duet-theme-turva2) .duet-submenu-bar.duet-theme-turva {
-  background: rgb(253, 247, 242);
-  border-bottom-color: rgb(251, 225, 209);
-}
-:host(.duet-theme-turva2) .duet-submenu-bar.duet-theme-turva .items {
-  background: rgb(253, 247, 242);
-}
-:host(.duet-theme-turva2) .duet-submenu-bar.duet-theme-turva .mobile-background {
-  background: rgb(23, 42, 59);
 }

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

@@ -131,19 +131,19 @@ export class DuetSubmenuBar {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: '5a7dfd7977d5260ecaa751065ffd668bccf7f734' }, h("nav", { key: '8d374c6513e8ec3bb63948dffac4cd9b65eab3d9', class: {
+        return (h(Host, { key: 'f7a1424b603111719ad2b1c8a4bdcc2411b3a081' }, h("nav", { key: 'cc3405015c8f8db4a147ce964e700bc6cd7fc5ad', class: {
                 "duet-submenu-bar": true,
                 "duet-theme-turva": this.theme === "turva",
                 hidden: this.hidden,
-            }, "aria-label": this.accessibleLabel }, this.hasItems && (h("button", { key: 'd72fd8118d008647c0fc1bafc797d7d7e9670676', ref: element => (this.button = element), "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", id: "button", type: "button", class: {
+            }, "aria-label": this.accessibleLabel }, this.hasItems && (h("button", { key: 'f7418635c9233de3149eb7187c5c28581ffc0ddb', ref: element => (this.button = element), "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", id: "button", type: "button", class: {
                 active: this.open,
-            }, onClick: this.onClick }, h("span", { key: '7dbd3343077f3e63a20b441f0e6015358da502b4', class: "label" }, h("slot", { key: 'a0a0ae66d22fd5737949ad3094661f172b6c0391', name: "label" }), h("duet-icon", { key: '47c4c4e42e0a8ebd3565627cd0e1982457104ca3', theme: this.theme, class: "caret", name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" })))), h("div", { key: '5986a2c225e9f40da81943d5daefc079756f2370', class: {
+            }, onClick: this.onClick }, h("span", { key: '11d96b23752b2bfb2f66b4571bb1bd786a63fd04', class: "label" }, h("slot", { key: 'd4fded0c5ec69fc717560d4c26fd8dd52797c3c3', name: "label" }), h("duet-icon", { key: '1bb8ebe20730cde32574b267fa04b2c2d17a5ff7', theme: this.theme, class: "caret", name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" })))), h("div", { key: '633cdee4191cf6c0fe11cdb2f93ca8c1ca59f8da', class: {
                 "menu-container": true,
                 hidden: !this.open,
-            }, role: "presentation" }, h("div", { key: 'd8afab7eb5149ac0bebeff39ab93d36d15c499fe', role: this.mobile ? "menu" : null, id: "menu", "aria-labelledby": this.mobile ? "button" : null, "aria-expanded": this.mobile ? (this.open ? "true" : "false") : null, class: {
+            }, role: "presentation" }, h("div", { key: '861548f8913d74bc3f24b2410a72ad15dbd7f587', role: this.mobile ? "menu" : null, id: "menu", "aria-labelledby": this.mobile ? "button" : null, "aria-expanded": this.mobile ? (this.open ? "true" : "false") : null, class: {
                 items: true,
                 hidden: !this.open,
-            }, ref: element => (this.itemsContainer = element) }, h("div", { key: '83ca8fda96f8d9b05fb0ea84d0aa52dbb4183063', class: "list", role: this.mobile ? "presentation" : "list" }, h("slot", { key: 'a71c59db97c47144dc7366c1adbd416d2ac6aae9' }), h("div", { key: '026076d8b73e6af5d46a7f7367de6d4395e34519', class: "list-padding" }))), h("duet-overlay", { key: 'd09747b12a70aefae2789f86380646779a1cc605', "keep-stacking-context": true, visible: this.open, "display-device": "not-large", transition: "immediate" })))));
+            }, ref: element => (this.itemsContainer = element) }, h("div", { key: '710a4f3c358154beec6b8147be4af31e0a4aba63', class: "list", role: this.mobile ? "presentation" : "list" }, h("slot", { key: '741903389bbbbfba594fd771d9717cf5cf078f6b' }), h("div", { key: 'bab1f798a808dbd4912e74be3319000a8a7409e4', class: "list-padding" }))), h("duet-overlay", { key: '5e36e837ff3020fb08c9df56004e3816065b31ee', "keep-stacking-context": true, visible: this.open, "display-device": "not-large", transition: "immediate" })))));
     }
     static get is() { return "duet-submenu-bar"; }
     static get encapsulation() { return "shadow"; }

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

@@ -57,7 +57,7 @@
   outline-offset: 2px;
   outline-color: rgba(0, 119, 179, 0.8);
 }
-.duet-theme-turva .duet-submenu-bar-dropdown button:focus, .duet-submenu-bar-dropdown button:focus.duet-theme-turva, .duet-theme-turva2 .duet-submenu-bar-dropdown button:focus, .duet-submenu-bar-dropdown button:focus.duet-theme-turva2 {
+.duet-theme-turva .duet-submenu-bar-dropdown button:focus, .duet-submenu-bar-dropdown button:focus.duet-theme-turva {
   outline: 2px solid;
   outline-offset: 2px;
   outline-color: rgba(53, 79, 101, 0.8);
@@ -119,15 +119,9 @@
   .duet-submenu-bar-dropdown button:hover.active {
     color: rgb(8, 42, 77);
   }
-  .duet-theme-turva .duet-submenu-bar-dropdown button:hover.active {
-    color: rgb(23, 42, 59);
-  }
   .duet-submenu-bar-dropdown button.active {
     color: rgb(0, 119, 179);
   }
-  .duet-theme-turva .duet-submenu-bar-dropdown button.active {
-    color: rgb(230, 23, 64);
-  }
   .duet-submenu-bar-dropdown button.active::after, .duet-submenu-bar-dropdown button.open::after {
     position: absolute;
     top: auto;
@@ -141,9 +135,6 @@
     transform: translateY(1px);
     transition: 300ms ease;
   }
-  .duet-theme-turva .duet-submenu-bar-dropdown button.active::after, .duet-theme-turva .duet-submenu-bar-dropdown button.open::after {
-    background: rgb(230, 23, 64);
-  }
 }
 .duet-submenu-bar-dropdown .submenu-bar-dropdown-icon {
   width: 20px;
@@ -192,64 +183,41 @@
   overflow: hidden;
   transition: max-height 0.3s ease-in, padding 0.3s ease-in;
 }
+
 .duet-submenu-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);
 }
+.duet-submenu-bar-dropdown.duet-theme-turva button.active {
+  color: rgb(230, 23, 64);
+}
+
 @media (min-width: 62em) {
   .duet-submenu-bar-dropdown.duet-theme-turva button:hover {
-    background: rgb(212, 221, 226);
+    background: rgb(251, 225, 209);
   }
 }
-.duet-submenu-bar-dropdown.duet-theme-turva button.active .label-text::after, .duet-submenu-bar-dropdown.duet-theme-turva button.open .label-text::after {
+.duet-submenu-bar-dropdown.duet-theme-turva button.active .label-text::after,
+.duet-submenu-bar-dropdown.duet-theme-turva button.open .label-text::after {
   background: rgb(230, 23, 64);
 }
-@media (min-width: 62em) {
-  .duet-submenu-bar-dropdown.duet-theme-turva button.active, .duet-submenu-bar-dropdown.duet-theme-turva button.open {
-    color: rgb(140, 0, 30);
-  }
-}
-.duet-submenu-bar-dropdown.duet-theme-turva button.active::after, .duet-submenu-bar-dropdown.duet-theme-turva button.open::after {
-  background: rgb(140, 0, 30);
-}
-@media (min-width: 62em) {
-  .duet-submenu-bar-dropdown.duet-theme-turva button.open {
-    background: rgb(212, 221, 226);
-  }
-}
-@media (min-width: 62em) {
-  .duet-submenu-bar-dropdown.duet-theme-turva .items {
-    background: rgb(255, 255, 255);
-  }
-}
 
-:host(.duet-theme-turva2) .duet-submenu-bar-dropdown.duet-theme-turva button {
-  color: rgb(23, 42, 59);
-}
-@media (min-width: 62em) {
-  :host(.duet-theme-turva2) .duet-submenu-bar-dropdown.duet-theme-turva button:hover {
-    background: rgb(251, 225, 209);
-  }
-}
-:host(.duet-theme-turva2) .duet-submenu-bar-dropdown.duet-theme-turva button.active .label-text::after,
-:host(.duet-theme-turva2) .duet-submenu-bar-dropdown.duet-theme-turva button.open .label-text::after {
+.duet-submenu-bar-dropdown.duet-theme-turva button.active::after,
+.duet-submenu-bar-dropdown.duet-theme-turva button.open::after {
   background: rgb(230, 23, 64);
 }
+
 @media (min-width: 62em) {
-  :host(.duet-theme-turva2) .duet-submenu-bar-dropdown.duet-theme-turva button.active,
-  :host(.duet-theme-turva2) .duet-submenu-bar-dropdown.duet-theme-turva button.open {
+  .duet-submenu-bar-dropdown.duet-theme-turva button.active,
+  .duet-submenu-bar-dropdown.duet-theme-turva button.open {
     color: rgb(140, 0, 30);
   }
-  :host(.duet-theme-turva2) .duet-submenu-bar-dropdown.duet-theme-turva button.active::after,
-  :host(.duet-theme-turva2) .duet-submenu-bar-dropdown.duet-theme-turva button.open::after {
-    background: rgb(230, 23, 64);
-  }
-  :host(.duet-theme-turva2) .duet-submenu-bar-dropdown.duet-theme-turva button.open {
+  .duet-submenu-bar-dropdown.duet-theme-turva button.open {
     background: rgb(251, 225, 209);
   }
 }
 @media (min-width: 62em) {
-  :host(.duet-theme-turva2) .duet-submenu-bar-dropdown.duet-theme-turva .items {
+  .duet-submenu-bar-dropdown.duet-theme-turva .items {
     background: rgb(255, 255, 255);
   }
 }

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

@@ -108,18 +108,18 @@ export class DuetSubmenuBarDropdown {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: 'cc7d79d1a2e5e6de18bd62fb408ec474400eff7b', role: "listitem" }, h("div", { key: 'db0d71f4aa6a38e0e130bf2f069ac58c08d09055', class: {
+        return (h(Host, { key: '1f7a8c55ce1e51e82a3689480c19cc1251290d98', role: "listitem" }, h("div", { key: '7abfa84100114bdcb753454bd89351dbcdc88213', class: {
                 "duet-submenu-bar-dropdown": true,
                 "duet-theme-turva": this.theme === "turva",
                 open: this.open,
                 active: this.active,
-            } }, h("button", { key: '8ba0bded589cc4040510538e86b311879ab78cf8', ref: element => (this.button = element), "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", "aria-current": this.active ? "true" : "false", id: "button", type: "button", class: {
+            } }, h("button", { key: '8d3069e56fb9e3f17bb4d2171c6bf51939636160', ref: element => (this.button = element), "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", "aria-current": this.active ? "true" : "false", id: "button", type: "button", class: {
                 open: this.open,
                 active: this.active,
-            }, onClick: this.onClick, onKeyUp: e => this.handleEscape(e) }, this.icon && (h("duet-icon", { key: '479134abefc9407012dc7d960da64a2a00849859', class: "submenu-bar-dropdown-icon", theme: this.theme, name: this.icon, size: "auto", margin: "none", color: "currentColor" })), h("div", { key: '5d7eabf7611e552d4b0a4b4f45af47528f45ae6f', class: "label" }, h("span", { key: '1067624e6d8997fe6d70ba84e2020160d547c98f', class: "label-text" }, h("slot", { key: 'd1c5e91511f07355f95cdf0908476bb208e8356e', name: "label" })), h("duet-icon", { key: 'ea41a4b8f9cd0e5307e74b517bf264b65eaf4a0f', class: "caret", theme: this.theme, name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" }))), h("div", { key: '7090489ee9527a38506ae8623fcd48b337ddd7a8', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
+            }, onClick: this.onClick, onKeyUp: e => this.handleEscape(e) }, this.icon && (h("duet-icon", { key: '23659097e23b1b8b6cc66c130efc4cef0fdab84e', class: "submenu-bar-dropdown-icon", theme: this.theme, name: this.icon, size: "auto", margin: "none", color: "currentColor" })), h("div", { key: '73b4d7cb0dd0ab9126819bfb6efbe4c40dccedca', class: "label" }, h("span", { key: '87d378945d46f26dce82b517fb42f396e7df5851', class: "label-text" }, h("slot", { key: 'f439f973c8ce98419368730c77bc3bda1a2472cc', name: "label" })), h("duet-icon", { key: '2dda29cbf50739e0866d548c7a9278d67411f412', class: "caret", theme: this.theme, name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" }))), h("div", { key: '2a9790a190e4138942625f10f82a6b94326a2ebd', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
                 items: true,
                 hidden: !this.open,
-            } }, h("slot", { key: '2d0d943f66b0238ed10f3c1ebcea5ab6bbceb301' })))));
+            } }, h("slot", { key: 'ad75bd23dd9f44bff12f360a43871991bf3ce653' })))));
     }
     static get is() { return "duet-submenu-bar-dropdown"; }
     static get encapsulation() { return "shadow"; }

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

@@ -45,7 +45,7 @@
   outline-offset: 2px;
   outline-color: rgba(0, 119, 179, 0.8);
 }
-.duet-theme-turva .duet-submenu-bar-dropdown-link:focus, .duet-submenu-bar-dropdown-link:focus.duet-theme-turva, .duet-theme-turva2 .duet-submenu-bar-dropdown-link:focus, .duet-submenu-bar-dropdown-link:focus.duet-theme-turva2 {
+.duet-theme-turva .duet-submenu-bar-dropdown-link:focus, .duet-submenu-bar-dropdown-link:focus.duet-theme-turva {
   outline: 2px solid;
   outline-offset: 2px;
   outline-color: rgba(53, 79, 101, 0.8);
@@ -82,13 +82,6 @@
 .duet-submenu-bar-dropdown-link.active .active-check {
   display: none;
 }
-.duet-submenu-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-submenu-bar-dropdown-link.duet-theme-turva.active .label::after {
-  background: rgb(230, 23, 64);
-}
 @media (min-width: 62em) {
   .duet-submenu-bar-dropdown-link.active {
     background: rgb(240, 247, 250);
@@ -99,37 +92,31 @@
   .duet-submenu-bar-dropdown-link.active .active-check {
     display: block;
   }
-  .duet-submenu-bar-dropdown-link.active.duet-theme-turva {
-    background: rgb(245, 246, 247);
-  }
   .duet-submenu-bar-dropdown-link:hover {
     background: rgb(228, 241, 247);
   }
-  .duet-submenu-bar-dropdown-link:hover.duet-theme-turva {
-    background: rgb(212, 221, 226);
-  }
 }
 .duet-submenu-bar-dropdown-link.highlight {
   color: rgb(0, 119, 179);
 }
-.duet-submenu-bar-dropdown-link.highlight.duet-theme-turva {
-  color: rgb(140, 0, 30);
-}
 
-:host(.duet-theme-turva2) .duet-submenu-bar-dropdown-link.duet-theme-turva {
+.duet-submenu-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-submenu-bar-dropdown-link.duet-theme-turva.active .label::after {
+
+.duet-submenu-bar-dropdown-link.duet-theme-turva.active .label::after {
   background: rgb(230, 23, 64);
 }
+
 @media (min-width: 62em) {
-  :host(.duet-theme-turva2) .duet-submenu-bar-dropdown-link.duet-theme-turva.active {
+  .duet-submenu-bar-dropdown-link.duet-theme-turva.active {
     background: rgb(253, 247, 242);
   }
-  :host(.duet-theme-turva2) .duet-submenu-bar-dropdown-link.duet-theme-turva:hover {
+  .duet-submenu-bar-dropdown-link.duet-theme-turva:hover {
     background: rgb(251, 225, 209);
   }
 }
-:host(.duet-theme-turva2) .duet-submenu-bar-dropdown-link.duet-theme-turva.highlight {
+.duet-submenu-bar-dropdown-link.duet-theme-turva.highlight {
   color: rgb(230, 23, 64);
 }

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

@@ -49,12 +49,12 @@ export class DuetSubmenuBarDropdownLink {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: '661c76d380b6989bfee3c31e1a0858cda9a873ce' }, h("a", { key: '02cadfcabf30ae87b3d2c038841280afd52b763f', class: {
+        return (h(Host, { key: 'cf39c11edeabc413beb507824669b8643dc9483d' }, h("a", { key: '291903d9b4ed68200261fd220c91810743b7216b', class: {
                 "duet-submenu-bar-dropdown-link": true,
                 "duet-theme-turva": this.theme === "turva",
                 highlight: this.highlight,
                 active: this.active,
-            }, "aria-current": this.active ? "true" : "false", href: this.href, onKeyUp: e => this.handleEscape(e) }, this.icon && h("duet-icon", { key: '653820943c52d861da92a41cc0bed59e78969b80', name: this.icon, size: "x-small", margin: "none", color: "currentColor" }), h("span", { key: '9e622d1fbbb2d0649da74a2a4945582eb9d72eb1', class: "label-container" }, h("span", { key: '78634234c76e9d17e61ed0e7ad88c1035b340dc4', class: "label" }, h("slot", { key: 'e8eec7289cffbb54eae6ddbebdb4d2a2ce6a634d' })), this.caret && h("duet-icon", { key: 'c0d7df05f2f827dea7bf50ee93b49c6fca66c1e9', name: "action-arrow-right-small", size: "xxx-small", margin: "none" })), this.active && (h("duet-icon", { key: '572888355bf490d4a5ddf095592e116e9d1c05ae', class: "active-check", name: "messaging-checked-small", size: "xx-small", margin: "none", color: "currentColor" })))));
+            }, "aria-current": this.active ? "true" : "false", href: this.href, onKeyUp: e => this.handleEscape(e) }, this.icon && h("duet-icon", { key: '1692f9ab28f6ff8f511c16b70114b8f3c09601df', name: this.icon, size: "x-small", margin: "none", color: "currentColor" }), h("span", { key: 'e18089da6ed52e191fee80b2019ebda73a9e9afd', class: "label-container" }, h("span", { key: 'c2cf40700298a1cca291de75837dc160bf717660', class: "label" }, h("slot", { key: 'f3759d26e0aa969a2307c588b5bd45ac719a5acd' })), this.caret && h("duet-icon", { key: '5db240602e615080a1f7c39c78bbfe5825aad01b', name: "action-arrow-right-small", size: "xxx-small", margin: "none" })), this.active && (h("duet-icon", { key: '9ba464ebfea65521317485870f9f9423d3e5ca02', class: "active-check", name: "messaging-checked-small", size: "xx-small", margin: "none", color: "currentColor" })))));
     }
     static get is() { return "duet-submenu-bar-dropdown-link"; }
     static get encapsulation() { return "shadow"; }

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

@@ -53,7 +53,7 @@
   outline-offset: -4px;
   outline-color: rgba(0, 119, 179, 0.8);
 }
-.duet-theme-turva .duet-submenu-bar-item:focus, .duet-submenu-bar-item:focus.duet-theme-turva, .duet-theme-turva2 .duet-submenu-bar-item:focus, .duet-submenu-bar-item:focus.duet-theme-turva2 {
+.duet-theme-turva .duet-submenu-bar-item:focus, .duet-submenu-bar-item:focus.duet-theme-turva {
   outline: 2px solid;
   outline-offset: -4px;
   outline-color: rgba(53, 79, 101, 0.8);
@@ -97,9 +97,6 @@
 .duet-submenu-bar-item.active {
   color: rgb(0, 119, 179);
 }
-.duet-submenu-bar-item.active.duet-theme-turva {
-  color: rgb(140, 0, 30);
-}
 .duet-submenu-bar-item.active::after {
   position: absolute;
   top: auto;
@@ -113,44 +110,37 @@
   transform: translateY(1px);
   transition: 300ms ease;
 }
-.duet-submenu-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";
-  color: rgb(23, 42, 59);
-}
-.duet-submenu-bar-item.duet-theme-turva.active .label::after {
-  background: rgb(140, 0, 30);
-}
-.duet-submenu-bar-item.duet-theme-turva.active::after {
-  background: rgb(140, 0, 30);
-}
 .duet-submenu-bar-item:hover {
   color: rgb(8, 42, 77);
   background: rgb(228, 241, 247);
 }
-.duet-submenu-bar-item:hover.duet-theme-turva {
-  color: rgb(23, 42, 59);
-  background: rgb(212, 221, 226);
-}
-.duet-submenu-bar-item:hover.duet-theme-turva.active {
-  color: rgb(140, 0, 30);
-}
 
-:host(.duet-theme-turva2) .duet-submenu-bar-item.duet-theme-turva {
+.duet-submenu-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";
   color: rgb(23, 42, 59);
 }
-:host(.duet-theme-turva2) .duet-submenu-bar-item.active.duet-theme-turva {
+
+.duet-submenu-bar-item.active.duet-theme-turva {
   color: rgb(230, 23, 64);
 }
-:host(.duet-theme-turva2) .duet-submenu-bar-item.duet-theme-turva.active .label::after {
+
+.duet-submenu-bar-item.duet-theme-turva[aria-expanded=true] {
+  background: rgb(251, 225, 209);
+}
+
+.duet-submenu-bar-item.duet-theme-turva.active .label::after {
   background: rgb(230, 23, 64);
 }
-:host(.duet-theme-turva2) .duet-submenu-bar-item.duet-theme-turva.active::after {
+
+.duet-submenu-bar-item.duet-theme-turva.active::after {
   background: rgb(230, 23, 64);
 }
-:host(.duet-theme-turva2) .duet-submenu-bar-item.duet-theme-turva:hover {
+
+.duet-submenu-bar-item.duet-theme-turva:hover {
   color: rgb(23, 42, 59);
   background: rgb(251, 225, 209);
 }
-:host(.duet-theme-turva2) .duet-submenu-bar-item.duet-theme-turva:hover.active {
+
+.duet-submenu-bar-item.duet-theme-turva:hover.active {
   color: rgb(230, 23, 64);
 }

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

@@ -80,7 +80,7 @@ export class DuetSubmenuBarItem {
     render() {
         const TagName = this.url ? "a" : "button";
         const role = this.url ? "link" : "button";
-        return (h(Host, { key: '7ee97d49c78004d4ae845e940fb03e6e1ee75bd7', role: "listitem" }, h(TagName, { key: 'dcc4541376b094f3eec8ce84465cdd2c77978bf8', target: !this.url ? null : this.external ? "_blank" : "_self", ref: element => (this.itemElement = element), class: { "duet-submenu-bar-item": true, "duet-theme-turva": this.theme === "turva", active: this.active }, href: this.url, onKeyUp: e => this.handleEscape(e), "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, role: role, rel: this.external ? "noopener" : undefined }, this.leadingIcon && (h("duet-icon", { key: '74e7c4f39e27a8c9030d02bf33f50ded7220f588', class: "leading-icon", theme: this.theme, name: this.leadingIcon, size: "auto", margin: "none", color: "currentColor" })), h("div", { key: 'ab00e171bc83993c2580c25bbdfa3b77ea58ee89', class: "label" }, h("span", { key: '0cb9766ca34e699f99c1ec699ce0a7d9be8fb0ad', class: "label-text" }, h("slot", { key: '1e7f21511c1dbfb21780b7828397ddb3564c96e5' })), (this.trailingIcon || this.external) && (h("duet-icon", { key: '698c894c3987de2c8c645234e25f600ecf33d8c2', class: {
+        return (h(Host, { key: '735cb5e8a3625bfe6e53685487cbdcad30174387', role: "listitem" }, h(TagName, { key: 'a1adc91fe24f839dc5b7d07a10c33ba4d68a7cbb', target: !this.url ? null : this.external ? "_blank" : "_self", ref: element => (this.itemElement = element), class: { "duet-submenu-bar-item": true, "duet-theme-turva": this.theme === "turva", active: this.active }, href: this.url, onKeyUp: e => this.handleEscape(e), "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, role: role, rel: this.external ? "noopener" : undefined }, this.leadingIcon && (h("duet-icon", { key: '5a06f21d4ca339c5869d764fff0857cfbbe34145', class: "leading-icon", theme: this.theme, name: this.leadingIcon, size: "auto", margin: "none", color: "currentColor" })), h("div", { key: '65c8858c5b3842e6d2a4cb5ce4760d7ace3b9b52', class: "label" }, h("span", { key: 'ffec01ed19cbd0dc1d819901d5988a819120a444', class: "label-text" }, h("slot", { key: 'f7380688b2e9d1eb11de668f77a7b7a77e46d124' })), (this.trailingIcon || this.external) && (h("duet-icon", { key: '5117739fbacf4bb87663bb107342da775b492d21', class: {
                 "trailing-icon": !!this.trailingIcon,
                 "trailing-icon-arrow": this.trailingIcon === "action-arrow-down-small",
                 "external-icon": !!this.external,

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

@@ -50,7 +50,7 @@
   outline-offset: 2px;
   outline-color: rgba(0, 119, 179, 0.8);
 }
-.duet-theme-turva .duet-submenu-bar-link:focus, .duet-submenu-bar-link:focus.duet-theme-turva, .duet-theme-turva2 .duet-submenu-bar-link:focus, .duet-submenu-bar-link:focus.duet-theme-turva2 {
+.duet-theme-turva .duet-submenu-bar-link:focus, .duet-submenu-bar-link:focus.duet-theme-turva {
   outline: 2px solid;
   outline-offset: 2px;
   outline-color: rgba(53, 79, 101, 0.8);
@@ -79,9 +79,6 @@
   .duet-submenu-bar-link.active {
     color: rgb(0, 119, 179);
   }
-  .duet-submenu-bar-link.active.duet-theme-turva {
-    color: rgb(140, 0, 30);
-  }
 }
 .duet-submenu-bar-link.active .label {
   position: relative;
@@ -116,48 +113,34 @@
     transition: 300ms ease;
   }
 }
-.duet-submenu-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";
-  color: rgb(23, 42, 59);
-}
-.duet-submenu-bar-link.duet-theme-turva.active .label::after {
-  background: rgb(140, 0, 30);
-}
-.duet-submenu-bar-link.duet-theme-turva.active::after {
-  background: rgb(140, 0, 30);
-}
 @media (min-width: 62em) {
   .duet-submenu-bar-link:hover {
     color: rgb(8, 42, 77);
     background: rgb(228, 241, 247);
   }
-  .duet-submenu-bar-link:hover.duet-theme-turva {
-    color: rgb(23, 42, 59);
-    background: rgb(212, 221, 226);
-  }
-  .duet-submenu-bar-link:hover.duet-theme-turva.active {
-    color: rgb(140, 0, 30);
-  }
 }
 
-:host(.duet-theme-turva2) .duet-submenu-bar-link.duet-theme-turva {
+.duet-submenu-bar-link.duet-theme-turva {
   color: rgb(23, 42, 59);
 }
-:host(.duet-theme-turva2) .duet-submenu-bar-link.duet-theme-turva.active .label::after {
+
+.duet-submenu-bar-link.duet-theme-turva.active .label::after {
   background: rgb(230, 23, 64);
 }
-:host(.duet-theme-turva2) .duet-submenu-bar-link.duet-theme-turva.active::after {
+
+.duet-submenu-bar-link.duet-theme-turva.active::after {
   background: rgb(230, 23, 64);
 }
+
 @media (min-width: 62em) {
-  :host(.duet-theme-turva2) .duet-submenu-bar-link.duet-theme-turva.active {
+  .duet-submenu-bar-link.duet-theme-turva.active {
     color: rgb(230, 23, 64);
   }
-  :host(.duet-theme-turva2) .duet-submenu-bar-link.duet-theme-turva:hover {
+  .duet-submenu-bar-link.duet-theme-turva:hover {
     color: rgb(23, 42, 59);
     background: rgb(251, 225, 209);
   }
-  :host(.duet-theme-turva2) .duet-submenu-bar-link.duet-theme-turva:hover.active {
+  .duet-submenu-bar-link.duet-theme-turva:hover.active {
     color: rgb(230, 23, 64);
   }
 }