@duetds/components 8.1.0 → 8.1.2

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

@@ -12,7 +12,7 @@ import { Build, Fragment, h, Host, } from "@stencil/core";
 import { disableBodyScroll, enableBodyScroll } from "body-scroll-lock/lib/bodyScrollLock.es6.js";
 import { DuetStringsExternalDefaults } from "../../common-strings";
 import { inheritGlobalTheme } from "../../common/themeable-component";
-import { isArrowDownKey, isArrowLeftKey, isArrowRightKey, isArrowUpKey, isEscapeKey, isSpaceKey, } from "../../utils/keyboard-utils";
+import { isArrowDownKey, isArrowLeftKey, isArrowRightKey, isArrowUpKey, isEscapeKey, isSpaceKey, subscribeTabbingChange, unsubscribeTabbingChange, } from "../../utils/keyboard-utils";
 import { connectLanguageChangeObserver, disconnectLanguageChangeObserver, getLanguage, getLocaleString, } from "../../utils/language-utils";
 import { parsePossibleJSON } from "../../utils/string-utils";
 import { DuetHeaderDropdown } from "./duet-header-dropdown";
@@ -272,6 +272,7 @@ export class DuetHeader {
             { prop: "accessibleI18nLabels", defaults: "accessibleI18nLabelsDefaults" },
             { prop: "accessibleLabelExternal", defaults: "accessibleLabelExternalDefaults" },
         ]);
