@duetds/components 9.2.0 → 9.2.2

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

@@ -133,11 +133,11 @@ duet-tooltip,
   font-family: "turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
 }
 .duet-select-wrapper select:hover + .duet-select {
-  border-color: rgb(144, 149, 153);
+  border-color: rgb(127, 150, 165);
   box-shadow: 0 0 0 1px #909599;
 }
 .duet-theme-turva .duet-select-wrapper select:hover + .duet-select {
-  border-color: rgb(116, 116, 117);
+  border-color: rgb(143, 147, 158);
   box-shadow: 0 0 0 1px #747475;
 }
 .has-error .duet-select-wrapper select:hover + .duet-select {
@@ -172,18 +172,18 @@ duet-tooltip,
   cursor: default !important;
 }
 .duet-select-wrapper select[disabled] + .duet-select {
-  color: rgb(0, 41, 77) !important;
+  color: rgb(8, 42, 77) !important;
   cursor: default !important;
   background: rgb(245, 248, 250) !important;
   border-color: rgb(245, 248, 250) !important;
   box-shadow: none !important;
   opacity: 1 !important;
-  -webkit-text-fill-color: rgb(0, 41, 77) !important;
+  -webkit-text-fill-color: rgb(8, 42, 77) !important;
 }
 .duet-theme-turva .duet-select-wrapper select[disabled] + .duet-select {
   color: rgb(23, 28, 58) !important;
-  background: rgb(245, 245, 247) !important;
-  border-color: rgb(245, 245, 247) !important;
+  background: rgb(245, 247, 250) !important;
+  border-color: rgb(245, 247, 250) !important;
   -webkit-text-fill-color: rgb(23, 28, 58) !important;
 }
 .duet-select-wrapper span.duet-keep-container-height {
@@ -211,31 +211,31 @@ duet-tooltip,
   font-weight: 400;
   font-variant-numeric: tabular-nums;
   line-height: 1.5;
-  color: rgb(0, 41, 77);
+  color: rgb(8, 42, 77);
   text-align: left;
   text-overflow: ellipsis;
   white-space: nowrap;
   background: rgb(255, 255, 255);
-  border: 1px solid rgb(144, 149, 153);
+  border: 1px solid rgb(127, 150, 165);
   border-radius: 4px;
   transition: 150ms ease;
 }
 .has-error .duet-select {
-  border-color: rgb(222, 35, 98) !important;
+  border-color: rgb(214, 28, 82) !important;
 }
 .has-error .duet-select .duet-select-icon {
-  color: rgb(222, 35, 98) !important;
+  color: rgb(214, 28, 82) !important;
 }
 .duet-theme-turva.has-error .duet-select {
-  border-color: rgb(224, 42, 13) !important;
+  border-color: rgb(214, 28, 82) !important;
 }
 .duet-theme-turva.has-error .duet-select .duet-select-icon {
-  color: rgb(224, 42, 13) !important;
+  color: rgb(214, 28, 82) !important;
 }
 .duet-theme-turva .duet-select {
   font-family: "turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
   color: rgb(23, 28, 58);
-  border-color: rgb(116, 116, 117);
+  border-color: rgb(143, 147, 158);
 }
 .duet-select svg {
   position: absolute;
@@ -244,7 +244,7 @@ duet-tooltip,
   z-index: 200;
   width: 20px;
   height: 20px;
-  color: rgb(0, 41, 77);
+  color: rgb(8, 42, 77);
   pointer-events: none;
   transform: translateY(-50%);
 }
@@ -279,7 +279,7 @@ duet-tooltip,
   font-size: 0.875rem;
   font-weight: 400;
   line-height: 1.25;
