@duetds/components 10.2.4 → 10.3.1

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

@@ -147,24 +147,14 @@
   background-color: rgb(0, 119, 179);
   box-shadow: none;
 }
-.duet-theme-turva .duet-switch input:checked + .duet-slider {
-  background-color: rgb(230, 23, 64);
-}
 .duet-switch input:checked + .duet-slider::before {
   background-color: rgb(255, 255, 255);
   box-shadow: -1px 0 2px #004467;
   transform: translateX(20px);
 }
-.duet-theme-turva .duet-switch input:checked + .duet-slider::before {
-  background-color: rgb(255, 255, 255);
-  box-shadow: -1px 0 2px #890e26;
-}
 .duet-switch input:disabled + .duet-slider::before {
   box-shadow: none;
 }
-.duet-theme-turva .duet-switch input:disabled + .duet-slider::before {
-  box-shadow: none;
-}
 .duet-switch input:disabled:not(:checked) + .duet-slider {
   background: #bfcbd2;
 }
@@ -172,24 +162,15 @@
   background: rgb(255, 255, 255);
   box-shadow: none;
 }
-.duet-theme-turva .duet-switch input:disabled:not(:checked) + .duet-slider {
-  background: #bcc8d2;
-}
-.duet-theme-turva .duet-switch input:disabled:not(:checked) + .duet-slider::before {
-  background: rgb(255, 255, 255);
-}
 .duet-switch input:disabled:checked + .duet-slider {
   background: #80bbd9;
 }
-.duet-theme-turva .duet-switch input:disabled:checked + .duet-slider {
-  background: #f38ba0;
-}
 :host(.user-is-tabbing) .duet-switch input:focus + .duet-slider {
   outline: 2px solid;
   outline-offset: 2px;
   outline-color: rgba(0, 119, 179, 0.8);
 }