+        subscribeTabbingChange(this);
     }
     disconnectedCallback() {
         if (this.navigationEl) {
@@ -285,6 +286,7 @@ export class DuetHeader {
         }
         this.boundMqlFunctions = [];
         disconnectLanguageChangeObserver(this);
+        unsubscribeTabbingChange(this);
     }
     /**
      * Component event handling.
@@ -610,7 +612,7 @@ export class DuetHeader {
                         },
                         "I18nText": {
                             "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-header/duet-header.tsx",
+                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-header/duet-header.tsx",
                             "id": "src/components/duet-header/duet-header.tsx::I18nText"
                         }
                     }
@@ -637,7 +639,7 @@ export class DuetHeader {
                     "references": {
                         "I18nText": {
                             "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-header/duet-header.tsx",
+                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-header/duet-header.tsx",
                             "id": "src/components/duet-header/duet-header.tsx::I18nText"
                         }
                     }
@@ -996,7 +998,7 @@ export class DuetHeader {
                     "references": {
                         "DuetHeaderChangeEvent": {
                             "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-header/duet-header.tsx",
+                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-header/duet-header.tsx",
                             "id": "src/components/duet-header/duet-header.tsx::DuetHeaderChangeEvent"
                         }
                     }
@@ -1017,7 +1019,7 @@ export class DuetHeader {
                     "references": {
                         "DuetHeaderChangeEvent": {
                             "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-header/duet-header.tsx",
+                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-header/duet-header.tsx",
                             "id": "src/components/duet-header/duet-header.tsx::DuetHeaderChangeEvent"
                         }
                     }
@@ -1038,7 +1040,7 @@ export class DuetHeader {
                     "references": {
                         "DuetHeaderChangeEvent": {
                             "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-header/duet-header.tsx",
+                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-header/duet-header.tsx",
                             "id": "src/components/duet-header/duet-header.tsx::DuetHeaderChangeEvent"
                         }
                     }
@@ -1059,7 +1061,7 @@ export class DuetHeader {
                     "references": {
                         "DuetHeaderChangeEvent": {
                             "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-header/duet-header.tsx",
+                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-header/duet-header.tsx",
                             "id": "src/components/duet-header/duet-header.tsx::DuetHeaderChangeEvent"
                         }
                     }
@@ -1080,7 +1082,7 @@ export class DuetHeader {
                     "references": {
                         "DuetHeaderChangeEvent": {
                             "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-header/duet-header.tsx",
+                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-header/duet-header.tsx",
                             "id": "src/components/duet-header/duet-header.tsx::DuetHeaderChangeEvent"
                         }
                     }
@@ -1101,7 +1103,7 @@ export class DuetHeader {
                     "references": {
                         "DuetHeaderChangeEvent": {
                             "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-header/duet-header.tsx",
+                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-header/duet-header.tsx",
                             "id": "src/components/duet-header/duet-header.tsx::DuetHeaderChangeEvent"
                         }
                     }
@@ -1122,7 +1124,7 @@ export class DuetHeader {
                     "references": {
                         "DuetHeaderChangeEvent": {
                             "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-header/duet-header.tsx",
+                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-header/duet-header.tsx",
                             "id": "src/components/duet-header/duet-header.tsx::DuetHeaderChangeEvent"
                         }
                     }
@@ -1143,7 +1145,7 @@ export class DuetHeader {
                     "references": {
                         "DuetHeaderChangeEvent": {
                             "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-header/duet-header.tsx",
+                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-header/duet-header.tsx",
                             "id": "src/components/duet-header/duet-header.tsx::DuetHeaderChangeEvent"
                         }
                     }
@@ -1164,7 +1166,7 @@ export class DuetHeader {
                     "references": {
                         "DuetHeaderChangeEvent": {
                             "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-header/duet-header.tsx",
+                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-header/duet-header.tsx",
                             "id": "src/components/duet-header/duet-header.tsx::DuetHeaderChangeEvent"
                         }
                     }
@@ -1185,7 +1187,7 @@ export class DuetHeader {
                     "references": {
                         "DuetHeaderChangeEvent": {
                             "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-header/duet-header.tsx",
+                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-header/duet-header.tsx",
                             "id": "src/components/duet-header/duet-header.tsx::DuetHeaderChangeEvent"
                         }
                     }
@@ -1206,7 +1208,7 @@ export class DuetHeader {
                     "references": {
                         "DuetHeaderAnalyticsEvent": {
                             "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-header/duet-header.tsx",
+                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-header/duet-header.tsx",
                             "id": "src/components/duet-header/duet-header.tsx::DuetHeaderAnalyticsEvent"
                         }
                     }
@@ -1227,7 +1229,7 @@ export class DuetHeader {
                     "references": {
                         "DuetHeaderMobileNavToggleEvent": {
                             "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-header/duet-header.tsx",
+                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-header/duet-header.tsx",
                             "id": "src/components/duet-header/duet-header.tsx::DuetHeaderMobileNavToggleEvent"
                         }
                     }
@@ -1248,7 +1250,7 @@ export class DuetHeader {
                     "references": {
                         "DuetHeaderChangeEvent": {
                             "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-header/duet-header.tsx",
+                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-header/duet-header.tsx",
                             "id": "src/components/duet-header/duet-header.tsx::DuetHeaderChangeEvent"
                         }
                     }

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

@@ -156,7 +156,7 @@ export class DuetHeading {
                     "references": {
                         "DuetHeadingWeight": {
                             "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-heading/duet-heading.tsx",
+                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-heading/duet-heading.tsx",
                             "id": "src/components/duet-heading/duet-heading.tsx::DuetHeadingWeight"
                         }
                     }

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

@@ -360,7 +360,7 @@ export class DuetHero {
                     "references": {
                         "DuetHeroIconSize": {
                             "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-hero/duet-hero.tsx",
+                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-hero/duet-hero.tsx",
                             "id": "src/components/duet-hero/duet-hero.tsx::DuetHeroIconSize"
                         }
                     }
@@ -582,7 +582,7 @@ export class DuetHero {
                     "references": {
                         "DuetHeroButtonData": {
                             "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-hero/duet-hero.tsx",
+                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-hero/duet-hero.tsx",
                             "id": "src/components/duet-hero/duet-hero.tsx::DuetHeroButtonData"
                         }
                     }
@@ -693,7 +693,7 @@ export class DuetHero {
                     "references": {
                         "DuetHeroVariation": {
                             "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-hero/duet-hero.tsx",
+                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-hero/duet-hero.tsx",
                             "id": "src/components/duet-hero/duet-hero.tsx::DuetHeroVariation"
                         }
                     }
@@ -803,7 +803,7 @@ export class DuetHero {
                     "references": {
                         "DuetHeroClickEvent": {
                             "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-hero/duet-hero.tsx",
+                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-hero/duet-hero.tsx",
                             "id": "src/components/duet-hero/duet-hero.tsx::DuetHeroClickEvent"
                         }
                     }
@@ -824,7 +824,7 @@ export class DuetHero {
                     "references": {
                         "DuetHeroAnalyticsEvent": {
                             "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-hero/duet-hero.tsx",
+                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-hero/duet-hero.tsx",
                             "id": "src/components/duet-hero/duet-hero.tsx::DuetHeroAnalyticsEvent"
                         }
                     }

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

@@ -326,9 +326,9 @@ export class DuetIcon {
                     "resolved": "\"auto\" | \"large\" | \"medium\" | \"small\" | \"x-large\" | \"x-small\" | \"xx-large\" | \"xx-small\" | \"xxx-large\" | \"xxx-small\"",
                     "references": {
                         "DuetIconSize": {
-                            "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-icon/duet-icon.tsx",
-                            "id": "src/components/duet-icon/duet-icon.tsx::DuetIconSize"
+                            "location": "import",
+                            "path": "../../common-types",
+                            "id": "src/common-types.d.ts::DuetIconSize"
                         }
                     }
                 },

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

@@ -272,7 +272,7 @@ duet-caption:not(:last-of-type) {
   box-shadow: 0 0 0 1px #909599 !important;
 }
 .duet-theme-turva .duet-input:hover:not(:disabled) {
-  box-shadow: 0 0 0 1px #0077b3 !important;
+  box-shadow: 0 0 0 1px #747475 !important;
 }
 .has-error .duet-input:hover:not(:disabled) {
   box-shadow: 0 0 0 1px #de2362;
@@ -437,7 +437,7 @@ duet-caption:not(:last-of-type) {
   box-shadow: 0 0 0 1px #909599;
 }
 .duet-input-variation-revealable.duet-theme-turva:hover:not(.disabled) .duet-input-relative {
-  box-shadow: 0 0 0 1px #0077b3;
+  box-shadow: 0 0 0 1px #747475;
 }
 .duet-input-variation-revealable.has-error:hover:not(.disabled) .duet-input-relative {
   box-shadow: 0 0 0 1px #de2362;

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

@@ -735,7 +735,7 @@ export class DuetInput {
                     "references": {
                         "DuetInputType": {
                             "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-input/duet-input.tsx",
+                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-input/duet-input.tsx",
                             "id": "src/components/duet-input/duet-input.tsx::DuetInputType"
                         }
                     }
@@ -759,7 +759,7 @@ export class DuetInput {
                     "references": {
                         "DuetVariationType": {
                             "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-input/duet-input.tsx",
+                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-input/duet-input.tsx",
                             "id": "src/components/duet-input/duet-input.tsx::DuetVariationType"
                         }
                     }
@@ -940,7 +940,7 @@ export class DuetInput {
                     "references": {
                         "DuetInputComponentType": {
                             "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-input/duet-input.tsx",
+                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-input/duet-input.tsx",
                             "id": "src/components/duet-input/duet-input.tsx::DuetInputComponentType"
                         }
                     }
@@ -1116,7 +1116,7 @@ export class DuetInput {
                     "references": {
                         "DuetInputEvent": {
                             "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-input/duet-input.tsx",
+                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-input/duet-input.tsx",
                             "id": "src/components/duet-input/duet-input.tsx::DuetInputEvent"
                         }
                     }
@@ -1137,7 +1137,7 @@ export class DuetInput {
                     "references": {
                         "DuetInputEvent": {
                             "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-input/duet-input.tsx",
+                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-input/duet-input.tsx",
                             "id": "src/components/duet-input/duet-input.tsx::DuetInputEvent"
                         }
                     }
@@ -1158,7 +1158,7 @@ export class DuetInput {
                     "references": {
                         "DuetInputEvent": {
                             "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-input/duet-input.tsx",
+                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-input/duet-input.tsx",
                             "id": "src/components/duet-input/duet-input.tsx::DuetInputEvent"
                         }
                     }
@@ -1179,7 +1179,7 @@ export class DuetInput {
                     "references": {
                         "DuetInputEvent": {
                             "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-input/duet-input.tsx",
+                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-input/duet-input.tsx",
                             "id": "src/components/duet-input/duet-input.tsx::DuetInputEvent"
                         }
                     }
@@ -1200,7 +1200,7 @@ export class DuetInput {
                     "references": {
                         "DuetInputEvent": {
                             "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-input/duet-input.tsx",
+                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-input/duet-input.tsx",
                             "id": "src/components/duet-input/duet-input.tsx::DuetInputEvent"
                         }
                     }

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

@@ -96,7 +96,7 @@ export class DuetLabel {
                     "references": {
                         "DuetLabelMargin": {
                             "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-label/duet-label.tsx",
+                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-label/duet-label.tsx",
                             "id": "src/components/duet-label/duet-label.tsx::DuetLabelMargin"
                         }
                     }
@@ -120,7 +120,7 @@ export class DuetLabel {
                     "references": {
                         "DuetLabelSize": {
                             "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-label/duet-label.tsx",
+                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-label/duet-label.tsx",
                             "id": "src/components/duet-label/duet-label.tsx::DuetLabelSize"
                         }
                     }

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

@@ -124,7 +124,7 @@ export class DuetLayout {
                     "references": {
                         "DuetLayoutStickyDistance": {
                             "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-layout/duet-layout.tsx",
+                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-layout/duet-layout.tsx",
                             "id": "src/components/duet-layout/duet-layout.tsx::DuetLayoutStickyDistance"
                         }
                     }

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

@@ -73,8 +73,18 @@ export class DuetLink {
     screenTest(event) {
         this.isSmallScreen = event.matches;
     }
+    getAccessibleLabel() {
+        if (this.accessibleLabel) {
+            return this.accessibleLabel;
+        }
+        if (!this.element.innerHTML) {
+            return "";
+        }
+        const capitalized = this.element.innerHTML[0].toUpperCase() + this.element.innerHTML.slice(1);
+        return `${capitalized}. ${this.external ? `${this.accessibleLabelExternal}.` : ""}`;
+    }
     renderContent() {
-        return (h(Fragment, null, h("span", { class: "duet-link-content", part: "duet-link-content" }, h("slot", null)), Build.isBrowser && this.external && (h(Fragment, null, h("span", { class: "duet-link-external" }, "\u00A0", h("duet-icon", { icon: newWindowIcon.svg, size: "xx-small", margin: "none", color: "currentColor" })), h("duet-visually-hidden", null, this.accessibleLabelExternal)))));
+        return (h(Fragment, null, h("span", { class: "duet-link-content", part: "duet-link-content" }, h("slot", null)), Build.isBrowser && this.external && (h(Fragment, null, h("span", { class: "duet-link-external" }, "\u00A0", h("duet-icon", { icon: newWindowIcon.svg, size: "xx-small", margin: "none", color: "currentColor" }))))));
     }
     renderGrid() {
         return (h(Fragment, null, this.icon && (h("span", { class: "block__icon" }, h("duet-icon", { size: this.iconResponsive ? (this.isSmallScreen ? "medium" : "large") : "x-small", name: this.icon, margin: "none", color: this.iconColor }))), h("span", { class: "block__content" }, this.renderContent()), h("span", { class: "block__chevron", part: "block-chevron" }, h("duet-icon", { class: "block__chevron-icon", icon: chevronIcon.svg, size: "x-small", margin: "none", color: "primary-dark" }))));
@@ -97,7 +107,7 @@ export class DuetLink {
                 "duet-p-0": this.padding === "none",
                 [this.padding]: true,
                 [this.variation]: true,
-            }, target: this.external ? "_blank" : "_self", "aria-label": this.accessibleLabel, id: this.identifier, ref: el => (this.nativeLink = el), part: "duet-link", rel: this.external ? "noopener" : undefined }, this.variation === "block" ? this.renderGrid() : this.renderContent())));
+            }, target: this.external ? "_blank" : "_self", "aria-label": this.getAccessibleLabel(), id: this.identifier, ref: el => (this.nativeLink = el), part: "duet-link", rel: this.external ? "noopener" : undefined }, this.variation === "block" ? this.renderGrid() : this.renderContent())));
     }
     static get is() { return "duet-link"; }
     static get encapsulation() { return "shadow"; }

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

@@ -169,7 +169,7 @@ export class DuetList {
                     "references": {
                         "DuetListMobileAlignment": {
                             "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-list/duet-list.tsx",
+                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-list/duet-list.tsx",
                             "id": "src/components/duet-list/duet-list.tsx::DuetListMobileAlignment"
                         }
                     }
@@ -217,7 +217,7 @@ export class DuetList {
                     "references": {
                         "DuetListVariation": {
                             "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-list/duet-list.tsx",
+                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-list/duet-list.tsx",
                             "id": "src/components/duet-list/duet-list.tsx::DuetListVariation"
                         }
                     }
@@ -241,7 +241,7 @@ export class DuetList {
                     "references": {
                         "DuetListLabelWidth": {
                             "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-list/duet-list.tsx",
+                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-list/duet-list.tsx",
                             "id": "src/components/duet-list/duet-list.tsx::DuetListLabelWidth"
                         }
                     }

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

@@ -176,7 +176,7 @@ export class DuetLogo {
                     "references": {
                         "DuetLogoSize": {
                             "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-logo/duet-logo.tsx",
+                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-logo/duet-logo.tsx",
                             "id": "src/components/duet-logo/duet-logo.tsx::DuetLogoSize"
                         }
                     }

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

@@ -264,7 +264,7 @@ export class DuetMenuBar {
                     "references": {
                         "DuetMenuBarChangeEvent": {
                             "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-menu-bar/duet-menu-bar.tsx",
+                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-menu-bar/duet-menu-bar.tsx",
                             "id": "src/components/duet-menu-bar/duet-menu-bar.tsx::DuetMenuBarChangeEvent"
                         }
                     }

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

@@ -105,6 +105,7 @@
 }
 .duet-menu-bar-dropdown .items {
   position: absolute;
+  top: 70%;
   right: 0%;
   left: auto;
   z-index: 600;
@@ -113,11 +114,11 @@
   align-items: center;
   justify-content: center;
   min-width: 225px;
-  padding: 1rem 0;
+  padding: 8px;
   color: rgb(0, 41, 77);
-  background: rgb(243, 249, 252);
-  border-radius: 0 0 8px 8px;
-  box-shadow: 0 6px 6px 0 rgba(0, 41, 77, 0.1);
+  background: rgb(255, 255, 255);
+  border-radius: 8px;
+  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.07), 0 4px 10px 0 rgba(0, 41, 77, 0.15);
 }
 .duet-menu-bar-dropdown .items.hidden {
   display: none;

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

@@ -27,41 +27,33 @@
 .duet-menu-bar-dropdown-link {
   display: flex;
   flex-direction: row;
-  gap: 0.5rem;
+  gap: 12px;
   align-items: center;
   justify-content: flex-start;
   height: 100%;
-  padding: 0.5rem 20px;
+  padding: 0.5rem 8px;
   font-family: "localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
-  font-size: 0.875rem;
+  font-size: 1rem;
   font-weight: 400;
-  line-height: 1.25;
+  line-height: 1.5;
   color: rgb(0, 41, 77);
   text-align: center;
   text-decoration: none;
 }
-.duet-menu-bar-dropdown-link.duet-theme-turva {
-  font-family: "turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
-  color: rgb(23, 28, 58);
-}
-.duet-menu-bar-dropdown-link--slot-right:focus {
+.duet-menu-bar-dropdown-link:focus {
   outline: 0;
   box-shadow: 0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3;
 }
-.duet-theme-turva .duet-menu-bar-dropdown-link--slot-right:focus, .duet-menu-bar-dropdown-link--slot-right:focus.duet-theme-turva {
+.duet-theme-turva .duet-menu-bar-dropdown-link:focus, .duet-menu-bar-dropdown-link:focus.duet-theme-turva {
   box-shadow: 0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a;
 }
-.duet-menu-bar-dropdown-link--slot-right:hover {
-  background: rgb(230, 242, 248);
-}
-.duet-menu-bar-dropdown-link--slot-right:hover.duet-theme-turva {
-  background: rgb(228, 228, 230);
+.duet-menu-bar-dropdown-link.duet-theme-turva {
+  font-family: "turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+  color: rgb(23, 28, 58);
 }
-.duet-menu-bar-dropdown-link--slot-below:hover {
-  color: rgb(0, 77, 128);
-  background: rgb(243, 249, 252);
+.duet-menu-bar-dropdown-link:hover {
+  background: rgb(230, 242, 248);
 }
-.duet-menu-bar-dropdown-link--slot-below:hover.duet-theme-turva {
-  color: rgb(148, 9, 37);
+.duet-menu-bar-dropdown-link:hover.duet-theme-turva {
   background: rgb(228, 228, 230);
 }

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

@@ -299,7 +299,7 @@ export class DuetModal {
                     "references": {
                         "DuetModalSize": {
                             "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-modal/duet-modal.tsx",
+                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-modal/duet-modal.tsx",
                             "id": "src/components/duet-modal/duet-modal.tsx::DuetModalSize"
                         }
                     }
@@ -410,7 +410,7 @@ export class DuetModal {
                     "references": {
                         "DuetModalSize": {
                             "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-modal/duet-modal.tsx",
+                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-modal/duet-modal.tsx",
                             "id": "src/components/duet-modal/duet-modal.tsx::DuetModalSize"
                         }
                     }
@@ -652,7 +652,7 @@ export class DuetModal {
                     "references": {
                         "DuetModalCloseEvent": {
                             "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-modal/duet-modal.tsx",
+                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-modal/duet-modal.tsx",
                             "id": "src/components/duet-modal/duet-modal.tsx::DuetModalCloseEvent"
                         }
                     }

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

@@ -118,7 +118,7 @@
 }
 .duet-theme-turva .duet-multiselect:hover {
   border-color: rgb(116, 116, 117);
-  box-shadow: 0 0 0 1px #0077b3;
+  box-shadow: 0 0 0 1px #747475;
 }
 .has-error .duet-multiselect:hover {
   box-shadow: 0 0 0 1px #de2362;

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

@@ -311,7 +311,7 @@ export class DuetMultiselect {
                     "references": {
                         "DuetMultiselectItem": {
                             "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-multiselect/duet-multiselect.tsx",
+                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-multiselect/duet-multiselect.tsx",
                             "id": "src/components/duet-multiselect/duet-multiselect.tsx::DuetMultiselectItem"
                         }
                     }
@@ -446,7 +446,7 @@ export class DuetMultiselect {
                     "references": {
                         "DuetMultiselectItem": {
                             "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-multiselect/duet-multiselect.tsx",
+                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-multiselect/duet-multiselect.tsx",
                             "id": "src/components/duet-multiselect/duet-multiselect.tsx::DuetMultiselectItem"
                         }
                     }
@@ -582,7 +582,7 @@ export class DuetMultiselect {
                     "references": {
                         "DuetMultiselectEvent": {
                             "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-multiselect/duet-multiselect.tsx",
+                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-multiselect/duet-multiselect.tsx",
                             "id": "src/components/duet-multiselect/duet-multiselect.tsx::DuetMultiselectEvent"
                         }
                     }
@@ -603,7 +603,7 @@ export class DuetMultiselect {
                     "references": {
                         "DuetMultiselectEvent": {
                             "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-multiselect/duet-multiselect.tsx",
+                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-multiselect/duet-multiselect.tsx",
                             "id": "src/components/duet-multiselect/duet-multiselect.tsx::DuetMultiselectEvent"
                         }
                     }
@@ -624,7 +624,7 @@ export class DuetMultiselect {
                     "references": {
                         "DuetMultiselectEvent": {
                             "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-multiselect/duet-multiselect.tsx",
+                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-multiselect/duet-multiselect.tsx",
                             "id": "src/components/duet-multiselect/duet-multiselect.tsx::DuetMultiselectEvent"
                         }
                     }

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

@@ -3,6 +3,7 @@
  */
 import { h } from "@stencil/core";
 import { inheritGlobalTheme } from "../../common/themeable-component";
+import { subscribeTabbingChange, unsubscribeTabbingChange } from "../../utils/keyboard-utils";
 import { connectLanguageChangeObserver, disconnectLanguageChangeObserver, getLanguage, getLocaleString, } from "../../utils/language-utils";
 export class DuetNotification {
     constructor() {
@@ -27,9 +28,11 @@ export class DuetNotification {
     }
     connectedCallback() {
         connectLanguageChangeObserver(this, { prop: "accessibleLabelUnread", defaults: "accessibleLabelUnreadDefaults" });
+        subscribeTabbingChange(this);
     }
     disconnectedCallback() {
         disconnectLanguageChangeObserver(this);
+        unsubscribeTabbingChange(this);
     }
     /**
      * Move focus to the notification's link element.