-  color: rgb(101, 119, 135);
+  color: rgb(98, 121, 138);
   border-radius: 4px;
 }
 .duet-select-help span {
@@ -288,13 +288,13 @@ duet-tooltip,
 }
 .duet-theme-turva .duet-select-help {
   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(116, 116, 117);
+  color: rgb(143, 147, 158);
 }
 .has-error .duet-select-help {
-  color: rgb(222, 35, 98);
+  color: rgb(214, 28, 82);
 }
 .duet-theme-turva.has-error .duet-select-help {
-  color: rgb(224, 42, 13);
+  color: rgb(214, 28, 82);
 }
 
 .duet-label-hidden duet-label {

package/lib/collection/components/duet-shaped-image/duet-shaped-image.js

@@ -25,9 +25,9 @@ export class DuetShapedImage {
         const style = {
             "--rotation": `${this.rotation}deg`,
         };
-        return (h(Host, { key: '1014997f5cd5d7115313762e6ba18827e1a10f15', class: { "duet-theme-turva": this.theme === "turva", "duet-m-0": this.margin === "none" } }, h("span", { key: '46afc61323d3dd569cd651a4720693cab08addfc', class: {
+        return (h(Host, { key: '5df9410ffe66931da7f0559adbceaafd268eef43', class: { "duet-theme-turva": this.theme === "turva", "duet-m-0": this.margin === "none" } }, h("span", { key: 'abcaa854db75c947ce79be2b14b0a7ad47fbb59d', class: {
                 "shaped-image": true,
-            }, role: "img", "aria-label": this.accessibleLabel, style: style }, h("span", { key: '3f2dd1fff15551bc6477b2d837d6174777f3497a', class: "shaped-image-mask", role: "presentation" }, h("span", { key: '77941a17559185e4068b39b3f72cce8d3059de99', class: "shaped-image-img", role: "presentation", style: { backgroundImage: `url("${this.src}")` } })))));
+            }, role: "img", "aria-label": this.accessibleLabel, style: style }, h("span", { key: '2891f9a50a69234a4caee374bedd5d145bc8e945', class: "shaped-image-mask", role: "presentation" }, h("span", { key: 'd6a4e824422d03984a69fdf34a815f569a30e636', class: "shaped-image-img", role: "presentation", style: { backgroundImage: `url("${this.src}")` } })))));
     }
     static get is() { return "duet-shaped-image"; }
     static get encapsulation() { return "shadow"; }

package/lib/collection/components/duet-show-more/duet-show-more.css

@@ -29,7 +29,7 @@
   font-size: 1rem;
   font-weight: 600;
   line-height: 1.5;
-  color: rgb(0, 41, 77);
+  color: rgb(8, 42, 77);
 }
 .duet-show-more.duet-m-0 {
   margin: 0 !important;

package/lib/collection/components/duet-show-more/duet-show-more.js

@@ -95,7 +95,7 @@ export class DuetShowMore {
                 "duet-theme-turva": this.theme === "turva",
                 "duet-m-0": this.margin === "none",
                 open: this.open,
-            } }, h("div", { key: '8b799e3b59a456e4873357daa72313f0d29bffcf', ref: ref => (this.contentElement = ref), class: { content: true }, id: this.contentId, tabindex: this.open ? "0" : "" }, h("div", { key: 'e5e04fa045ab43f00086e8799f87ab2b57f0a13b', class: { "slotted-content": true } }, h("slot", { key: 'ca94e5187354a6debb373955df2d046a9c9271a4' }))), h("duet-button", { key: 'cb4a2fc05e0e917e157458f31c75efb92b0258c1', id: this.buttonId, variation: "plain", "accessible-label": this.buttonAriaOpen ? this.showLessAccessibleLabel : this.showMoreAccessibleLabel, "accessible-expanded": this.buttonAriaOpen ? "true" : "false", "accessible-controls": this.contentId, onClick: this.handleClick, onKeyDown: this.handleKeyDown, "icon-right": true, icon: this.open ? "action-arrow-up-small" : "action-arrow-down-small", "icon-size": "medium-small", size: "small", margin: this.buttonMargin, padding: this.buttonPadding, theme: this.theme === "turva" ? "turva" : "default" }, this.open ? this.showLessLabel : this.showMoreLabel))));
+            } }, h("div", { key: '8b799e3b59a456e4873357daa72313f0d29bffcf', ref: ref => (this.contentElement = ref), class: { content: true }, id: this.contentId, tabindex: this.open ? "0" : "" }, h("div", { key: 'e5e04fa045ab43f00086e8799f87ab2b57f0a13b', class: { "slotted-content": true } }, h("slot", { key: 'ca94e5187354a6debb373955df2d046a9c9271a4' }))), h("duet-button", { key: 'fc11f79ebc689843332bc829f108d62180fa62fe', id: this.buttonId, variation: "plain", "accessible-label": this.buttonAriaOpen ? this.showLessAccessibleLabel : this.showMoreAccessibleLabel, "accessible-expanded": this.buttonAriaOpen ? "true" : "false", "accessible-controls": this.contentId, accessiblePressed: this.open, onClick: this.handleClick, onKeyDown: this.handleKeyDown, "icon-right": true, icon: this.open ? "action-arrow-up-small" : "action-arrow-down-small", "icon-size": "medium-small", size: "small", margin: this.buttonMargin, padding: this.buttonPadding, theme: this.theme === "turva" ? "turva" : "default" }, h("span", { key: '63e4d04789225b2ff7938e8e1156345b14b6633f' }, this.open ? this.showLessLabel : this.showMoreLabel)))));
     }
     static get is() { return "duet-show-more"; }
     static get encapsulation() { return "shadow"; }

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

@@ -48,7 +48,7 @@
   font-size: 1rem;
   font-weight: 400;
   line-height: 1.5;
-  color: rgb(0, 41, 77);
+  color: rgb(8, 42, 77);
 }
 .duet-slideout.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";
