@duetds/components 10.2.4 → 10.3.1

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

@@ -70,7 +70,7 @@
   outline-offset: 2px;
   outline-color: rgba(0, 119, 179, 0.8);
 }
-.duet-theme-turva .duet-card:focus, .duet-card:focus.duet-theme-turva, .duet-theme-turva2 .duet-card:focus, .duet-card:focus.duet-theme-turva2 {
+.duet-theme-turva .duet-card:focus, .duet-card:focus.duet-theme-turva {
   outline: 2px solid;
   outline-offset: 2px;
   outline-color: rgba(53, 79, 101, 0.8);
@@ -125,11 +125,6 @@
     padding: 28px !important;
   }
 }
-.duet-card.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);
-  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);
-}
 @media (min-width: 36em) {
   .duet-card.xx-small {
     padding: 12px !important;
@@ -183,9 +178,6 @@
   background: rgba(4, 81, 128, 0.04) !important;
   box-shadow: none;
 }
-.duet-card.info.duet-theme-turva {
-  background: rgba(23, 42, 59, 0.035) !important;
-}
 
 .duet-card.plain {
   box-shadow: none;
@@ -284,7 +276,7 @@
   outline-offset: 2px;
   outline-color: rgba(0, 119, 179, 0.8);
 }
-.duet-theme-turva :host(.user-is-tabbing) .duet-card-heading.duet-card-heading--collapsible button:focus, :host(.user-is-tabbing) .duet-card-heading.duet-card-heading--collapsible button:focus.duet-theme-turva, .duet-theme-turva2 :host(.user-is-tabbing) .duet-card-heading.duet-card-heading--collapsible button:focus, :host(.user-is-tabbing) .duet-card-heading.duet-card-heading--collapsible button:focus.duet-theme-turva2 {
+.duet-theme-turva :host(.user-is-tabbing) .duet-card-heading.duet-card-heading--collapsible button:focus, :host(.user-is-tabbing) .duet-card-heading.duet-card-heading--collapsible button:focus.duet-theme-turva {
   outline-color: rgba(53, 79, 101, 0.8);
 }
 :host(.user-is-tabbing) .duet-card-heading.duet-card-heading--collapsible button:focus {
@@ -294,11 +286,6 @@
   margin-bottom: 0 !important;
   border-bottom: 0 !important;
 }
-.duet-theme-turva .duet-card-heading {
-  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);
-  border-color: rgb(212, 221, 226);
-}
 @media (min-width: 36em) {
   .xx-small .duet-card-heading {
     padding: 6px 12px 7px !important;
@@ -382,9 +369,6 @@
   border-bottom-right-radius: 4px;
   border-bottom-left-radius: 4px;
 }
-.duet-theme-turva .duet-card-footer {
-  background: rgb(245, 246, 247);
-}
 @media (min-width: 36em) {
   .duet-card-footer {
     padding: 15px 28px 16px !important;
@@ -555,15 +539,19 @@ a.duet-card:active {
   transition: none;
 }
 
-:host(.duet-theme-turva2) .duet-card.duet-theme-turva {
+.duet-card.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);
+  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);
 }
-:host(.duet-theme-turva2) .duet-card.duet-theme-turva.info {
+.duet-card.duet-theme-turva.info {
   background: rgb(253, 247, 242) !important;
 }
-:host(.duet-theme-turva2) .duet-card.duet-theme-turva .duet-card-heading {
+.duet-card.duet-theme-turva .duet-card-heading {
+  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);
+  border-color: rgb(212, 221, 226);
 }
-:host(.duet-theme-turva2) .duet-card.duet-theme-turva .duet-card-footer {
+.duet-card.duet-theme-turva .duet-card-footer {
   background: rgb(245, 246, 247);
 }

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

@@ -151,10 +151,10 @@ export class DuetCard {
         const styles = {
             backgroundColor: getColorByName(this.background),
         };
-        return (h(Host, { key: 'd92cd6fb922f1165e1d341221ac3f5433252606c', class: {
+        return (h(Host, { key: '526da1b920f1be4a18d200ab81bc1951649cf3b2', class: {
                 "duet-m-0": this.margin === "none",
                 "duet-card-info": this.variation === "info",
-            } }, h(TagName, { key: '7f870fc5061cd48c3464bd19ecd780fbb33f3e78', href: this.url, style: styles, ref: card => (this.nativeCard = card), "aria-label": this.accessibleLabel, class: {
+            } }, h(TagName, { key: '1cfae581c87423ea9d466fd39084b28505b01a77', href: this.url, style: styles, ref: card => (this.nativeCard = card), "aria-label": this.accessibleLabel, class: {
                 "duet-card": true,
                 [this.padding]: true,
                 [this.variation]: true,
@@ -164,7 +164,7 @@ export class DuetCard {
                 "duet-card-has-bg": this.background !== "gray-lightest",
                 "duet-card-has-icon": !!this.icon,
                 "duet-card-collapsed": this.collapsible && !this.open,
-            } }, this.image && (h("div", { key: 'fd6822d5747d2882842c9c2392b28d8b7a2693f2', class: "duet-card-image-mask" }, h("img", { key: 'a1952cf1f82a4f8593130d9990ef27a2a982e5d8', src: this.image, class: "duet-card-image", loading: "lazy", alt: this.imageAlt || "", role: this.imageAlt ? null : "presentation" }))), (this.heading || this.hasHeadingSlot) && this.renderHeading(), h("div", { key: 'a11237f14582fad87aaab15e4dccad5c6ffd7b0b', class: "duet-card-content", id: this.cardId }, h("slot", { key: '80d250aa9dbb0f39a7683c6d2a1e1cdaca75cdd8' }), this.hasFooter && (h("div", { key: '87b27d7c69e3d5f3ab7bdb75cc76a1a11900ef0f', class: "duet-card-footer" }, h("slot", { key: '1212e0d9a33349cf68c7b667069077e02ee30197', name: "footer" })))))));
+            } }, this.image && (h("div", { key: 'e310f18c792507a78333290fc56a3866efe302ca', class: "duet-card-image-mask" }, h("img", { key: '84eaf59d2df2a9dd85cf0703b9b1641dff78c473', src: this.image, class: "duet-card-image", loading: "lazy", alt: this.imageAlt || "", role: this.imageAlt ? null : "presentation" }))), (this.heading || this.hasHeadingSlot) && this.renderHeading(), h("div", { key: 'ef549d1a5f7efeb35a2fd0ca6ab2c22566955029', class: "duet-card-content", id: this.cardId }, h("slot", { key: '746a25475887db3e0ba914e273eb32571accbb56' }), this.hasFooter && (h("div", { key: 'd30c96b12ae73fc4bdfbfd22f25b862287b8fce5', class: "duet-card-footer" }, h("slot", { key: '887615186784331005c099562f296bdd3d216c98', name: "footer" })))))));
     }
     static get is() { return "duet-card"; }
     static get encapsulation() { return "shadow"; }

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

@@ -62,10 +62,6 @@
   background: transparent;
   transition: 300ms ease;
 }
-.duet-theme-turva .duet-label {
-  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-label span {
   display: inline-block;
   width: calc(100% - 32px);
@@ -102,38 +98,22 @@
   border: 1px solid rgb(8, 42, 77);
   border-radius: 4px;
 }
-.duet-theme-turva .duet-checkbox + label::before {
-  border-color: rgb(23, 42, 59);
-}
 .duet-checkbox:checked + label::before {
   background: rgb(0, 119, 179);
   border: 1px solid rgb(0, 119, 179);
 }
-.duet-theme-turva .duet-checkbox:checked + label::before {
-  background: rgb(23, 42, 59);
-  border-color: rgb(23, 42, 59);
-}
 .duet-checkbox:focus + label::before {
   outline: 2px solid;
   outline-offset: 2px;
   outline-color: rgba(0, 119, 179, 0.8);
 }
-.duet-theme-turva .duet-checkbox:focus + label::before, .duet-checkbox:focus + label::before.duet-theme-turva, .duet-theme-turva2 .duet-checkbox:focus + label::before, .duet-checkbox:focus + label::before.duet-theme-turva2 {
-  outline-color: rgba(53, 79, 101, 0.8);
-}
-.duet-theme-turva .duet-checkbox:focus + label::before {
-  outline: 2px solid;
-  outline-offset: 2px;
+.duet-theme-turva .duet-checkbox:focus + label::before, .duet-checkbox:focus + label::before.duet-theme-turva {
   outline-color: rgba(53, 79, 101, 0.8);
 }
 .duet-checkbox[aria-invalid=true] + label::before {
   background: #fdf4f6;
   border-color: rgb(214, 28, 82);
 }
-.duet-theme-turva .duet-checkbox[aria-invalid=true] + label::before {
-  background: #fdf4f6;
-  border-color: rgb(214, 28, 82);
-}
 .duet-checkbox + label {
   position: static;
 }
@@ -155,23 +135,13 @@
 .duet-checkbox[disabled] + label {
   color: rgb(98, 121, 138);
 }
-.duet-theme-turva .duet-checkbox[disabled] + label {
-  color: rgb(120, 145, 164);
-}
 .duet-checkbox[disabled] + label::before {
   border-color: rgb(181, 198, 208);
 }
-.duet-theme-turva .duet-checkbox[disabled] + label::before {
-  border-color: rgb(178, 194, 205);
-}
 .duet-checkbox[disabled]:checked + label::before {
   background: rgb(127, 150, 165);
   border: 1px solid rgb(127, 150, 165);
 }
-.duet-theme-turva .duet-checkbox[disabled]:checked + label::before {
-  background: rgb(120, 145, 164);
-  border-color: rgb(120, 145, 164);
-}
 
 .duet-after-label {
   position: relative;
@@ -192,10 +162,6 @@
   color: rgb(214, 28, 82);
   border-radius: 4px;
 }
-.duet-theme-turva .duet-checkbox-error {
-  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(214, 28, 82);
-}
 
 .duet-label-hidden .duet-label span,
 .duet-label-hidden .duet-checkbox-error span {
@@ -209,13 +175,37 @@
   clip: rect(0 0 0 0);
 }
 
-:host(.duet-theme-turva2) .duet-theme-turva .duet-label {
+.duet-theme-turva .duet-label {
+  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-checkbox + label::before {
+.duet-theme-turva .duet-checkbox + label::before {
   border-color: rgb(23, 42, 59);
 }
-:host(.duet-theme-turva2) .duet-theme-turva .duet-checkbox:checked + label::before {
+.duet-theme-turva .duet-checkbox:checked + label::before {
   background: rgb(23, 42, 59);
   border-color: rgb(23, 42, 59);
+}
+.duet-theme-turva .duet-checkbox:focus + label::before {
+  outline: 2px solid;
+  outline-offset: 2px;
+  outline-color: rgba(53, 79, 101, 0.8);
+}
+.duet-theme-turva .duet-checkbox[aria-invalid=true] + label::before {
+  background: #fdf4f6;
+  border-color: rgb(214, 28, 82);
+}
+.duet-theme-turva .duet-checkbox[disabled] + label {
+  color: rgb(120, 145, 164);
+}
+.duet-theme-turva .duet-checkbox[disabled] + label::before {
+  border-color: rgb(178, 194, 205);
+}
+.duet-theme-turva .duet-checkbox[disabled]:checked + label::before {
+  background: rgb(120, 145, 164);
+  border-color: rgb(120, 145, 164);
+}
+.duet-theme-turva .duet-checkbox-error {
+  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(214, 28, 82);
 }

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

@@ -150,11 +150,11 @@ export class DuetCheckbox {
      */
     render() {
         const identifier = this.identifier || this.checkboxId;
-        return (h(Host, { key: '89b58639dd5439529654ebe6791968205c6a0dcc', class: { "duet-m-0": this.margin === "none" } }, h("div", { key: '4fbfc9f9546310625a3767dae94b2ae517b3f7d8', class: {
+        return (h(Host, { key: '969fef83a2c19f8bde9bbe4244282e8baf694dee', class: { "duet-m-0": this.margin === "none" } }, h("div", { key: '7dec18303e2eb5f1d03efcd8913ee16aac4279a5', class: {
                 "duet-checkbox-container": true,
                 "duet-label-hidden": this.labelHidden,
                 "duet-theme-turva": this.theme === "turva",
-            } }, h("input", { key: 'ddd0f55c22714aa512410996c1dbe3236e9583c4', ref: input => (this.nativeInput = input), type: "checkbox", onFocus: this.onFocus, onBlur: this.onBlur, onChange: this.onChange, value: this.value, class: { "duet-checkbox": true, disabled: this.disabled }, checked: this.checked, disabled: this.disabled, tabindex: this.accessibleIndex, "aria-invalid": this.error ? "true" : "false", "aria-controls": this.accessibleControls, "aria-activedescendant": this.accessibleActiveDescendant, "aria-owns": this.accessibleOwns, "aria-describedby": this.getDescribedBy(), "aria-labelledby": this.accessibleLabelledBy, "aria-details": this.getAriaDetails(), "aria-description": this.accessibleDescription, "aria-selected": this.accessibleSelected, required: this.required, role: this.role, name: this.name, id: identifier }), h("label", { key: '7944e807c4a8fcaafc9eff276db3966aa9c40c2b', class: "duet-label", htmlFor: identifier }, h("span", { key: 'b47a404400a92048a27be9d518269e1df8fb6aa3' }, this.label)), this.hasAfterLabelSlot && (h("div", { key: 'f8b66b9f123f4fad021e7474d0587115e807e97f', class: "duet-after-label", id: this.afterLabelId }, h("slot", { key: 'e2424cb45277142133511fa60e69ad5a4cf89d14', name: "after-label" }))), h("div", { key: 'ce4dec7557b9f9285cb36719aab3859bf9379d38', class: "duet-checkbox-error", id: this.errorId, "aria-atomic": "true", "aria-live": this.accessibleLiveError, "aria-relevant": "additions removals" }, this.error && h("span", { key: '77cc196c88e363c84f40d324d8270521a78db5d3' }, this.error)))));
+            } }, h("input", { key: 'd48062c10d7b99b4f41e36dc84f293d3217c1112', ref: input => (this.nativeInput = input), type: "checkbox", onFocus: this.onFocus, onBlur: this.onBlur, onChange: this.onChange, value: this.value, class: { "duet-checkbox": true, disabled: this.disabled }, checked: this.checked, disabled: this.disabled, tabindex: this.accessibleIndex, "aria-invalid": this.error ? "true" : "false", "aria-controls": this.accessibleControls, "aria-activedescendant": this.accessibleActiveDescendant, "aria-owns": this.accessibleOwns, "aria-describedby": this.getDescribedBy(), "aria-labelledby": this.accessibleLabelledBy, "aria-details": this.getAriaDetails(), "aria-description": this.accessibleDescription, "aria-selected": this.accessibleSelected, required: this.required, role: this.role, name: this.name, id: identifier }), h("label", { key: '16993274e2fc393f0975638cb9b086985e8a7824', class: "duet-label", htmlFor: identifier }, h("span", { key: 'e23f56d12d28ac8b2365a10d42af3a2da0e22c4f' }, this.label)), this.hasAfterLabelSlot && (h("div", { key: '70c7eb127b99fecd261cce9532fe29b52dd6b06a', class: "duet-after-label", id: this.afterLabelId }, h("slot", { key: '1ff432b9f19edecef2d61fef39807731f23b887d', name: "after-label" }))), h("div", { key: '3684cba399c53315f800893f2865543385fc0160', class: "duet-checkbox-error", id: this.errorId, "aria-atomic": "true", "aria-live": this.accessibleLiveError, "aria-relevant": "additions removals" }, this.error && h("span", { key: 'a6ef45046d9857c1a546796fc1be69bb63e5b714' }, this.error)))));
     }
     static get is() { return "duet-checkbox"; }
     static get encapsulation() { return "shadow"; }

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

@@ -69,14 +69,6 @@
 .duet-chip-container.duet-m-0 {
   margin: 0 !important;
 }
-.duet-chip-container.duet-theme-turva {
-  color: rgb(23, 42, 59) !important;
-  background: rgb(255, 255, 255);
-  border-color: rgb(178, 194, 205);
-}
-.duet-chip-container.duet-theme-turva:hover {
-  border-color: rgb(230, 23, 64);
-}
 .duet-chip-container:hover {
   padding: 0 !important;
   border-color: rgb(0, 119, 179);
@@ -88,19 +80,10 @@
   background: rgb(245, 248, 250) !important;
   border-color: rgb(245, 248, 250) !important;
 }
-.duet-chip-container.duet-chip-disabled.duet-theme-turva {
-  color: rgb(120, 145, 164) !important;
-  background: rgb(245, 246, 247);
-  border-color: rgb(245, 246, 247);
-}
 .duet-chip-container.duet-chip-disabled:hover {
   background: rgb(245, 248, 250);
   border-color: rgb(245, 248, 250);
 }
-.duet-chip-container.duet-chip-disabled:hover.duet-theme-turva {
-  background: rgb(245, 246, 247);
-  border-color: rgb(245, 246, 247);
-}
 .duet-chip-container.duet-chip-disabled button,
 .duet-chip-container.duet-chip-disabled label {
   cursor: default;
@@ -190,13 +173,6 @@
   transform: scaleX(1);
   transition: width 300ms ease, transform 300ms ease;
 }
-.duet-chip-container.duet-chip-filter-checked.duet-theme-turva, .duet-chip-container.duet-chip-radio-checked.duet-theme-turva {
-  background: rgb(255, 242, 242);
-  border-color: rgb(230, 23, 64);
-}
-.duet-chip-container.duet-chip-filter-checked.duet-theme-turva:hover, .duet-chip-container.duet-chip-radio-checked.duet-theme-turva:hover {
-  background: rgb(255, 229, 230);
-}
 .duet-chip-container .duet-chip-popup-disclosure {
   padding-right: 4.5px;
   padding-left: 12.5px;
@@ -208,10 +184,6 @@
   background: rgb(240, 247, 250);
   border-color: rgb(240, 247, 250);
 }
-.duet-chip-container.duet-chip-filter-popup-open.duet-theme-turva {
-  background: rgb(255, 242, 242);
-  border-color: rgb(245, 246, 247);
-}
 .duet-chip-container.duet-chip-filter-popup-open .duet-chip-popup-disclosure duet-icon {
   transform: rotate(180deg);
 }
@@ -261,26 +233,6 @@
   background: rgb(198, 225, 238);
   background-clip: padding-box;
 }
-.duet-chip-container.duet-chip-input.duet-theme-turva:hover {
-  border-color: rgb(178, 194, 205);
-}
-.duet-chip-container.duet-chip-input.duet-theme-turva.duet-chip-hover {
-  border-color: rgb(230, 23, 64);
-}
-.duet-chip-container.duet-chip-input.duet-theme-turva .duet-chip-remove-button:hover {
-  background: rgb(255, 242, 242);
-}
-.duet-chip-container.duet-chip-input.duet-theme-turva.duet-chip-selected {
-  background: rgb(255, 242, 242);
-}
-.duet-chip-container.duet-chip-input.duet-theme-turva.duet-chip-selected.duet-chip-hover {
-  background: rgb(255, 229, 230);
-  background-clip: padding-box;
-}
-.duet-chip-container.duet-chip-input.duet-theme-turva.duet-chip-selected .duet-chip-remove-button:hover {
-  background: rgb(255, 201, 204);
-  background-clip: padding-box;
-}
 .duet-chip-container.large button,
 .duet-chip-container.large label {
   padding: 15px 18px;
@@ -300,11 +252,9 @@
   outline-offset: 2px;
   outline-color: rgba(0, 119, 179, 0.8);
 }
-.duet-theme-turva :host(.user-is-tabbing) .duet-chip-focus, :host(.user-is-tabbing) .duet-chip-focus.duet-theme-turva, .duet-theme-turva2 :host(.user-is-tabbing) .duet-chip-focus, :host(.user-is-tabbing) .duet-chip-focus.duet-theme-turva2,
+.duet-theme-turva :host(.user-is-tabbing) .duet-chip-focus, :host(.user-is-tabbing) .duet-chip-focus.duet-theme-turva,
 .duet-theme-turva :host(.user-is-tabbing) .duet-chip-delete-focus .duet-chip-remove-button,
-:host(.user-is-tabbing) .duet-chip-delete-focus .duet-chip-remove-button.duet-theme-turva,
-.duet-theme-turva2 :host(.user-is-tabbing) .duet-chip-delete-focus .duet-chip-remove-button,
-:host(.user-is-tabbing) .duet-chip-delete-focus .duet-chip-remove-button.duet-theme-turva2 {
+:host(.user-is-tabbing) .duet-chip-delete-focus .duet-chip-remove-button.duet-theme-turva {
   outline-color: rgba(53, 79, 101, 0.8);
 }
 
@@ -328,27 +278,51 @@
   z-index: 1;
 }
 
-:host(.duet-theme-turva2) .duet-chip-container.duet-theme-turva {
+.duet-chip-container.duet-theme-turva {
   color: rgb(23, 42, 59) !important;
+  background: rgb(255, 255, 255);
   border-color: rgb(178, 194, 205);
 }
-:host(.duet-theme-turva2) .duet-chip-container.duet-theme-turva:hover {
+.duet-chip-container.duet-theme-turva:hover {
   border-color: rgb(230, 23, 64);
 }
-:host(.duet-theme-turva2) .duet-chip-container.duet-theme-turva.duet-chip-filter-checked, :host(.duet-theme-turva2) .duet-chip-container.duet-theme-turva.duet-chip-radio-checked {
+.duet-chip-container.duet-theme-turva.duet-chip-disabled {
+  color: rgb(120, 145, 164) !important;
+  background: rgb(245, 246, 247);
+  border-color: rgb(245, 246, 247);
+}
+.duet-chip-container.duet-theme-turva.duet-chip-disabled:hover {
+  background: rgb(245, 246, 247);
+  border-color: rgb(245, 246, 247);
+}
+.duet-chip-container.duet-theme-turva.duet-chip-filter-checked, .duet-chip-container.duet-theme-turva.duet-chip-radio-checked {
   background: rgb(253, 247, 242);
   border-color: rgb(230, 23, 64);
 }
-:host(.duet-theme-turva2) .duet-chip-container.duet-theme-turva.duet-chip-filter-checked:hover, :host(.duet-theme-turva2) .duet-chip-container.duet-theme-turva.duet-chip-radio-checked:hover {
+.duet-chip-container.duet-theme-turva.duet-chip-filter-checked:hover, .duet-chip-container.duet-theme-turva.duet-chip-radio-checked:hover {
   background: rgb(251, 225, 209);
 }
-:host(.duet-theme-turva2) .duet-chip-container.duet-theme-turva.duet-chip-filter-popup-open {
+.duet-chip-container.duet-theme-turva.duet-chip-filter-popup-open {
   background: rgb(253, 247, 242);
   border-color: rgb(178, 194, 205);
 }
-:host(.duet-theme-turva2) .duet-chip-container.duet-theme-turva.duet-chip-input:hover {
+.duet-chip-container.duet-theme-turva.duet-chip-input .duet-chip-remove-button:hover {
+  background: rgb(255, 242, 242);
+}
+.duet-chip-container.duet-theme-turva.duet-chip-input.duet-chip-selected {
+  background: rgb(255, 242, 242);
+}
+.duet-chip-container.duet-theme-turva.duet-chip-input.duet-chip-selected.duet-chip-hover {
+  background: rgb(255, 229, 230);
+  background-clip: padding-box;
+}
+.duet-chip-container.duet-theme-turva.duet-chip-input.duet-chip-selected .duet-chip-remove-button:hover {
+  background: rgb(255, 201, 204);
+  background-clip: padding-box;
+}
+.duet-chip-container.duet-theme-turva.duet-chip-input:hover {
   border-color: rgb(178, 194, 205);
 }
-:host(.duet-theme-turva2) .duet-chip-container.duet-theme-turva.duet-chip-input.duet-chip-hover, :host(.duet-theme-turva2) .duet-chip-container.duet-theme-turva.duet-chip-input.duet-chip-selected {
+.duet-chip-container.duet-theme-turva.duet-chip-input.duet-chip-hover, .duet-chip-container.duet-theme-turva.duet-chip-input.duet-chip-selected {
   border-color: rgb(230, 23, 64);
 }

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

@@ -332,7 +332,7 @@ export class DuetChip {
             onBlur: this.onBlur,
             ref: el => (this.focusableElement = el),
         };
-        return (h(Host, { key: 'e26aa34e15b03e670a0f3f0e0d4cc24a237434bd', class: { [this.variation]: true } }, this.variation === "button" && (h("span", { key: '9f57e595caa81d8d4b84394b3a4a49fbdf19da48', class: classes }, h("button", Object.assign({ key: 'd68d62140116bf1fbb975b9b6b0453ff209e02c1', id: identifier, "aria-label": this.accessibleLabel, "aria-haspopup": this.getAccessiblePopup(), "aria-expanded": this.getAccessibleExpanded(), "aria-disabled": this.disabled ? "true" : undefined, name: this.name, value: this.value, onClick: this.disabled ? evt => evt.stopPropagation() : undefined }, focusHandlers), h("span", { key: 'ddf0a95c86a07ebed9110017d6a0bd77e47a3e95', class: "duet-chip-icon-container" }, this.icon && (h("duet-icon", { key: 'd6adb6765da92cb43ed0c408ecd8bea4221047a8', name: this.icon, size: "x-small", margin: "none", color: "currentColor" }))), h("slot", { key: 'ce3208e6913557213ca536866493c7765bc2cb77' })))), this.variation === "input" && (h("span", { key: '75ec4e277b428b7e34bd5366b9a487c16c886ae9', class: classes, "aria-label": this.getAccessibleInputChipLabel() }, h("button", Object.assign({ key: '92de738c0bd52efb610ecc97056827f0af9a1252', id: identifier, class: "duet-chip-input-button", value: this.value, "aria-label": this.accessibleLabel, onMouseOver: () => (this.inputChipHover = true), onMouseOut: () => (this.inputChipHover = false), onClick: () => (this.selected = !this.selected) }, focusHandlers), h("span", { key: 'ff2ae73783f77320559096261e367a6d5496c9fb', class: "duet-chip-icon-container" }, this.icon && (h("duet-icon", { key: 'f8ac9cb89ed8e949a37944938652b62008fc19c7', name: this.icon, size: "x-small", margin: "none", color: "currentColor" }))), h("slot", { key: 'aaf69ef9eb8e5b3f48a68e4a01a70b2272d469ae' })), h("button", { key: 'fe3a6dcce274c4f812c58da61c30f97707ef5767', class: "duet-chip-remove-button", "aria-label": this.getAccessibleDeleteLabel(), onClick: this.onRemoveClick, onFocus: () => (this.inputChipDeleteFocus = true), onBlur: () => (this.inputChipDeleteFocus = false), ref: el => (this.deleteButtonElement = el) }, h("duet-icon", { key: 'e548beece645e839b0b43bfcd131764db993bf9f', name: "activity-close", size: "xx-small", margin: "none", color: "currentColor" })))), this.variation === "filter" && (h("span", { key: 'e5fd9ed10732bda6ab5ce6a44297a923c251badb', class: classes }, h("input", Object.assign({ key: '86e4c71d067982fef1537d4ab02e9c28d20696b3', "aria-haspopup": this.getAccessiblePopup(), "aria-controls": (_a = this.popupElement) === null || _a === void 0 ? void 0 : _a.id, "aria-expanded": this.getAccessibleExpanded(), "aria-disabled": this.disabled ? "true" : undefined, id: identifier, type: "checkbox", name: this.name, value: this.value, checked: this.checked, onClick: this.onFilterClick, onChange: this.onFilterChange }, focusHandlers)), h("label", { key: 'd7f775b63603946790ea8e4412cde73865c49683', htmlFor: identifier }, this.icon && (h("span", { key: '274d90f5406d6dd2d7d7386b1b4bdec927781a5c', class: "duet-chip-icon-container" }, h("duet-icon", { key: '5425392636f14e79e52edb733baec19b330be1b4', name: this.icon, size: this.size === "large" ? "small" : "x-small", margin: "none", color: "currentColor" }), h("duet-icon", { key: '34eadef6cfac6361f4069f673efd04df0c6de0cc', name: "messaging-checked-small", size: this.size === "large" ? "x-small" : "xx-small", margin: "none", color: "currentColor", class: "check-mark" }))), h("slot", { key: '6f33a83d88ab32af90c49a61aa55459c1c6a4e27' }), this.popupElement && (h("span", { key: 'efccfca32d5aefd8c0f6d8da8c39941f93fafa73', class: "duet-chip-popup-disclosure" }, h("duet-icon", { key: '49d87cd5a7e0b1249c9b484ab6ffb949b32a9d0a', name: "action-arrow-down-small", size: this.size === "large" ? "xx-small" : "xxx-small", margin: "none", color: "currentColor" })))))), this.variation === "radio" && (h("span", { key: '34755198707218679008f8d3f1345f378a9f1be8', class: classes }, h("slot", { key: 'c2fec1770e3e9916e9a456519bdb73461d00e32c', name: "input" }), h("label", { key: '34286b6515f0c2f96d8ebb84f8c99a9ecdca76c2', htmlFor: identifier }, this.icon && (h("span", { key: '5fbfe0a0c184a04844eccc440c042fae5f5321be', class: "duet-chip-icon-container" }, h("duet-icon", { key: 'c0ada34d07c59029ef1961d0d60f9e801e8e38cc', name: this.icon, size: this.size === "large" ? "small" : "x-small", margin: "none", color: "currentColor" }), h("duet-icon", { key: '4b2626e45a9078b5ea6993183f57c5a0bfdc38c8', name: "messaging-checked-small", size: "xx-small", margin: "none", color: "currentColor", class: "check-mark" }))), h("slot", { key: 'a4b9352bda8b5f9e9ce1912d07159c77844a4580' }))))));
+        return (h(Host, { key: '767a15cc909e022208fcde5be228793bee3b6976', class: { [this.variation]: true } }, this.variation === "button" && (h("span", { key: 'c8825faa73dbdcdcb1205a23cda99d78a3260094', class: classes }, h("button", Object.assign({ key: 'e6da48743479479b5297d5d6ab907ff496d16ffc', id: identifier, "aria-label": this.accessibleLabel, "aria-haspopup": this.getAccessiblePopup(), "aria-expanded": this.getAccessibleExpanded(), "aria-disabled": this.disabled ? "true" : undefined, name: this.name, value: this.value, onClick: this.disabled ? evt => evt.stopPropagation() : undefined }, focusHandlers), h("span", { key: '96950c91e2d34903ddccd8e9db3af5d0768965cb', class: "duet-chip-icon-container" }, this.icon && (h("duet-icon", { key: '51549e09fbf833745b858e166b074a136afbdf74', name: this.icon, size: "x-small", margin: "none", color: "currentColor" }))), h("slot", { key: '9feae0579ee54a12770b88ec4f6c4ea1d19b9150' })))), this.variation === "input" && (h("span", { key: '6da4e282e09b8c5d597c889d7f213e40be19668d', class: classes, "aria-label": this.getAccessibleInputChipLabel() }, h("button", Object.assign({ key: '188896fb3724b4e136d4dae90ddfa19948c45417', id: identifier, class: "duet-chip-input-button", value: this.value, "aria-label": this.accessibleLabel, onMouseOver: () => (this.inputChipHover = true), onMouseOut: () => (this.inputChipHover = false), onClick: () => (this.selected = !this.selected) }, focusHandlers), h("span", { key: '55b16c4be2ba628ad94bc2dbb5115a52e6e06f14', class: "duet-chip-icon-container" }, this.icon && (h("duet-icon", { key: 'b290e850434af122fc074a33ad80e79284b63f04', name: this.icon, size: "x-small", margin: "none", color: "currentColor" }))), h("slot", { key: '85481330d91a6fda693bd86588333d8b721ea9d7' })), h("button", { key: '8eec4cb37be314a064f5638b0ed412d5c450fd83', class: "duet-chip-remove-button", "aria-label": this.getAccessibleDeleteLabel(), onClick: this.onRemoveClick, onFocus: () => (this.inputChipDeleteFocus = true), onBlur: () => (this.inputChipDeleteFocus = false), ref: el => (this.deleteButtonElement = el) }, h("duet-icon", { key: '8efbe50fabd85dd7599e4a3b304d06c023c5e150', name: "activity-close", size: "xx-small", margin: "none", color: "currentColor" })))), this.variation === "filter" && (h("span", { key: '789ab88639feff72321c139d23afab0ddcfeaca9', class: classes }, h("input", Object.assign({ key: '611a30eed4de5b7c4fd0153006db23f7ad16f797', "aria-haspopup": this.getAccessiblePopup(), "aria-controls": (_a = this.popupElement) === null || _a === void 0 ? void 0 : _a.id, "aria-expanded": this.getAccessibleExpanded(), "aria-disabled": this.disabled ? "true" : undefined, id: identifier, type: "checkbox", name: this.name, value: this.value, checked: this.checked, onClick: this.onFilterClick, onChange: this.onFilterChange }, focusHandlers)), h("label", { key: '574fa08ad87d0337be9d919367fca851ce1230fc', htmlFor: identifier }, this.icon && (h("span", { key: 'e1c2ccf10a2be64b8d7e17b244f7c0c618262160', class: "duet-chip-icon-container" }, h("duet-icon", { key: 'a91294fe02e8444302c3f75a94e90fddb9a3b0ca', name: this.icon, size: this.size === "large" ? "small" : "x-small", margin: "none", color: "currentColor" }), h("duet-icon", { key: '1f4eae14832b5ba6cd943ddd69a69841b4b4e494', name: "messaging-checked-small", size: this.size === "large" ? "x-small" : "xx-small", margin: "none", color: "currentColor", class: "check-mark" }))), h("slot", { key: '6685426d95bfccb9d349d357fdda0311af132d08' }), this.popupElement && (h("span", { key: '6736d4b0b1b32d092bb2896ae909812e2abaede9', class: "duet-chip-popup-disclosure" }, h("duet-icon", { key: '68f49f84e631f7fcb4010f0b748c380aea6c9fda', name: "action-arrow-down-small", size: this.size === "large" ? "xx-small" : "xxx-small", margin: "none", color: "currentColor" })))))), this.variation === "radio" && (h("span", { key: '8e95895e06e422064e64a037cb7fecc560614043', class: classes }, h("slot", { key: 'ef700ca570f14aa7306abf57a071bdf9f102abb3', name: "input" }), h("label", { key: '599aec04fc86a809f0e4d86cdde2c329c160ef7c', htmlFor: identifier }, this.icon && (h("span", { key: '9b138f1e3303ac8b6143756af5a371e2972925de', class: "duet-chip-icon-container" }, h("duet-icon", { key: '4b4fe62396483bcd44270c0a9e6fb592caf903b6', name: this.icon, size: this.size === "large" ? "small" : "x-small", margin: "none", color: "currentColor" }), h("duet-icon", { key: '53bad7860f10b420e15875726dbd423148785873', name: "messaging-checked-small", size: "xx-small", margin: "none", color: "currentColor", class: "check-mark" }))), h("slot", { key: '9c2141abc5349eb9e4fa1ee8a93a99dffcefc829' }))))));
     }
     static get is() { return "duet-chip"; }
     static get encapsulation() { return "shadow"; }

package/lib/collection/components/duet-choice/duet-checkmark.css

@@ -72,7 +72,7 @@
     opacity: 1;
   }
 }
-:host(.duet-theme-turva2.duet-theme-turva) .checked .duet-checkmark-container {
+:host(.duet-theme-turva.duet-theme-turva) .checked .duet-checkmark-container {
   background: rgb(23, 42, 59);
   border-color: rgb(23, 42, 59) !important;
 }

package/lib/collection/components/duet-choice/duet-checkmark.js

@@ -33,11 +33,11 @@ export class DuetCheckmark {
         inheritGlobalTheme(this);
     }
     render() {
-        return (h(Host, { key: '77d8d9cfa205def19022cd899ab98eb36007d2e2', class: { "duet-theme-turva": this.theme === "turva" } }, h("div", { key: 'b93b32d626ceca01d12390209e700eef8665fd8b', role: this.presentationOnly ? "presentation" : null, class: { checked: this.checked } }, h("div", { key: 'fa4d7323cf416248275604e05b261bc1f542ea6e', class: {
+        return (h(Host, { key: '9a2512992413ec797c17d55d2a41908cda0e6307', class: { "duet-theme-turva": this.theme === "turva" } }, h("div", { key: 'f95a151961586c89597dd2d31436deecc0cabf4d', role: this.presentationOnly ? "presentation" : null, class: { checked: this.checked } }, h("div", { key: '42f1b50012a17910a3c1d91bac31bfc370c73abf', class: {
                 "duet-checkmark-container": true,
                 center: this.center,
                 "duet-checkmark-radio": this.type === "radio",
-            } }, this.checked && h("div", { key: 'd2a988ecdd6f5d41ce318365966515ff92c252c6', class: "duet-checkmark" })))));
+            } }, this.checked && h("div", { key: 'ed62491f54edf398da1c22ae672683107b6aa8bc', class: "duet-checkmark" })))));
     }
     static get is() { return "duet-checkmark"; }
     static get originalStyleUrls() {