-.duet-theme-turva :host(.user-is-tabbing) .duet-switch input:focus + .duet-slider, :host(.user-is-tabbing) .duet-switch input:focus + .duet-slider.duet-theme-turva, .duet-theme-turva2 :host(.user-is-tabbing) .duet-switch input:focus + .duet-slider, :host(.user-is-tabbing) .duet-switch input:focus + .duet-slider.duet-theme-turva2 {
+.duet-theme-turva :host(.user-is-tabbing) .duet-switch input:focus + .duet-slider, :host(.user-is-tabbing) .duet-switch input:focus + .duet-slider.duet-theme-turva {
   outline-color: rgba(53, 79, 101, 0.8);
 }
 
@@ -225,13 +206,6 @@
 .duet-toggle-is-disabled .duet-slider {
   cursor: not-allowed;
 }
-.duet-theme-turva .duet-slider {
-  background-color: rgb(120, 145, 164);
-}
-.duet-theme-turva .duet-slider::before {
-  background-color: rgb(255, 255, 255);
-  box-shadow: 1px 0 2px 0 #00334d;
-}
 
 duet-spinner {
   margin: 2px;
@@ -250,13 +224,32 @@ duet-spinner {
   clip: rect(1px, 1px, 1px, 1px) !important;
 }
 
-:host(.duet-theme-turva2) .duet-switch input:checked + .duet-slider {
+.duet-theme-turva .duet-switch input:checked + .duet-slider {
   background-color: rgb(230, 23, 64);
 }
-:host(.duet-theme-turva2) .duet-switch input:checked + .duet-slider::before {
+.duet-theme-turva .duet-switch input:checked + .duet-slider::before {
   box-shadow: -1px 0 2px #890e26;
   transform: translateX(20px);
 }
-:host(.duet-theme-turva2) .duet-switch input:disabled:checked + .duet-slider {
+.duet-theme-turva .duet-switch input:disabled:checked + .duet-slider {
+  background: #f38ba0;
+}
+.duet-theme-turva .duet-switch input:disabled + .duet-slider::before {
+  box-shadow: none;
+}
+.duet-theme-turva .duet-switch input:disabled:not(:checked) + .duet-slider {
+  background: #bcc8d2;
+}
+.duet-theme-turva .duet-switch input:disabled:not(:checked) + .duet-slider::before {
+  background: rgb(255, 255, 255);
+}
+.duet-theme-turva .duet-switch input:disabled:checked + .duet-slider {
   background: #f38ba0;
+}
+.duet-theme-turva .duet-slider {
+  background-color: rgb(120, 145, 164);
+}
+.duet-theme-turva .duet-slider::before {
+  background-color: rgb(255, 255, 255);
+  box-shadow: 1px 0 2px 0 #00334d;
 }

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

@@ -118,11 +118,11 @@ export class DuetToggle {
      */
     render() {
         const identifier = this.identifier || this.toggleId;
-        return (h(Host, { key: '12ad6e6c8bae45cd96993f311d30c6d02f9e694a', onClick: this.disabled || this.loading ? undefined : this.onClick, class: {
+        return (h(Host, { key: '3ec57cff6ce3da317cddd00e7bedbc6650b5241d', onClick: this.disabled || this.loading ? undefined : this.onClick, class: {
                 "duet-m-0": this.margin === "none",
                 "duet-toggle-is-disabled": this.disabled,
                 "duet-toggle-is-loading": this.loading,
-            } }, h("div", { key: '0e6d8fff7a161badbca1e6ddd3f737a9e427f67b', class: {
+            } }, h("div", { key: 'eee3e6b5baf3b19f1b3def60257a86bba82937f1', class: {
                 "duet-toggle": true,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-side-label": this.labelPosition !== "top",
@@ -130,7 +130,7 @@ export class DuetToggle {
                 "duet-label-hidden": this.labelHidden,
                 "duet-toggle-is-disabled": this.disabled,
                 "duet-toggle-is-loading": this.loading,
-            } }, h(DuetInternalLabel, { key: '9332567db03213ffaa47ff809c83df430d5b1241', theme: this.theme, color: this.labelColor, weight: this.labelWeight, for: identifier, margin: this.labelPosition === "top" ? "auto" : "none" }, this.label), h("label", { key: '2889a221df7d22b8186a4e2a292df66ea9796628', class: "duet-switch" }, h("input", { key: 'ca4bbc240033d01dd7add7cb672b01bd3f0270fa', type: "checkbox", value: this.value, "aria-controls": this.accessibleControls, "aria-activedescendant": this.accessibleActiveDescendant, "aria-owns": this.accessibleOwns, "aria-describedby": this.accessibleDescribedBy, "aria-labelledby": this.accessibleLabelledBy, "aria-details": this.accessibleDetails, "aria-description": this.accessibleDescription, id: identifier, role: this.role, name: this.name, checked: this.checked, required: this.required, disabled: this.disabled || this.loading, ref: input => (this.nativeInput = input) }), h("div", { key: '2b8e0241c308d29fbe2221339330435d9de10005', class: "duet-slider" }), this.loading && h("duet-spinner", { key: 'eac8158c7199fba2c9e0d889a123d17602287078', color: "primary" }))), this.loading && (h("duet-visually-hidden", { key: 'f17522d306a05c84cad96f4e578023e2474d0e75', "aria-live": "polite" }, this.accessibleLabelLoading || DuetStringsLoadingDefaults[getLanguage()])), this.loadingComplete && (h("duet-visually-hidden", { key: '78095e04eab17679c9ef68ba25d84b027a4e89a8', "aria-live": "polite" }, this.accessibleLabelComplete || DuetStringsCompleteDefaults[getLanguage()]))));
+            } }, h(DuetInternalLabel, { key: '34afba6477ca751f3a522128482b8adbd032ecfc', theme: this.theme, color: this.labelColor, weight: this.labelWeight, for: identifier, margin: this.labelPosition === "top" ? "auto" : "none" }, this.label), h("div", { key: 'b7148a180db8be5f24af8b07f78bdb1678135fc4', class: "duet-switch" }, h("input", { key: 'c1ae34876134d4a2b8e747ea1145a8230c1f793e', type: "checkbox", value: this.value, "aria-controls": this.accessibleControls, "aria-activedescendant": this.accessibleActiveDescendant, "aria-owns": this.accessibleOwns, "aria-describedby": this.accessibleDescribedBy, "aria-labelledby": this.accessibleLabelledBy, "aria-details": this.accessibleDetails, "aria-description": this.accessibleDescription, id: identifier, role: this.role, name: this.name, checked: this.checked, required: this.required, disabled: this.disabled || this.loading, ref: input => (this.nativeInput = input) }), h("div", { key: 'e18149d2e165965f84bcd1c723b26ad86ad738f7', class: { "duet-slider": true, "duet-theme-turva": this.theme === "turva" } }), this.loading && h("duet-spinner", { key: 'cb04987318d4ae466376b787fbb822b22da90b68', color: "primary" }))), this.loading && (h("duet-visually-hidden", { key: '41123444b69ac84d498781b6301c7188ad9c8293', "aria-live": "polite" }, this.accessibleLabelLoading || DuetStringsLoadingDefaults[getLanguage()])), this.loadingComplete && (h("duet-visually-hidden", { key: '1d149ecd3ba90ed78770782efbd87082689776f1', "aria-live": "polite" }, this.accessibleLabelComplete || DuetStringsCompleteDefaults[getLanguage()]))));
     }
     static get is() { return "duet-toggle"; }
     static get encapsulation() { return "shadow"; }

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

@@ -67,22 +67,18 @@
 .duet-toolbar.secondary .container {
   border-bottom: 0;
 }
+
 .duet-toolbar.duet-theme-turva {
   background: rgb(255, 255, 255);
 }
+
 .duet-toolbar.duet-theme-turva .container {
-  border-bottom: 1px solid rgb(212, 221, 226);
+  border-bottom: 1px solid rgb(251, 225, 209);
 }
+
 .duet-toolbar.duet-theme-turva.primary {
   background: rgb(230, 23, 64);
 }
 .duet-toolbar.duet-theme-turva.primary .container {
   border-bottom: 0;
-}
-
-:host(.duet-theme-turva2) .duet-toolbar.duet-theme-turva .container {
-  border-bottom-color: rgb(251, 225, 209);
-}
-:host(.duet-theme-turva2) .duet-toolbar.duet-theme-turva.primary {
-  background: rgb(230, 23, 64);
 }

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

@@ -36,11 +36,11 @@ export class DuetToolbar {
             : this.variation === "secondary"
                 ? "secondary"
                 : "default";
-        return (h(Host, { key: 'c860be4ffbc7d94876629c2039b767516ae67069' }, h("nav", { key: '93355e73bf35ed26d242a3e08140140f09d4cbcf', class: {
+        return (h(Host, { key: '11cac89e811d6b909196be87f12ddf03fabc3880' }, h("nav", { key: '811f12c8c160dc6ca955cee1c442289e5be2ca87', class: {
                 "duet-toolbar": true,
                 "duet-theme-turva": this.theme === "turva",
                 [variation]: true,
-            }, "aria-label": this.accessibleLabel }, h("div", { key: 'a50a6a5ec9b49d85edcbc10a275264e95a6ad93b', class: "container" }, h("div", { key: 'd3187fa520b84678f46876238269b9e3f48aced4', class: "list", role: "list" }, h("slot", { key: 'd0a092e1c45ac428b73d549b94ac932e3f4e871e', name: "left" })), h("div", { key: '90c02bddb8937b6e48648a2b758211ab88ae4b00', class: "list", role: "list" }, h("slot", { key: '8d66429a3b7a5d4ca4c3a570677c5fca14915108', name: "right" }))))));
+            }, "aria-label": this.accessibleLabel }, h("div", { key: '386f1bc773de6027405dd241f7bf55c247e253da', class: "container" }, h("div", { key: '628fa593433c532ea8ba5e2ff728dfbbd03fa2c5', class: "list", role: "list" }, h("slot", { key: '99a06c1b2878c7ebc0bf9dbca19922fc35c96999', name: "left" })), h("div", { key: '88cf5b6bf106290b9aee832917ffe0cba4de8a56', class: "list", role: "list" }, h("slot", { key: '7cfe53a79d3f81b4a42c6661261698da60aa11df', name: "right" }))))));
     }
     static get is() { return "duet-toolbar"; }
     static get encapsulation() { return "shadow"; }

package/lib/collection/components/duet-toolbar-dropdown/duet-toolbar-dropdown.css

@@ -49,7 +49,7 @@
   outline-offset: 2px;
   outline-color: rgba(0, 119, 179, 0.8);
 }
-.duet-theme-turva .duet-toolbar-dropdown button:focus, .duet-toolbar-dropdown button:focus.duet-theme-turva, .duet-theme-turva2 .duet-toolbar-dropdown button:focus, .duet-toolbar-dropdown button:focus.duet-theme-turva2 {
+.duet-theme-turva .duet-toolbar-dropdown button:focus, .duet-toolbar-dropdown button:focus.duet-theme-turva {
   outline: 2px solid;
   outline-offset: 2px;
   outline-color: rgba(53, 79, 101, 0.8);
@@ -107,23 +107,6 @@
   right: auto;
   left: 0%;
 }
-.duet-toolbar-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-toolbar-dropdown.duet-theme-turva button:hover {
-  color: rgb(23, 42, 59);
-  background: rgb(245, 246, 247);
-}
-.duet-toolbar-dropdown.duet-theme-turva button.active, .duet-toolbar-dropdown.duet-theme-turva button.open {
-  color: rgb(23, 42, 59);
-}
-.duet-toolbar-dropdown.duet-theme-turva button.active::after, .duet-toolbar-dropdown.duet-theme-turva button.open::after {
-  background: rgb(230, 23, 64);
-}
-.duet-toolbar-dropdown.duet-theme-turva .items {
-  background: rgb(255, 255, 255);
-}
 .duet-toolbar-dropdown.negative button {
   color: rgb(255, 255, 255);
 }
@@ -143,49 +126,53 @@
 .duet-toolbar-dropdown.negative button duet-icon {
   color: rgb(198, 225, 238);
 }
+
+.duet-toolbar-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-toolbar-dropdown.duet-theme-turva button:hover {
+  color: rgb(23, 42, 59);
+  background: rgb(253, 247, 242);
+}
+
+.duet-toolbar-dropdown.duet-theme-turva button.active::after,
+.duet-toolbar-dropdown.duet-theme-turva button.open::after {
+  background: rgb(230, 23, 64);
+}
+
+.duet-toolbar-dropdown.duet-theme-turva button.active,
+.duet-toolbar-dropdown.duet-theme-turva button.open {
+  color: rgb(23, 42, 59);
+}
+
 .duet-toolbar-dropdown.duet-theme-turva.negative button {
   color: rgb(255, 255, 255);
 }
-.duet-toolbar-dropdown.duet-theme-turva.negative button:hover {
-  color: rgb(255, 255, 255);
-  background: rgba(23, 42, 59, 0.2);
+
+.duet-toolbar-dropdown.duet-theme-turva.negative button duet-icon {
+  color: rgb(241, 202, 178);
 }
+
 .duet-toolbar-dropdown.duet-theme-turva.negative button.active {
   font-weight: 600;
-  color: rgb(255, 255, 255);
-  background: rgba(23, 42, 59, 0.2);
 }
+
+.duet-toolbar-dropdown.duet-theme-turva.negative button:hover,
+.duet-toolbar-dropdown.duet-theme-turva.negative button.active,
 .duet-toolbar-dropdown.duet-theme-turva.negative button.open {
   color: rgb(255, 255, 255);
   background: rgba(23, 42, 59, 0.2);
 }
-.duet-toolbar-dropdown.duet-theme-turva.negative button duet-icon {
-  color: rgb(255, 201, 204);
-}
 
-:host(.duet-theme-turva2) .duet-toolbar-dropdown.duet-theme-turva button {
-  color: rgb(23, 42, 59);
-}
-:host(.duet-theme-turva2) .duet-toolbar-dropdown.duet-theme-turva button:hover {
-  color: rgb(23, 42, 59);
-  background: rgb(253, 247, 242);
-}
-:host(.duet-theme-turva2) .duet-toolbar-dropdown.duet-theme-turva button.active::after,
-:host(.duet-theme-turva2) .duet-toolbar-dropdown.duet-theme-turva button.open::after {
-  background: rgb(230, 23, 64);
-}
-:host(.duet-theme-turva2) .duet-toolbar-dropdown.duet-theme-turva button.active,
-:host(.duet-theme-turva2) .duet-toolbar-dropdown.duet-theme-turva button.open {
-  color: rgb(23, 42, 59);
-}
-:host(.duet-theme-turva2) .duet-toolbar-dropdown.duet-theme-turva.negative button:hover,
-:host(.duet-theme-turva2) .duet-toolbar-dropdown.duet-theme-turva.negative button.active,
-:host(.duet-theme-turva2) .duet-toolbar-dropdown.duet-theme-turva.negative button.open {
-  background: rgba(23, 42, 59, 0.2);
+.duet-theme-turva .items {
+  background: rgb(255, 255, 255);
 }
-:host(.duet-theme-turva2) .duet-toolbar-dropdown.duet-theme-turva.negative button {
+
+.duet-toolbar-dropdown.duet-theme-turva.negative button {
   color: rgb(255, 255, 255);
 }
-:host(.duet-theme-turva2) .duet-toolbar-dropdown.duet-theme-turva.negative button:hover, :host(.duet-theme-turva2) .duet-toolbar-dropdown.duet-theme-turva.negative button.active, :host(.duet-theme-turva2) .duet-toolbar-dropdown.duet-theme-turva.negative button.open {
+.duet-toolbar-dropdown.duet-theme-turva.negative button:hover, .duet-toolbar-dropdown.duet-theme-turva.negative button.active, .duet-toolbar-dropdown.duet-theme-turva.negative button.open {
   color: rgb(255, 255, 255);
 }

package/lib/collection/components/duet-toolbar-dropdown/duet-toolbar-dropdown.js

@@ -64,18 +64,18 @@ export class DuetToolbarDropdown {
             itemsAlign = this.element.parentElement.getAttribute("slot") === "left" ? "right" : "left";
         }
         const variation = this.variation === "negative" ? "negative" : "white";
-        return (h(Host, { key: '22441fcb5b8138475d82dab2645eb4be7acc7683', role: "listitem" }, h("div", { key: 'ddda27f016e058d656ebef316dbe040559949c88', class: {
+        return (h(Host, { key: '69eac2f06436172cce984b86ca20cc5b63478496', role: "listitem" }, h("div", { key: '9ac7f1b67f30a45617d57343d23126878f74160f', class: {
                 "duet-toolbar-dropdown": true,
                 "duet-theme-turva": this.theme === "turva",
                 [itemsAlign]: true,
                 [variation]: true,
-            } }, h("button", { key: 'ecdfa65704fb809858dd451e2cabd81eb6362def', ref: element => (this.button = element), "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", "aria-current": this.active ? "true" : "false", "aria-label": this.accessibleLabel, id: "button", type: "button", class: {
+            } }, h("button", { key: 'c0e9bb1221661059cf94d287e2de1e1533c10999', ref: element => (this.button = element), "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", "aria-current": this.active ? "true" : "false", "aria-label": this.accessibleLabel, id: "button", type: "button", class: {
                 active: this.active,
                 open: this.open,
-            }, onClick: this.onClick, onKeyUp: e => this.handleEscape(e) }, this.icon && (h("duet-icon", { key: '094d722d70d59a46406f1e0eef3b23a2d2bfa58f', theme: this.theme, name: this.icon, size: "x-small", margin: "none", color: "currentColor" })), h("span", { key: '574c62534b8ee3098ed1bcd1a68bb8ac21712a1e', class: "label" }, h("slot", { key: '702645793ce1d7acc23ab3d81ca340c34d68f05c', name: "label" }), h("duet-icon", { key: '26e38570a74cd2d6997029053bb462449e4542e3', class: "caret", theme: this.theme, name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" }))), h("div", { key: '5e778fe7b21fea29300f437f18970c419fc312e5', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
+            }, onClick: this.onClick, onKeyUp: e => this.handleEscape(e) }, this.icon && (h("duet-icon", { key: '0112de6cc27774c4b74e6c1c72971d64367bd74a', theme: this.theme, name: this.icon, size: "x-small", margin: "none", color: "currentColor" })), h("span", { key: 'f906ad13a862f089ce526428409a26a4e636a7e7', class: "label" }, h("slot", { key: 'ba244f72115c5e4d89abd913c45167de8f209dbc', name: "label" }), h("duet-icon", { key: '9e327c87ecc34f5af2daaca6cfe0e262e3d7823e', class: "caret", theme: this.theme, name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" }))), h("div", { key: '7e5665a075ed415a199b26b877358236d2a7abb4', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
                 items: true,
                 hidden: !this.open,
-            } }, h("slot", { key: 'a8694deb60b5d8fb5b9131cec991471ef0020a83' })))));
+            } }, h("slot", { key: '230cab93cb351afae35d7f0a56383e3547048540' })))));
     }
     static get is() { return "duet-toolbar-dropdown"; }
     static get encapsulation() { return "shadow"; }

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

@@ -45,7 +45,7 @@
   outline-offset: 2px;
   outline-color: rgba(0, 119, 179, 0.8);
 }
-.duet-theme-turva .duet-toolbar-dropdown-link:focus, .duet-toolbar-dropdown-link:focus.duet-theme-turva, .duet-theme-turva2 .duet-toolbar-dropdown-link:focus, .duet-toolbar-dropdown-link:focus.duet-theme-turva2 {
+.duet-theme-turva .duet-toolbar-dropdown-link:focus, .duet-toolbar-dropdown-link:focus.duet-theme-turva {
   outline: 2px solid;
   outline-offset: 2px;
   outline-color: rgba(53, 79, 101, 0.8);
@@ -54,29 +54,22 @@
   flex: 1;
   text-align: left;
 }
-.duet-toolbar-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-toolbar-dropdown-link.active {
   background: rgb(240, 247, 250);
 }
-.duet-toolbar-dropdown-link.active.duet-theme-turva {
-  background: rgb(245, 246, 247);
-}
 .duet-toolbar-dropdown-link:hover {
   background: rgb(228, 241, 247);
 }
-.duet-toolbar-dropdown-link:hover.duet-theme-turva {
-  background: rgb(212, 221, 226);
-}
 
-:host(.duet-theme-turva2) .duet-toolbar-dropdown-link.duet-theme-turva {
+.duet-toolbar-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-toolbar-dropdown-link.duet-theme-turva.active {
+
+.duet-toolbar-dropdown-link.duet-theme-turva.active {
   background: rgb(253, 247, 242);
 }
-:host(.duet-theme-turva2) .duet-toolbar-dropdown-link.duet-theme-turva:hover {
+
+.duet-toolbar-dropdown-link.duet-theme-turva:hover {
   background: rgb(251, 225, 209);
 }

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

@@ -45,11 +45,11 @@ export class DuetToolbarDropdownLink {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: '8e41d151e3313b5891dff17b78353776a85a8f07' }, h("a", { key: '1dbfa3d41901af78023b0121f0b5d4699c88a190', class: {
+        return (h(Host, { key: '035633abc84750e47b20bdac26530ccbee19265f' }, h("a", { key: '1da75702c3371b0b65de19c2124ce4d815d9efc4', class: {
                 "duet-toolbar-dropdown-link": true,
                 "duet-theme-turva": this.theme === "turva",
                 active: this.active,
-            }, href: this.href, lang: this.targetLanguage, hreflang: this.targetLanguage, role: "link menuitem", "aria-label": this.accessibleLabel, "aria-current": this.active ? "true" : "false", onKeyUp: e => this.handleEscape(e) }, this.icon && h("duet-icon", { key: 'e33514dc4358840cbc8520514b16e519a56458ea', name: this.icon, size: "x-small", margin: "none" }), h("span", { key: '3c1420a627929ed17d384db1762e55918ca055f6', class: "label" }, h("slot", { key: '73cd382bf5e2f19e5d1c6e2e64d0322021f19635' })), this.active && (h("duet-icon", { key: '22214495161d78c4f620a84a03089f018d377400', name: "messaging-checked-small", size: "xx-small", margin: "none", color: "currentColor" })))));
+            }, href: this.href, lang: this.targetLanguage, hreflang: this.targetLanguage, role: "link menuitem", "aria-label": this.accessibleLabel, "aria-current": this.active ? "true" : "false", onKeyUp: e => this.handleEscape(e) }, this.icon && h("duet-icon", { key: 'c2d67e5fc451aef6ea005403e844ff5eea233acd', name: this.icon, size: "x-small", margin: "none" }), h("span", { key: 'bd20fbe5b9a451e62e4e07317e72f59aead917b0', class: "label" }, h("slot", { key: 'b9c034f82fa9d16f81cbe23f3952dc3427235821' })), this.active && (h("duet-icon", { key: '5fbdc8f51e1242ac01bb1e8e6edc3673d7f6d9ba', name: "messaging-checked-small", size: "xx-small", margin: "none", color: "currentColor" })))));
     }
     static get is() { return "duet-toolbar-dropdown-link"; }
     static get encapsulation() { return "shadow"; }

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

@@ -46,7 +46,7 @@
   outline-offset: -4px;
   outline-color: rgba(0, 119, 179, 0.8);
 }
-.duet-theme-turva .duet-toolbar-item:focus, .duet-toolbar-item:focus.duet-theme-turva, .duet-theme-turva2 .duet-toolbar-item:focus, .duet-toolbar-item:focus.duet-theme-turva2 {
+.duet-theme-turva .duet-toolbar-item:focus, .duet-toolbar-item:focus.duet-theme-turva {
   outline: 2px solid;
   outline-offset: -4px;
   outline-color: rgba(53, 79, 101, 0.8);
@@ -93,19 +93,6 @@
 .duet-toolbar-item.secondary[aria-expanded=true] {
   background: rgb(3, 56, 102);
 }
-.duet-toolbar-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-toolbar-item.duet-theme-turva.primary {
-  color: rgb(255, 255, 255);
-}
-.duet-toolbar-item.duet-theme-turva.primary[aria-expanded=true] {
-  background: rgba(23, 42, 59, 0.2);
-}
-.duet-toolbar-item.duet-theme-turva.primary duet-icon {
-  color: rgb(255, 201, 204);
-}
 .duet-toolbar-item:hover {
   color: rgb(8, 42, 77);
   background: rgb(240, 247, 250);
@@ -119,14 +106,6 @@
 .duet-toolbar-item:hover.secondary {
   background: rgb(3, 56, 102);
 }
-.duet-toolbar-item:hover.duet-theme-turva {
-  color: rgb(23, 42, 59);
-  background: rgb(245, 246, 247);
-}
-.duet-toolbar-item:hover.duet-theme-turva.primary {
-  color: rgb(255, 255, 255);
-  background: rgba(23, 42, 59, 0.2);
-}
 .duet-toolbar-item.active {
   color: rgb(8, 42, 77);
 }
@@ -156,19 +135,6 @@
   transform: translateY(1px);
   transition: 300ms ease;
 }
-.duet-toolbar-item.active::after.duet-theme-turva {
-  background: rgb(230, 23, 64);
-}
-.duet-toolbar-item.active.duet-theme-turva {
-  color: rgb(23, 42, 59);
-}
-.duet-toolbar-item.active.duet-theme-turva::after {
-  background: rgb(230, 23, 64);
-}
-.duet-toolbar-item.active.duet-theme-turva.primary {
-  color: rgb(255, 255, 255);
-  background: rgba(23, 42, 59, 0.2);
-}
 
 duet-indicator {
   top: 4px;
@@ -179,27 +145,47 @@ duet-indicator:has(+ .duet-toolbar-item .duet-toolbar-icon) {
   left: 36px;
 }
 
-:host(.duet-theme-turva2) .duet-toolbar-item.duet-theme-turva:not(.primary) {
+.duet-toolbar-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-toolbar-item.duet-theme-turva:not(.primary) {
   color: rgb(23, 42, 59);
 }
-:host(.duet-theme-turva2) .duet-toolbar-item.duet-theme-turva.primary[aria-expanded=true] {
+
+.duet-toolbar-item.duet-theme-turva.primary {
+  color: rgb(255, 255, 255);
+}
+.duet-toolbar-item.duet-theme-turva.primary duet-icon {
+  color: rgb(241, 202, 178);
+}
+
+.duet-toolbar-item.duet-theme-turva.primary[aria-expanded=true] {
   background: rgba(23, 42, 59, 0.2);
 }
-:host(.duet-theme-turva2) .duet-toolbar-item.duet-theme-turva:hover {
+
+.duet-toolbar-item.duet-theme-turva:hover {
   background: rgb(253, 247, 242);
 }
-:host(.duet-theme-turva2) .duet-toolbar-item.duet-theme-turva:hover:not(.primary) {
+
+.duet-toolbar-item.duet-theme-turva:hover:not(.primary) {
   color: rgb(23, 42, 59);
 }
-:host(.duet-theme-turva2) .duet-toolbar-item.duet-theme-turva:hover.primary {
+
+.duet-toolbar-item.duet-theme-turva:hover.primary {
+  color: rgb(255, 255, 255);
   background: rgba(23, 42, 59, 0.2);
 }
-:host(.duet-theme-turva2) .duet-toolbar-item.active.duet-theme-turva::after {
+
+.duet-toolbar-item.active.duet-theme-turva::after {
   background: rgb(230, 23, 64);
 }
-:host(.duet-theme-turva2) .duet-toolbar-item.active.duet-theme-turva:not(.primary) {
+
+.duet-toolbar-item.active.duet-theme-turva:not(.primary) {
   color: rgb(23, 42, 59);
 }
-:host(.duet-theme-turva2) .duet-toolbar-item.active.duet-theme-turva.primary {
+
+.duet-toolbar-item.active.duet-theme-turva.primary {
+  color: rgb(255, 255, 255);
   background: rgba(23, 42, 59, 0.2);
 }

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

@@ -86,17 +86,17 @@ export class DuetToolbarItem {
             : this.variation === "secondary"
                 ? "secondary"
                 : "default";
-        return (h(Host, { key: '82a17ce8483bcaa16bdef27b50238898b81a7549', role: "listitem" }, this.badge && h("duet-indicator", { key: 'd1a27a07f28a95232cde24a20f05a0a2d7f61745', variation: "change" }), h(TagName, { key: 'c2192a7a73d5f09fc1acf9d13c7f2f2d26af7def', target: !this.url ? null : this.external ? "_blank" : "_self", ref: element => (this.itemElement = element), class: {
+        return (h(Host, { key: '7a26d4462931957a1f1bc5d77654a147ad5a9d13', role: "listitem" }, this.badge && h("duet-indicator", { key: 'cdc9680681aa38be74316f74d4f96d89db25b678', variation: "change" }), h(TagName, { key: '6a0522aec330982bdb0ecc88b35b6b8f549c07eb', target: !this.url ? null : this.external ? "_blank" : "_self", ref: element => (this.itemElement = element), class: {
                 "duet-toolbar-item": true,
                 "duet-theme-turva": this.theme === "turva",
                 active: this.active,
                 [variation]: true,
-            }, 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("div", { key: '00b85b5398cc6a21478840d79a11fa91270d74c0', class: "duet-toolbar-icon" }, h("duet-icon", { key: '73ffe104fcc9af56100dbc8f863e207efb93a2aa', size: "x-small", name: this.leadingIcon, margin: "none", theme: this.theme, color: "currentColor" }), this.badge && h("div", { key: '4d185a66ab6fdf842f0d8c967fcb621fcd30e4d8', class: "duet-toolbar-badge" }))), h("slot", { key: '9fc239303a5fdb7931d47ecbb57649f0650c2fa4' }), (this.trailingIcon || (this.url && this.external)) && (h("div", { key: '4643254add55b63662d8c133c4c235110f82f2d7', class: "duet-toolbar-icon" }, h("duet-icon", { key: 'af3c48ea2d30ddb9f7569626d49df896e6be8206', 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("div", { key: '91a30ffed6071e0178a6b860e4bca8b27bfa51c6', class: "duet-toolbar-icon" }, h("duet-icon", { key: '7a07df3574f8395b9ea2f9ddcc6b880e41f6ac8f', size: "x-small", name: this.leadingIcon, margin: "none", theme: this.theme, color: "currentColor" }), this.badge && h("div", { key: '92faf3ceedbe859b1da6ec01080dc38d211f74b4', class: "duet-toolbar-badge" }))), h("slot", { key: '533190e10014971c270a814c239f88277f3fc0d8' }), (this.trailingIcon || (this.url && this.external)) && (h("div", { key: 'fd4c0fb114e44e2511b1df3be704cdf587e8be02', class: "duet-toolbar-icon" }, h("duet-icon", { key: 'ae3207c0894228b1532ec15bae02b1768462b2a6', class: {
                 "trailing-icon": !!this.trailingIcon,
                 "trailing-icon-arrow": this.trailingIcon === "action-arrow-down-small",
                 "external-icon": !!(this.url && this.external),
                 rotate: this.trailingIcon === "action-arrow-down-small" && this.accessibleExpanded,
-            }, theme: this.theme, name: this.trailingIcon ? this.trailingIcon : this.url && this.external ? newWindowIcon.title : "", margin: "none", size: "auto", color: "currentColor" }), this.badge && this.trailingIcon !== "action-arrow-down-small" && h("div", { key: '9b26ddf0fce82536ea49fec8fcfa2973ae732e84', class: "duet-toolbar-badge" }))))));
+            }, theme: this.theme, name: this.trailingIcon ? this.trailingIcon : this.url && this.external ? newWindowIcon.title : "", margin: "none", size: "auto", color: "currentColor" }), this.badge && this.trailingIcon !== "action-arrow-down-small" && h("div", { key: 'f9fff2e52a62cc1dcbb9a5b5e7490701c1d849bf', class: "duet-toolbar-badge" }))))));
     }
     static get is() { return "duet-toolbar-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -45,7 +45,7 @@
   outline-offset: -4px;
   outline-color: rgba(0, 119, 179, 0.8);
 }
-.duet-theme-turva .duet-toolbar-link:focus, .duet-toolbar-link:focus.duet-theme-turva, .duet-theme-turva2 .duet-toolbar-link:focus, .duet-toolbar-link:focus.duet-theme-turva2 {
+.duet-theme-turva .duet-toolbar-link:focus, .duet-toolbar-link:focus.duet-theme-turva {
   outline: 2px solid;
   outline-offset: -4px;
   outline-color: rgba(53, 79, 101, 0.8);
@@ -61,16 +61,6 @@
 .duet-toolbar-link.negative duet-icon {
   color: rgb(198, 225, 238);
 }
-.duet-toolbar-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-toolbar-link.duet-theme-turva.negative {
-  color: rgb(255, 255, 255);
-}
-.duet-toolbar-link.duet-theme-turva.negative duet-icon {
-  color: rgb(255, 201, 204);
-}
 .duet-toolbar-link:hover {
   color: rgb(8, 42, 77);
   background: rgb(240, 247, 250);
@@ -79,21 +69,13 @@
   color: rgb(255, 255, 255);
   background: rgba(8, 42, 77, 0.2);
 }
-.duet-toolbar-link:hover.duet-theme-turva {
-  color: rgb(23, 42, 59);
-  background: rgb(245, 246, 247);
-}
-.duet-toolbar-link:hover.duet-theme-turva.negative {
-  color: rgb(255, 255, 255);
-  background: rgba(23, 42, 59, 0.2);
-}
 .duet-toolbar-link.active {
   color: rgb(8, 42, 77);
 }
 .duet-toolbar-link.active.negative {
   font-weight: 600;
   color: rgb(255, 255, 255);
-  background: rgba(23, 42, 59, 0.2);
+  background: rgba(8, 42, 77, 0.2);
 }
 .duet-toolbar-link.active.negative::after {
   display: none;
@@ -111,58 +93,52 @@
   transform: translateY(1px);
   transition: 300ms ease;
 }
-.duet-toolbar-link.active::after.duet-theme-turva {
-  background: rgb(230, 23, 64);
-}
-.duet-toolbar-link.active.duet-theme-turva {
-  color: rgb(23, 42, 59);
-}
-.duet-toolbar-link.active.duet-theme-turva::after {
-  background: rgb(230, 23, 64);
-}
-.duet-toolbar-link.active.duet-theme-turva.negative {
-  color: rgb(255, 255, 255);
-  background: rgba(23, 42, 59, 0.2);
-}
 
-:host(.duet-theme-turva2) .duet-toolbar-link.duet-theme-turva {
+.duet-toolbar-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);
   background: transparent;
 }
-:host(.duet-theme-turva2) .duet-toolbar-link.duet-theme-turva.negative {
+.duet-toolbar-link.duet-theme-turva.negative {
   color: rgb(255, 255, 255);
 }
-:host(.duet-theme-turva2) .duet-toolbar-link.duet-theme-turva.negative duet-icon {
+.duet-toolbar-link.duet-theme-turva.negative duet-icon {
   color: rgb(255, 229, 230);
 }
-:host(.duet-theme-turva2) .duet-toolbar-link.duet-theme-turva:hover {
+
+.duet-toolbar-link.duet-theme-turva:hover {
   color: rgb(23, 42, 59);
   background: rgb(253, 247, 242);
 }
-:host(.duet-theme-turva2) .duet-toolbar-link.duet-theme-turva:hover.negative {
+.duet-toolbar-link.duet-theme-turva:hover.negative {
   color: rgb(255, 255, 255);
 }
-:host(.duet-theme-turva2) .duet-toolbar-link.duet-theme-turva:hover.negative duet-icon {
+.duet-toolbar-link.duet-theme-turva:hover.negative duet-icon {
   color: rgb(255, 229, 230);
 }
-:host(.duet-theme-turva2) .duet-toolbar-link.duet-theme-turva:hover.negative {
+
+.duet-toolbar-link.duet-theme-turva:hover.negative {
   background: rgba(23, 42, 59, 0.2);
 }
-:host(.duet-theme-turva2) .duet-toolbar-link.active.duet-theme-turva {
+
+.duet-toolbar-link.active.duet-theme-turva {
   color: rgb(23, 42, 59);
 }
-:host(.duet-theme-turva2) .duet-toolbar-link.active.duet-theme-turva.negative {
+.duet-toolbar-link.active.duet-theme-turva.negative {
   color: rgb(255, 255, 255);
 }
-:host(.duet-theme-turva2) .duet-toolbar-link.active.duet-theme-turva.negative duet-icon {
+.duet-toolbar-link.active.duet-theme-turva.negative duet-icon {
   color: rgb(255, 229, 230);
 }
-:host(.duet-theme-turva2) .duet-toolbar-link.active.duet-theme-turva::after {
+
+.duet-toolbar-link.active.duet-theme-turva::after {
   background: rgb(230, 23, 64);
 }
-:host(.duet-theme-turva2) .duet-toolbar-link.active.negative {
+
+.duet-toolbar-link.active.negative {
   background: rgba(23, 42, 59, 0.2);
 }
-:host(.duet-theme-turva2) .duet-toolbar-link.active.duet-theme-turva.negative {
+
+.duet-toolbar-link.active.duet-theme-turva.negative {
   background: rgba(23, 42, 59, 0.2);
 }