@@ -87,7 +87,7 @@
   z-index: 200;
 }
 .duet-slideout .dialog .top-container.has-sticky-header-slot .top {
-  background: rgb(243, 249, 252);
+  background: rgb(240, 247, 250);
 }
 .duet-slideout .dialog .top-container.has-sticky-header-slot .sticky-header {
   display: block;
@@ -115,8 +115,8 @@
   width: 100%;
   padding: 0 1.5rem;
   margin-bottom: 20px;
-  background: rgb(243, 249, 252);
-  border-bottom: 1px solid rgb(225, 227, 230);
+  background: rgb(240, 247, 250);
+  border-bottom: 1px solid rgb(212, 223, 229);
 }
 .duet-slideout .dialog .items {
   display: flex;
@@ -153,18 +153,18 @@
   background: rgb(198, 12, 48);
 }
 .duet-slideout.duet-theme-turva .has-sticky-header-slot .top {
-  background: rgb(245, 245, 247);
+  background: rgb(245, 247, 250);
 }
 .duet-slideout.duet-theme-turva .has-sticky-header-slot .sticky-header {
-  background: rgb(245, 245, 247);
-  border-bottom: 1px solid rgb(228, 228, 230);
+  background: rgb(245, 247, 250);
+  border-bottom: 1px solid rgb(222, 224, 228);
 }
 .duet-slideout.duet-theme-turva .dialog .top button:focus {
   box-shadow: 0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a;
 }
 
 slot {
-  color: rgb(0, 41, 77);
+  color: rgb(8, 42, 77);
 }
 .duet-theme-turva slot {
   color: rgb(23, 28, 58);

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

@@ -211,15 +211,15 @@ export class DuetSlideout {
         };
         const topLevelOpenMenuBarTranslation = getLocaleString(this.topLevelOpenMenuBarLangObject);
         const exitTranslation = getLocaleString(this.exitLangObject);
-        return (h(Host, { key: 'b133285a9f8082e26a3cb91adf9975db7b2d39c3' }, h("div", { key: '66082dd9a38534a3a03518b962a12173dc5e8d51', class: { "duet-slideout": true, "duet-theme-turva": this.theme === "turva" } }, h("duet-overlay", { key: 'f5aea071c9b0dd8e3478466fac64d74e5a8b137e', onClick: this.bgOnClick, visible: this.open, "display-device": "large", zIndex: "600" }), h("div", { key: '6d41981818265cbe3eb6ab711ee5aefe593cf8d6', ref: element => (this.dialog = element), tabindex: "-1", role: "dialog", id: "dialog", "aria-labelledby": "button", "aria-modal": this.isSafariBrowser ? false : true, "aria-flowto": "slot-container", class: {
+        return (h(Host, { key: '382d37300cf05dcb13fdf8824876e0148029ac41' }, h("div", { key: '308a1a6d818574db32fc48c2a001b2c7e49cb694', class: { "duet-slideout": true, "duet-theme-turva": this.theme === "turva" } }, h("duet-overlay", { key: '7fa43387656dea8e448e89b8c42e88af59edfcf9', onClick: this.bgOnClick, visible: this.open, "display-device": "large", zIndex: "600" }), h("div", { key: '2d0d1d2d1b7e7b914c71605ba2e99bad4535e3c7', ref: element => (this.dialog = element), tabindex: "-1", role: "dialog", id: "dialog", "aria-labelledby": "button", "aria-modal": this.isSafariBrowser ? false : true, "aria-flowto": "slot-container", class: {
                 dialog: true,
                 hidden: !this.open,
-            }, style: styles }, h(FocusGuard, { key: 'd469b01ae84bc9f2c064148b7820d7310ad60a49', moveFocusTo: this.closeButton }), h("div", { key: '240e4b1276c42176866343c057ede222be046065', class: { "top-container": true, "has-sticky-header-slot": this.hasStickyHeaderSlot } }, h("div", { key: '18bfdc09a33746c205d0e3ba164a9d7ec18d9901', class: "top" }, h("button", { key: '47311364dd458561055b3f59b7bf391e92fcdab3', ref: element => (this.closeButton = element), "aria-haspopup": "dialog", "aria-controls": "dialog", "aria-expanded": this.open ? "true" : "false", "aria-label": `${exitTranslation}`, type: "button", class: {
+            }, style: styles }, h(FocusGuard, { key: '1fff6c072160d4bd1f4cbd0a76c350423e61cd7e', moveFocusTo: this.closeButton }), h("div", { key: '099e9fa740e958a60b4be655fbb821a850613fab', class: { "top-container": true, "has-sticky-header-slot": this.hasStickyHeaderSlot } }, h("div", { key: '0364ef69089b576a3d046ad18cea8e421fd78f47', class: "top" }, h("button", { key: '4801538fe2d60e45bfcdf34aa796443be783ff29', ref: element => (this.closeButton = element), "aria-haspopup": "dialog", "aria-controls": "dialog", "aria-expanded": this.open ? "true" : "false", "aria-label": `${exitTranslation}`, type: "button", class: {
                 "slideout-close": true,
                 active: this.open,
-            }, onClick: this.onClick, inert: this.openPanel }, h("duet-icon", { key: 'bf7abca5a1b60e78a0b3c7dce6d0920ee7cc304d', name: "navigation-close", size: "small", margin: "none", color: "secondary" }))), h("div", { key: 'd9b04adb7db8c6e30c0de28c58003eb4ce9f6e73', class: "sticky-header" }, h("slot", { key: '0e2a3aed3efff80773a2b48ba6977ad435a04d42', name: "sticky-header" }))), h("div", { key: '56905d228e5f503ddda3303575c5e52f349503ea', id: "slot-container", role: this.accessibleRole, "aria-label": this.openPanel ? topLevelOpenMenuBarTranslation : null, class: {
+            }, onClick: this.onClick, inert: this.openPanel }, h("duet-icon", { key: 'adddff71eb7c2d717909330b4a1b952989de80a7', name: "navigation-close", size: "small", margin: "none", color: "secondary" }))), h("div", { key: '2532328955997fed29910a8ce59cf95a08a453bd', class: "sticky-header" }, h("slot", { key: 'e6938e50feec7af6a66335e655942ffd1912c96e', name: "sticky-header" }))), h("div", { key: '14489762ae9efcbdd60d2673202f2e6a514d70dd', id: "slot-container", role: this.accessibleRole, "aria-label": this.openPanel ? topLevelOpenMenuBarTranslation : null, class: {
                 items: true,
-            } }, h("slot", { key: 'fa8953a31231244b9e5539417dfc32619c3e23f4' })), h(FocusGuard, { key: '2cfc0d16d1eb738dc3bced0653c9486191cc3732', moveFocusTo: this.closeButton })))));
+            } }, h("slot", { key: 'da507350699332f3630e4d327447cb11989029f7' })), h(FocusGuard, { key: 'd9a0a209bd64fc4d099de599e0ee4c3842a54f02', moveFocusTo: this.closeButton })))));
     }
     static get is() { return "duet-slideout"; }
     static get encapsulation() { return "shadow"; }

package/lib/collection/components/duet-slideout-lang/duet-slideout-lang.css

@@ -47,7 +47,7 @@
   width: 2px;
   height: 50%;
   content: "";
-  background: rgb(0, 41, 77);
+  background: rgb(8, 42, 77);
 }
 
 .duet-theme-turva ::slotted(:not(:last-child))::after {

package/lib/collection/components/duet-slideout-lang/duet-slideout-lang.js

@@ -35,7 +35,7 @@ export class DuetSlideoutLang {
      */
     render() {
         const langTranslation = getLocaleString(this.chooseLangObject);
-        return (h(Host, { key: '26940a9efe3228ad051940cfb903980d683cf614' }, h("div", { key: 'a031d990d2bf459e73678e682d1952e7225a67e7', class: "duet-slideout-lang", role: "group", "aria-label": langTranslation }, h("duet-icon", { key: '7ff54cdd19c444cb9d8c8a67b5e563df53f13e0b', name: "navigation-language", margin: "none", color: "secondary" }), h("slot", { key: '2c0a83341839a6953c176fd68882dbd05151948a' }))));
+        return (h(Host, { key: '921d8705f5435def5fbb0254a369e3ec9a61388c' }, h("div", { key: 'e0fd2be895c43bf917241e6f1421ba2090b3b7b5', class: "duet-slideout-lang", role: "group", "aria-label": langTranslation }, h("duet-icon", { key: '328021a2402da1595829e837789a20d840d2bde6', name: "navigation-language", margin: "none", color: "secondary" }), h("slot", { key: '44b1d9993cc174aa8a8e5abb6fa94bf6cb6ed80e' }))));
     }
     static get is() { return "duet-slideout-lang"; }
     static get encapsulation() { return "shadow"; }

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

@@ -99,8 +99,8 @@ slot[name=description]::slotted(*) {
   font-size: 1rem;
   font-size: 1.25;
   font-weight: 400;
-  color: rgb(101, 119, 135);
+  color: rgb(98, 121, 138);
 }
 .duet-theme-turva slot[name=description]::slotted(*) {
-  color: rgb(68, 68, 69);
+  color: rgb(113, 118, 132);
 }

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

@@ -26,12 +26,12 @@ export class DuetSlideoutLink {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: '09e56868e9109c72560a96db767efc154bce8e93' }, h("a", { key: '06c5bf4091cd8d28c2ef09783da5ec924a598ae7', class: {
+        return (h(Host, { key: 'f45a422bb18c9f386e3d1dc65efb9ba5f10fafca' }, h("a", { key: 'f23111a05259c83100372f73c2c888d0226f69ff', class: {
                 "duet-slideout-link": true,
                 "duet-theme-turva": this.theme === "turva",
                 active: this.active,
                 [this.size]: true,
-            }, href: this.href, "aria-current": this.active ? "true" : "false", lang: this.targetLanguage, hreflang: this.targetLanguage, "aria-label": this.accessibleLabel }, this.icon && (h("duet-icon", { key: 'd3649e9fdc0d46d249079e80015d31d0809283e7', name: this.icon, color: "secondary", size: this.menuItem ? "x-small" : "medium", margin: "none" })), h("div", { key: '21bc61aa08c8e259bef3845115c1d3def2b9528f', class: "label" }, h("span", { key: '9d3c455f8776388201b9e263a3e8f9cfa4cf8cfd' }, h("slot", { key: '05330b7c102e31a4e543713159048f747fcea958' }), h("slot", { key: 'c63eab53cf753fb61ff69076b213c37f06e77f41', name: "description" })), this.caret && (h("duet-icon", { key: '295ebf34531a451c1888310e6abbf8e97eff723f', name: "action-arrow-right", color: "secondary", size: "x-small", margin: "none" }))))));
+            }, href: this.href, "aria-current": this.active ? "true" : "false", lang: this.targetLanguage, hreflang: this.targetLanguage, "aria-label": this.accessibleLabel }, this.icon && (h("duet-icon", { key: '919dadfb6d0469813de5a142127eec1e7cce51c6', name: this.icon, color: "secondary", size: this.menuItem ? "x-small" : "medium", margin: "none" })), h("div", { key: 'acac1e1208342d14df7f9f6027355754be3fb7c7', class: "label" }, h("span", { key: 'aef4befd5b30c33dfdfcadb49fe30f1c676c3467' }, h("slot", { key: 'd49e0cbb71c1d89f66c63a0d783d2033a6dc4248' }), h("slot", { key: 'abf210a92d2391fa5319533441fc05983c69b9f3', name: "description" })), this.caret && (h("duet-icon", { key: '8f4900f2baa7f402614c92315803e14611be8db6', name: "action-arrow-right", color: "secondary", size: "x-small", margin: "none" }))))));
     }
     static get is() { return "duet-slideout-link"; }
     static get encapsulation() { return "shadow"; }

package/lib/collection/components/duet-slideout-panel/duet-slideout-panel.css

@@ -52,7 +52,7 @@
   font-size: 1.5rem;
   font-weight: 800;
   line-height: 1.25;
-  color: rgb(0, 41, 77);
+  color: rgb(8, 42, 77);
   text-align: left;
   text-decoration: none;
   cursor: pointer;
@@ -122,7 +122,7 @@
   z-index: 200;
 }
 .duet-slideout-panel .top-container.has-sticky-header-slot .top {
-  background: rgb(243, 249, 252);
+  background: rgb(240, 247, 250);
 }
 .duet-slideout-panel .top-container.has-sticky-header-slot .sticky-header {
   display: block;
@@ -151,7 +151,7 @@
   font-size: 1rem;
   font-weight: 600;
   line-height: 1.5;
-  color: rgb(0, 41, 77);
+  color: rgb(8, 42, 77);
   opacity: 1;
   transition: top 0.3s ease-in, opacity 0.3s ease-in;
 }
@@ -160,8 +160,8 @@
   width: 100%;
   padding: 0 1.5rem;
   margin-bottom: 20px;
-  background: rgb(243, 249, 252);
-  border-bottom: 1px solid rgb(225, 227, 230);
+  background: rgb(240, 247, 250);
+  border-bottom: 1px solid rgb(212, 223, 229);
 }
 .duet-slideout-panel .items {
   display: flex;
@@ -170,7 +170,7 @@
   justify-content: flex-start;
   padding: 1rem 16px;
   overflow-y: auto;
-  color: rgb(0, 41, 77);
+  color: rgb(8, 42, 77);
 }
 .duet-slideout-panel.duet-theme-turva .link {
   font-family: "turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
@@ -183,11 +183,11 @@
   background: rgb(198, 12, 48);
 }
 .duet-slideout-panel.duet-theme-turva .has-sticky-header-slot .top {
-  background: rgb(245, 245, 247);
+  background: rgb(245, 247, 250);
 }
 .duet-slideout-panel.duet-theme-turva .has-sticky-header-slot .sticky-header {
-  background: rgb(245, 245, 247);
-  border-bottom: 1px solid rgb(228, 228, 230);
+  background: rgb(245, 247, 250);
+  border-bottom: 1px solid rgb(222, 224, 228);
 }
 .duet-slideout-panel.duet-theme-turva .top .back:focus,
 .duet-slideout-panel.duet-theme-turva .top .close:focus {
@@ -203,7 +203,7 @@ slot:not([name=label]) {
   --active-translate-y: translateY(1px);
   font-size: 1rem;
   font-weight: 600;
-  color: rgb(0, 41, 77);
+  color: rgb(8, 42, 77);
 }
 .duet-theme-turva slot:not([name=label]) {
   color: rgb(23, 28, 58);

package/lib/collection/components/duet-slideout-panel/duet-slideout-panel.js

@@ -158,21 +158,21 @@ export class DuetSlideoutPanel {
         };
         const exitTranslation = getLocaleString(this.exitLangObject);
         const backTranslation = getLocaleString(this.backLangObject);
-        return (h(Host, { key: '70bd33cf81bea6e0e21a3acc777e62f9615c960c' }, h("div", { key: '173d84b1e9630496dfd75f1d1788ceb258aa65dd', class: {
+        return (h(Host, { key: '85cf2add8e070d2f95b325f17fd3888ef083b452' }, h("div", { key: '669f9374c0582745503772912e8994f0d80fab7f', class: {
                 "duet-slideout-panel": true,
                 "duet-theme-turva": this.theme === "turva",
                 active: this.open,
-            } }, h("button", { key: '8af158a56baed0c99a678a13c70679a2e37d4641', ref: element => (this.openButton = 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: '05bc5386920089fbd1989e0c264164bf75cc0d90', ref: element => (this.openButton = element), "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", "aria-current": this.active ? "true" : "false", id: "button", type: "button", class: {
                 link: true,
                 active: this.active,
-            }, onClick: this.onClick, inert: this.open }, this.icon && h("duet-icon", { key: 'ef8953eeeb735665fefc41627200a2939df9fc91', name: this.icon, size: "medium", margin: "none", color: "secondary" }), h("span", { key: '1e1ce042634306e70595feab772ea1986020dbe5', class: "label" }, h("span", { key: 'b91e1f83f96194cad5fbccca121036d68667faad', class: { "label-text": true, [this.labelSize]: true } }, h("slot", { key: '6fe342d4f1cc5128f50bd68287713bf2b743bb1a', name: "label" })), h("duet-icon", { key: '56091986d5dec8dca5ab057fc3bbd59ac5459bd7', class: "caret", name: "action-arrow-right", margin: "none", size: "x-small", color: "secondary" }))), h("div", { key: 'f639893ab35cb5c6362f692cb909e734232dcb6f', ref: element => (this.dialog = element), class: {
+            }, onClick: this.onClick, inert: this.open }, this.icon && h("duet-icon", { key: '5ae33e802c26d6855b0188566c471d9e14455ea2', name: this.icon, size: "medium", margin: "none", color: "secondary" }), h("span", { key: 'cc0e3bafc2edf37d33ae03f04e6e35dd7bc6a8bf', class: "label" }, h("span", { key: '5d485ef3892c579a2b356d050f63e70d55c59a81', class: { "label-text": true, [this.labelSize]: true } }, h("slot", { key: '66e9cf07933f415e19ef15cec9fefde9bfbeaa79', name: "label" })), h("duet-icon", { key: '230b0a6b97baf7820f59d6b9eecd371b554b1a80', class: "caret", name: "action-arrow-right", margin: "none", size: "x-small", color: "secondary" }))), h("div", { key: '6c62b1fedab912d257de8b8921c5cf1e05bc1f3e', ref: element => (this.dialog = element), class: {
                 dialog: true,
                 hidden: !this.open,
-            }, style: styles }, h(FocusGuard, { key: '44ead66ea6ff8418096d578f6a822357b186ac4d', moveFocusTo: this.closeButton }), h("div", { key: 'b3de10fc0e5139011798a6f9dc45fda74e66f2a8', class: { "top-container": true, "has-sticky-header-slot": this.hasStickyHeaderSlot } }, h("div", { key: 'b25a3a1c91eb4daf74a5a43e6a38916b055e3e2b', class: "top" }, h("button", { key: '9c898e5bc439ae96e4fa636f15d1e4c9880791bf', ref: element => (this.closeButton = element), "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", "aria-label": `${backTranslation}`, type: "button", class: {
+            }, style: styles }, h(FocusGuard, { key: 'de5845c8cda4523a2fb34b3f0e1b24176fffb23e', moveFocusTo: this.closeButton }), h("div", { key: '3348199d135e2886b2324e28b5d1cf0b8b5f1ae8', class: { "top-container": true, "has-sticky-header-slot": this.hasStickyHeaderSlot } }, h("div", { key: '379ee13d14ee14ebe08bdc16ead2f4c6b1b44224', class: "top" }, h("button", { key: '8bfc0961203fe8b7529257f3c22f0ea36629fa8c', ref: element => (this.closeButton = element), "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", "aria-label": `${backTranslation}`, type: "button", class: {
                 back: true,
-            }, onClick: this.onClick }, h("duet-icon", { key: '647666d32da78fd122547b29b2d6366a74cac38d', class: "caret", name: "action-arrow-left", margin: "none", size: "small", color: "secondary" })), h("span", { key: 'c137000b706a49614251aab9978772f7f032c35b' }, this.label.innerHTML), h("button", { key: 'f96fa6523e3cc9dda0142e2e79598be943ed14df', class: "close", type: "button", onClick: this.onCloseClick, "aria-label": `${exitTranslation}` }, h("duet-icon", { key: '17e401b299082405fe58d6e2ebe0183e1480b1b4', name: "navigation-close", size: "small", margin: "none", color: "secondary" }))), h("div", { key: 'e40d94664116f4e4ee26c9c9e85d0d98a807445e', class: "sticky-header" }, h("slot", { key: 'f1d9bc10ab424bcebaf8c7d5ac28937df83fb988', name: "sticky-header" }))), h("div", { key: '027b1f8a337474484867affa518ceb3f95984518', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
+            }, onClick: this.onClick }, h("duet-icon", { key: '88da885f77d6a1bf04a94688f62051fe8919d3d2', class: "caret", name: "action-arrow-left", margin: "none", size: "small", color: "secondary" })), h("span", { key: 'eeae988e8f287320ce366a80beb333415bc5342b' }, this.label.innerHTML), h("button", { key: '7533c4fdc5b5c59ec06579ad0656d44505a51c55', class: "close", type: "button", onClick: this.onCloseClick, "aria-label": `${exitTranslation}` }, h("duet-icon", { key: 'e1520bf9ec14b782f25b13a6c139a0bf260dc961', name: "navigation-close", size: "small", margin: "none", color: "secondary" }))), h("div", { key: 'f7ffaa74e560bdda5d8f9364b65fc1960b7b5a94', class: "sticky-header" }, h("slot", { key: 'ea473e76641c6705cd2dca5afb3f84f7b9217cc8', name: "sticky-header" }))), h("div", { key: 'c3c70db81e357383a4629d095c082c024bbc6e0e', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
                 items: true,
-            } }, h("slot", { key: '8b7aefc4d72e80a1e8b2f5095484d5680a1d96e1' })), h(FocusGuard, { key: '542e145cc71bb24977c5e2a35fedaa2928c0fcd1', moveFocusTo: this.closeButton })))));
+            } }, h("slot", { key: '0bf5ecbaad2132d5d2da8be4d74a9b2653414fdd' })), h(FocusGuard, { key: 'f70457896fa82645d77260ef4762c9cb4a775d86', moveFocusTo: this.closeButton })))));
     }
     static get is() { return "duet-slideout-panel"; }
     static get encapsulation() { return "shadow"; }

package/lib/collection/components/duet-slideout-panel-dropdown/duet-slideout-panel-dropdown.css

@@ -54,7 +54,7 @@
   font-size: 1.25rem;
   font-weight: 800;
   line-height: 1.25;
-  color: rgb(0, 41, 77);
+  color: rgb(8, 42, 77);
   text-align: center;
   text-decoration: none;
   cursor: pointer;
@@ -122,7 +122,7 @@ slot {
   --active-translate-y: translateY(1px);
   font-size: 1rem;
   font-weight: 400;
-  color: rgb(0, 41, 77);
+  color: rgb(8, 42, 77);
 }
 .duet-theme-turva slot {
   color: rgb(23, 28, 58);

package/lib/collection/components/duet-slideout-panel-dropdown/duet-slideout-panel-dropdown.js

@@ -40,16 +40,16 @@ export class DuetSlideoutPanelDropdown {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: 'fe4d5c5f27f9f4106de41db6681937d60bcb59c4' }, h("div", { key: '284adde9302682c56b971fe73f7705f2fee91eb0', class: {
+        return (h(Host, { key: '928a234e72a6cbc3d987453b0536284beb302544' }, h("div", { key: '6381d9b535e0aae5f1ffcd4598d7ef5549414629', class: {
                 "duet-slideout-panel-dropdown": true,
                 "duet-theme-turva": this.theme === "turva",
                 active: this.open,
-            } }, h("button", { key: 'ca4402750442dc3cfe434984c80381d1cdfd3b74', 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: 'a16624ab904bb50b789dfd427d697eb2aee6cf6a', 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: {
                 active: this.active,
-            }, onClick: this.onClick }, this.icon && h("duet-icon", { key: '34c2d5cf9bb779eec11f8852eb8c2bd279028baf', name: this.icon, size: "medium", margin: "none", color: "secondary" }), h("span", { key: '6834d3f1b9b057b877641b1f000065f8a4813250', class: "label" }, h("slot", { key: 'f1856cf9b4ce8ca515babc2163da4ef36482e49e', name: "label" }), h("duet-icon", { key: 'ae906904ed9255d48b47f705ea8653b65c76df90', class: "caret", name: "action-arrow-down-small", margin: "none", size: "xx-small", color: "secondary" }))), h("div", { key: '071dc719524009f86906d4204464cdcd14aaa36c', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
+            }, onClick: this.onClick }, this.icon && h("duet-icon", { key: 'e8adbb28483423f4361812416579bf6745a76bc4', name: this.icon, size: "medium", margin: "none", color: "secondary" }), h("span", { key: '6ab66a503a7592d00d08ade39b35540fef97f4a8', class: "label" }, h("slot", { key: '9feeacf271ad1b3a3110ef847e2c4054f6c137cf', name: "label" }), h("duet-icon", { key: 'dc0fe5de62591c574d56a1a315523584833a29d2', class: "caret", name: "action-arrow-down-small", margin: "none", size: "xx-small", color: "secondary" }))), h("div", { key: 'ffa8f24645466213c7a8ee05928e09229d602102', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
                 items: true,
                 hidden: !this.open,
-            } }, h("slot", { key: '35141accc2735d157bf80d8c76346585fa47cff1' })))));
+            } }, h("slot", { key: 'a719e7e86838333ea006a8c7d3e76b431d8c47fa' })))));
     }
     static get is() { return "duet-slideout-panel-dropdown"; }
     static get encapsulation() { return "shadow"; }

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

@@ -13,7 +13,7 @@ export class DuetSpacer {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: 'e3fa9f7e7f3f55ab6819a10d50c42a54a172f3c3', class: {
+        return (h(Host, { key: '2c46d1a310dd476d040392ebcda6643f1981d624', class: {
                 "duet-spacer": true,
                 "duet-spacer-xx-small": this.breakpoint === "xx-small",
                 "duet-spacer-x-small": this.breakpoint === "x-small",

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

@@ -23,11 +23,11 @@ export class DuetSpinner {
      */
     render() {
         const color = this.color === "currentColor" ? "currentColor" : getColorByName(this.color);
-        return (h(Host, { key: 'aeea2098d956a68366b4671b449702d6f28c45a0', class: {
+        return (h(Host, { key: '16af92c8d2b1991913980843b6d2a8dcb8646d67', class: {
                 "duet-custom-color": this.color !== "currentColor" && this.theme !== "turva" && this.theme !== "default",
                 "duet-theme-turva": this.theme === "turva" && this.color !== "currentColor",
                 "duet-theme-default": this.theme === "default" && this.color !== "currentColor",
-            } }, h("div", { key: '2073bfea9ac6ef08ff83f350bd0984f0aeda883a', class: {
+            } }, h("div", { key: 'e381215186c28e547272b8692f541cea84e0679f', class: {
                 "duet-spinner": true,
                 [this.size]: true,
             }, style: { color }, "aria-label": this.accessibleLabel })));

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

@@ -128,10 +128,10 @@
   background-color: rgb(198, 12, 48);
 }
 .is-incomplete .duet-step-counter {
-  background-color: rgb(101, 119, 135);
+  background-color: rgb(98, 121, 138);
 }
 .duet-theme-turva.is-incomplete .duet-step-counter {
-  background-color: rgb(116, 116, 117);
+  background-color: rgb(143, 147, 158);
 }
 
 .duet-step-icon {
@@ -163,10 +163,10 @@
     min-height: 20px;
     padding-left: 40px;
     margin-left: 19px;
-    border-left: 2px solid rgb(225, 227, 230);
+    border-left: 2px solid rgb(212, 223, 229);
   }
   .duet-theme-turva .duet-step-content-wrapper {
-    border-color: rgb(228, 228, 230);
+    border-color: rgb(222, 224, 228);
   }
   :host(:last-of-type) .duet-step-content-wrapper {
     min-height: 0;

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

@@ -88,7 +88,7 @@ export class DuetStepper {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: 'f9004c43445eb7a88448511b9d940b66f9de4c70', class: { "duet-m-0": this.margin === "none" } }, h("div", { key: '80977e593bd91142216f4485cd05fd00166874d6', class: { "duet-stepper": true, "duet-theme-turva": this.theme === "turva" } }, h("duet-visually-hidden", { key: '7eb30a7ae2c00676571f99679fac2bf89ef1c180', "aria-live": "polite", "aria-atomic": "true", "aria-relevant": "all" }, this.formatAnnouncement()), h("slot", { key: '5510415c2d52a2e2a1f06e1ccaa153cc2b50bf2e' }))));
+        return (h(Host, { key: '9cd2e878ee57bb71fe5fbd410f88af372dc31cde', class: { "duet-m-0": this.margin === "none" } }, h("div", { key: 'f97a9e7f94f0968bb70ed9def756541279783bc7', class: { "duet-stepper": true, "duet-theme-turva": this.theme === "turva" } }, h("duet-visually-hidden", { key: 'c6bc42ab6164ea260b6860c4c8350f8fecc83a2f', "aria-live": "polite", "aria-atomic": "true", "aria-relevant": "all" }, this.formatAnnouncement()), h("slot", { key: 'fa2a987f757693d3f287fc0707466d751d7fb8ba' }))));
     }
     static get is() { return "duet-stepper"; }
     static get encapsulation() { return "shadow"; }

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

@@ -36,7 +36,7 @@
   position: relative;
   top: 0;
   z-index: 1;
-  background: rgb(243, 249, 252);
+  background: rgb(240, 247, 250);
   transition: top 0.4s;
 }
 .duet-submenu-bar.hidden {
@@ -44,7 +44,7 @@
 }
 @media (min-width: 62em) {
   .duet-submenu-bar {
-    border-bottom: 1px solid rgb(205, 229, 241);
+    border-bottom: 1px solid rgb(198, 225, 238);
   }
 }
 .duet-submenu-bar button {
@@ -57,7 +57,7 @@
   font-size: 0.875rem;
   font-weight: 400;
   line-height: 1.25;
-  color: rgb(0, 41, 77);
+  color: rgb(8, 42, 77);
 }
 .duet-submenu-bar button.active .caret {
   transform: rotate(180deg);
@@ -102,8 +102,8 @@
   height: 70vh;
   overflow-y: scroll;
   visibility: visible;
-  background: rgb(243, 249, 252);
-  border-bottom: 1px solid rgb(207, 210, 212);
+  background: rgb(240, 247, 250);
+  border-bottom: 1px solid rgb(181, 198, 208);
 }
 .duet-submenu-bar .items ::slotted(*) {
   position: relative;
@@ -112,7 +112,7 @@
   max-height: 0;
   overflow: hidden;
   visibility: hidden;
-  border-bottom: 0 solid rgb(207, 210, 212);
+  border-bottom: 0 solid rgb(181, 198, 208);
 }
 .duet-submenu-bar .items .list-padding {
   padding-bottom: 188px;
@@ -143,14 +143,14 @@
   }
 }
 .duet-submenu-bar.duet-theme-turva {
-  background: rgb(245, 245, 247);
-  border-bottom: 1px solid rgb(228, 228, 230);
+  background: rgb(245, 247, 250);
+  border-bottom: 1px solid rgb(222, 224, 228);
 }
 .duet-submenu-bar.duet-theme-turva button:focus {
   box-shadow: 0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a;
 }
 .duet-submenu-bar.duet-theme-turva .items {
-  background: rgb(245, 245, 247);
+  background: rgb(245, 247, 250);
 }
 .duet-submenu-bar.duet-theme-turva .mobile-background {
   background: rgb(23, 28, 58);

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

@@ -122,19 +122,19 @@ export class DuetSubmenuBar {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: 'fec25f6c8b5983923f591d756decc5ae3404de5e' }, h("nav", { key: '6f812f5da82df3218d6de29f655d2596ed865a4d', class: {
+        return (h(Host, { key: 'e2117d735a8e911cded7f265c6f8a595ae48dfdb' }, h("nav", { key: '0797f1b1016c6932a6d6c59b11f487f70cc50f07', class: {
                 "duet-submenu-bar": true,
                 "duet-theme-turva": this.theme === "turva",
                 hidden: this.hidden,
-            }, "aria-label": this.accessibleLabel }, this.hasItems && (h("button", { key: '5e8ab90a4e09dbd7746b1405d3ea92615a439dd7', 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: '94866119076b73cb76c5b8d17f9d1545db542f1a', 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: '1f2ed95c73d93faf4ba71d7984e00488137250d1', class: "label" }, h("slot", { key: '5ca819d2a6f97bb4c9e75f2ea024187f76af67e2', name: "label" }), h("duet-icon", { key: '3b1a4bcac49bec29f344a38e5f743aaeb63f59a0', theme: this.theme, class: "caret", name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" })))), h("div", { key: '01e35b212a44a4bb39a8fd5cc5a694b94dcb1ccb', class: {
+            }, onClick: this.onClick }, h("span", { key: 'dc870c6204c962afae8c9c26be03fdc13d0e5764', class: "label" }, h("slot", { key: '725b22668a7a9c521f5db94a7d61b88648bc6ccf', name: "label" }), h("duet-icon", { key: 'ad1ada873a49f7a04eba3b4a0875b980c3848eb5', theme: this.theme, class: "caret", name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" })))), h("div", { key: '09728b4fb000a4a22f6de2ac8c7f0c782dde65b2', class: {
                 "menu-container": true,
                 hidden: !this.open,
-            }, role: "presentation" }, h("div", { key: '5f94254c66db242ce904ddfd963f6dbe7f4337b6', 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: 'aa8bd7be5c9a023bd8334cb2de62172bd6d329ac', 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: 'be03e176ea88bf9b83e506a67470747a4f30b9ee', class: "list", role: this.mobile ? "presentation" : "list" }, h("slot", { key: '1ba101226680d98cffade2702cbe6f6c40432146' }), h("div", { key: 'c51c2e13e3f5a24edf28dba162ee0602666ca1f9', class: "list-padding" }))), h("duet-overlay", { key: '5b93e09b26a80acce10526710c818c0017d74627', "keep-stacking-context": true, visible: this.open, "display-device": "not-large", transition: "immediate" })))));
+            }, ref: element => (this.itemsContainer = element) }, h("div", { key: 'bd0d108bfcd3823bcb1dfc8bc5cd1484a40fa75a', class: "list", role: this.mobile ? "presentation" : "list" }, h("slot", { key: '4186c575bbd77f9286ac918604da8e77f47953dd' }), h("div", { key: 'd1eb8709213d69f098493b3b31b3187ec352df6b', class: "list-padding" }))), h("duet-overlay", { key: '7fee9a7696fa6e91b3689e688272538906345ca9', "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"; }