@duetds/components 6.6.2 → 6.7.1

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

@@ -35,24 +35,24 @@
   font-size: 0.875rem;
   font-weight: 400;
   line-height: 1.25;
-  color: #004d80;
+  color: rgb(0, 77, 128);
   text-align: center;
   text-decoration: none;
 }
 .duet-toolbar-link.duet-theme-turva {
   font-family: "turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
-  color: #940925;
+  color: rgb(148, 9, 37);
 }
 .duet-toolbar-link:hover {
-  color: #00294d;
-  background: #f3f9fc;
+  color: rgb(0, 41, 77);
+  background: rgb(243, 249, 252);
 }
 .duet-toolbar-link:hover.duet-theme-turva {
-  color: #171c3a;
-  background: #f5f5f7;
+  color: rgb(23, 28, 58);
+  background: rgb(245, 245, 247);
 }
 .duet-toolbar-link.active {
-  color: #00294d;
+  color: rgb(0, 41, 77);
 }
 .duet-toolbar-link.active::after {
   position: absolute;
@@ -63,16 +63,16 @@
   width: 100%;
   height: 1px;
   content: "";
-  background: #0077b3;
+  background: rgb(0, 119, 179);
   transition: 300ms ease;
   transform: translateY(1px);
 }
 .duet-toolbar-link.active::after.duet-theme-turva {
-  background: #c60c30;
+  background: rgb(198, 12, 48);
 }
 .duet-toolbar-link.active.duet-theme-turva {
-  color: #171c3a;
+  color: rgb(23, 28, 58);
 }
 .duet-toolbar-link.active.duet-theme-turva::after {
-  background: #c60c30;
+  background: rgb(198, 12, 48);
 }

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

@@ -42,10 +42,10 @@
   font-size: 0.875rem;
   font-weight: 400;
   line-height: 1.25;
-  color: #00294d;
+  color: rgb(0, 41, 77);
   visibility: hidden;
-  background: white;
-  border: 1px solid #e1e3e6;
+  background: rgb(255, 255, 255);
+  border: 1px solid rgb(225, 227, 230);
   border-radius: 4px;
   box-shadow: 0 2px 10px 0 rgba(0, 41, 77, 0.07);
   opacity: 0;
@@ -55,8 +55,8 @@
 }
 .duet-tooltip.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: #171c3a;
-  border-color: #e4e4e6;
+  color: rgb(23, 28, 58);
+  border-color: rgb(228, 228, 230);
   box-shadow: 0 2px 10px 0 rgba(117, 117, 117, 0.13);
 }
 .duet-tooltip::after {
@@ -68,7 +68,7 @@
   height: 0;
   content: "";
   border: 10px solid transparent;
-  border-top: 10px solid white;
+  border-top: 10px solid rgb(255, 255, 255);
 }
 .duet-tooltip::before {
   position: absolute;
@@ -79,10 +79,10 @@
   height: 0;
   content: "";
   border: 11px solid transparent;
-  border-top: 11px solid #e1e3e6;
+  border-top: 11px solid rgb(225, 227, 230);
 }
 .duet-theme-turva .duet-tooltip::before {
-  border-top: 11px solid #e4e4e6;
+  border-top: 11px solid rgb(228, 228, 230);
 }
 .duet-tooltip.duet-tooltip-down {
   top: 100%;
@@ -94,16 +94,16 @@
   top: -20px;
   bottom: auto;
   border: 10px solid transparent;
-  border-bottom: 10px solid white;
+  border-bottom: 10px solid rgb(255, 255, 255);
 }
 .duet-tooltip.duet-tooltip-down::before {
   top: -22px;
   bottom: auto;
   border: 11px solid transparent;
-  border-bottom: 11px solid #e1e3e6;
+  border-bottom: 11px solid rgb(225, 227, 230);
 }
 .duet-theme-turva .duet-tooltip.duet-tooltip-down::before {
-  border-bottom: 11px solid #e4e4e6;
+  border-bottom: 11px solid rgb(228, 228, 230);
 }
 .duet-tooltip.duet-tooltip-left {
   right: -21px !important;
@@ -168,20 +168,20 @@
   padding: 0 !important;
   margin-right: -12px;
   line-height: normal !important;
-  color: #0077b3;
+  color: rgb(0, 119, 179);
   white-space: nowrap;
   cursor: pointer;
   background: transparent !important;
   border-radius: 4px;
 }
 .duet-tooltip-button.duet-theme-turva {
-  color: #c60c30;
+  color: rgb(198, 12, 48);
 }
 .duet-tooltip-button:hover {
-  color: #004d80;
+  color: rgb(0, 77, 128);
 }
 .duet-tooltip-button:hover.duet-theme-turva {
-  color: #940925;
+  color: rgb(148, 9, 37);
 }
 .duet-tooltip-button:focus {
   background: transparent !important;
@@ -189,10 +189,10 @@
 }
 :host(.user-is-tabbing) .duet-tooltip-button:focus {
   background: transparent !important;
-  box-shadow: 0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3 !important;
+  box-shadow: 0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px rgb(0, 119, 179) !important;
 }
 :host(.user-is-tabbing) .duet-tooltip-button.duet-theme-turva:focus {
-  box-shadow: 0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a !important;
+  box-shadow: 0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px rgb(23, 28, 58) !important;
 }
 .duet-tooltip-button svg {
   width: 20px;
@@ -219,10 +219,10 @@
   outline: none;
 }
 :host(.user-is-tabbing) .duet-tooltip-scrollable:focus {
-  box-shadow: 0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3;
+  box-shadow: 0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px rgb(0, 119, 179);
 }
 :host(.user-is-tabbing) .duet-theme-turva .duet-tooltip-scrollable:focus {
-  box-shadow: 0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a;
+  box-shadow: 0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px rgb(23, 28, 58);
 }
 .duet-tooltip-scrollable::-webkit-scrollbar {
   width: 4px;
@@ -231,11 +231,11 @@
   border-radius: 4px;
 }
 .duet-tooltip-scrollable::-webkit-scrollbar-thumb {
-  background: #e1e3e6;
+  background: rgb(225, 227, 230);
   border-radius: 4px;
 }
 .duet-theme-turva .duet-tooltip-scrollable::-webkit-scrollbar-thumb {
-  background: #e4e4e6;
+  background: rgb(228, 228, 230);
 }
 
 .duet-tooltip-label {
@@ -269,20 +269,20 @@
   padding: 0 !important;
   margin: 0 !important;
   line-height: normal;
-  color: #00294d;
+  color: rgb(0, 41, 77);
   cursor: pointer;
-  background: #f5f8fa;
+  background: rgb(245, 248, 250);
   border-radius: 50%;
   -webkit-appearance: none;
   appearance: none;
 }
 .duet-tooltip-close:focus {
   outline: none;
-  box-shadow: 0 0 0 2px #0077b3;
+  box-shadow: 0 0 0 2px rgb(0, 119, 179);
 }
 .duet-theme-turva .duet-tooltip-close:focus {
-  color: #171c3a;
-  box-shadow: 0 0 0 2px #171c3a;
+  color: rgb(23, 28, 58);
+  box-shadow: 0 0 0 2px rgb(23, 28, 58);
 }
 
 @media (min-width: 48em) {

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

@@ -396,7 +396,8 @@ export class DuetTooltip {
           "resolved": "\"large\" | \"medium\"",
           "references": {
             "DuetTooltipBreakpoint": {
-              "location": "local"
+              "location": "local",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-tooltip/duet-tooltip.tsx"
             }
           }
         },

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

@@ -38,10 +38,10 @@
   font-size: 1rem;
   font-weight: 400;
   line-height: 1.5;
-  color: #00294d;
+  color: rgb(0, 41, 77);
   visibility: hidden;
-  background: #f3f9fc;
-  border-bottom: 1px solid #e1e3e6;
+  background: rgb(243, 249, 252);
+  border-bottom: 1px solid rgb(225, 227, 230);
   box-shadow: 0 2px 6px 0 rgba(0, 41, 77, 0.07);
   opacity: 0;
   transition: opacity 600ms ease, visibility 600ms ease, transform 600ms ease;
@@ -61,16 +61,16 @@
   outline: 0;
 }
 :host(.user-is-tabbing) .duet-tray:focus {
-  box-shadow: 0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3;
+  box-shadow: 0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px rgb(0, 119, 179);
 }
 :host(.user-is-tabbing) .duet-tray.duet-theme-turva:focus {
-  box-shadow: 0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a;
+  box-shadow: 0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px rgb(23, 28, 58);
 }
 .duet-tray.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: #171c3a;
-  background: #f5f5f7;
-  border-color: #e4e4e6;
+  color: rgb(23, 28, 58);
+  background: rgb(245, 245, 247);
+  border-color: rgb(228, 228, 230);
 }
 .duet-tray.duet-tray-is-active {
   visibility: visible;
@@ -124,10 +124,10 @@
 .duet-tray-expandable-content {
   width: 100%;
   margin-top: 16px;
-  border-top: 1px solid #e1e3e6;
+  border-top: 1px solid rgb(225, 227, 230);
 }
 .duet-theme-turva .duet-tray-expandable-content {
-  border-color: #e4e4e6;
+  border-color: rgb(228, 228, 230);
 }
 
 .duet-tray-button {
@@ -138,7 +138,7 @@
   top: -2px;
   right: 0;
   z-index: 200;
-  color: #00294d;
+  color: rgb(0, 41, 77);
   text-align: center;
   cursor: pointer;
   border-radius: 4px;
@@ -156,7 +156,7 @@
   }
 }
 .duet-theme-turva .duet-tray-button {
-  color: #171c3a;
+  color: rgb(23, 28, 58);
 }
 .duet-tray-button.duet-tray-is-expanded {
   transform: rotate(-180deg);
@@ -165,10 +165,10 @@
   outline: 0;
 }
 :host(.user-is-tabbing) .duet-tray-button:focus {
-  box-shadow: 0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3;
+  box-shadow: 0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px rgb(0, 119, 179);
 }
 :host(.user-is-tabbing) .duet-theme-turva .duet-tray-button:focus {
-  box-shadow: 0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a;
+  box-shadow: 0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px rgb(23, 28, 58);
 }
 .duet-tray-button:active {
   box-shadow: none;

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

@@ -60,7 +60,7 @@
   margin: 0 auto;
   font-size: 1rem;
   font-weight: 400;
-  background-color: #f5f8fa;
+  background-color: rgb(245, 248, 250);
 }
 .duet-upload-filelist-empty-label {
   font-size: 1rem;

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

@@ -282,14 +282,14 @@ export class DuetUpload {
       }
     };
     this.uploadPendingFiles = () => {
-      for (const [key, value] of this.files.entries()) {
+      for (const [key, value] of Array.from(this.files.entries())) {
         if (value.group === "pending" && value.pending === true) {
           this.uploadFile(value, true, key);
         }
       }
     };
     this.getItemFromUID = (uid) => {
-      for (const [key, value] of this.files.entries()) {
+      for (const [key, value] of Array.from(this.files.entries())) {
         if (value.uid === uid) {
           return { value, key };
         }
@@ -378,7 +378,7 @@ export class DuetUpload {
      * @description This functions return sorted map items byg condition which are:
      */
     this.filterMap = () => {
-      const all = [...this.files.values()];
+      const all = Array.from(this.files.values());
       const inprogress = [];
       const failure = [];
       const pending = [];
@@ -938,7 +938,8 @@ export class DuetUpload {
           "resolved": "(XHRMiddlewareOptions: any) => XHRMiddlewareOptions",
           "references": {
             "XHRInternalMiddleWare": {
-              "location": "local"
+              "location": "local",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-upload/duet-upload.tsx"
             }
           }
         },
@@ -1094,7 +1095,7 @@ export class DuetUpload {
           "references": {
             "StatusMessage": {
               "location": "import",
-              "path": "../duet-upload-aria-status/duet-upload-aria-status"
+              "path": "../../common-types"
             }
           }
         },
@@ -1316,7 +1317,8 @@ export class DuetUpload {
           "resolved": "StringMap",
           "references": {
             "StringMap": {
-              "location": "local"
+              "location": "local",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-upload/duet-upload.tsx"
             }
           }
         },
@@ -1700,7 +1702,8 @@ export class DuetUpload {
           "resolved": "DuetUploadTableGroupName[]",
           "references": {
             "DuetUploadTableGroupName": {
-              "location": "local"
+              "location": "local",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-upload/duet-upload.tsx"
             }
           }
         },
@@ -1741,7 +1744,8 @@ export class DuetUpload {
           "resolved": "{ originalEvent?: Event; data?: Record<string, any>; metaData?: Record<string, any>; component: \"duet-upload\"; }",
           "references": {
             "DuetUploadEvent": {
-              "location": "local"
+              "location": "local",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-upload/duet-upload.tsx"
             }
           }
         }
@@ -1760,7 +1764,8 @@ export class DuetUpload {
           "resolved": "{ originalEvent?: Event; data?: Record<string, any>; metaData?: Record<string, any>; component: \"duet-upload\"; }",
           "references": {
             "DuetUploadEvent": {
-              "location": "local"
+              "location": "local",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-upload/duet-upload.tsx"
             }
           }
         }
@@ -1779,7 +1784,8 @@ export class DuetUpload {
           "resolved": "{ originalEvent?: Event; data?: Record<string, any>; metaData?: Record<string, any>; component: \"duet-upload\"; }",
           "references": {
             "DuetUploadEvent": {
-              "location": "local"
+              "location": "local",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-upload/duet-upload.tsx"
             }
           }
         }
@@ -1798,7 +1804,8 @@ export class DuetUpload {
           "resolved": "{ originalEvent?: Event; data?: Record<string, any>; metaData?: Record<string, any>; component: \"duet-upload\"; }",
           "references": {
             "DuetUploadEvent": {
-              "location": "local"
+              "location": "local",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-upload/duet-upload.tsx"
             }
           }
         }
@@ -1817,7 +1824,8 @@ export class DuetUpload {
           "resolved": "{ originalEvent?: Event; data?: Record<string, any>; metaData?: Record<string, any>; component: \"duet-upload\"; }",
           "references": {
             "DuetUploadEvent": {
-              "location": "local"
+              "location": "local",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-upload/duet-upload.tsx"
             }
           }
         }
@@ -1836,7 +1844,8 @@ export class DuetUpload {
           "resolved": "{ originalEvent?: Event; data?: Record<string, any>; metaData?: Record<string, any>; component: \"duet-upload\"; }",
           "references": {
             "DuetUploadEvent": {
-              "location": "local"
+              "location": "local",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-upload/duet-upload.tsx"
             }
           }
         }
@@ -1855,7 +1864,8 @@ export class DuetUpload {
           "resolved": "{ originalEvent?: Event; data?: Record<string, any>; metaData?: Record<string, any>; component: \"duet-upload\"; }",
           "references": {
             "DuetUploadEvent": {
-              "location": "local"
+              "location": "local",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-upload/duet-upload.tsx"
             }
           }
         }
@@ -1874,7 +1884,8 @@ export class DuetUpload {
           "resolved": "{ originalEvent?: Event; data?: Record<string, any>; metaData?: Record<string, any>; component: \"duet-upload\"; }",
           "references": {
             "DuetUploadEvent": {
-              "location": "local"
+              "location": "local",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-upload/duet-upload.tsx"
             }
           }
         }
@@ -1893,7 +1904,8 @@ export class DuetUpload {
           "resolved": "{ originalEvent?: Event; data?: Record<string, any>; metaData?: Record<string, any>; component: \"duet-upload\"; }",
           "references": {
             "DuetUploadEvent": {
-              "location": "local"
+              "location": "local",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-upload/duet-upload.tsx"
             }
           }
         }
@@ -1912,7 +1924,8 @@ export class DuetUpload {
           "resolved": "{ originalEvent?: Event; data?: Record<string, any>; metaData?: Record<string, any>; component: \"duet-upload\"; }",
           "references": {
             "DuetUploadEvent": {
-              "location": "local"
+              "location": "local",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-upload/duet-upload.tsx"
             }
           }
         }

package/lib/collection/components/duet-upload-aria-status/duet-upload-aria-status.js

@@ -74,7 +74,8 @@ export class DuetUploadAriaStatus {
           "resolved": "{ inProgress: string; inProgressWithErrors: string; done: string; doneWithErrors: string; file: string; files: string; }",
           "references": {
             "StatusMessage": {
-              "location": "local"
+              "location": "import",
+              "path": "../../common-types"
             }
           }
         },

package/lib/collection/utils/language-utils.js

@@ -1,6 +1,7 @@
 /*!
  * Built with Duet Design System
  */
+import { Build } from "@stencil/core";
 import { convertHtmlQuotes } from "./string-utils";
 const localeLookUpTable = {
   fi: "fi-FI",
@@ -87,3 +88,37 @@ export const getLocaleString = (langObject, languageOverride) => {
     return obj[getLanguage()];
   }
 };
+/**
+ * Language change observer
+ *
+ * Change component's language property or state when the html lang attribute changes.
+ * For now the <html> element must have the data-duet-lang-observe attribute set to a truthy value for the
+ * language change to happen. At a later point this will be done without requiring the data attribute.
+ *
+ * Usage:
+ * Call connectLanguageChangeObserver(this) in component's connectedCallback and
+ * disconnectLanguageChangeObserver(this) in disconnectedCallback.
+ */
+const languageChangeSubscribers = new Set();
+const languagaChangeObserverCallback = () => {
+  if (document.documentElement.dataset.duetLangObserve) {
+    languageChangeSubscribers.forEach((component) => {
+      if (component.language) {
+        component.language = getLanguage();
+      }
+      else {
+        console.log("Language change observer: component does not have a language property", component);
+      }
+    });
+  }
+};
+if (!Build.isServer) {
+  const languageChangeObserver = new MutationObserver(languagaChangeObserverCallback);
+  languageChangeObserver.observe(document.documentElement, { attributeFilter: ["lang"] });
+}
+export const connectLanguageChangeObserver = (component) => {
+  languageChangeSubscribers.add(component);
+};
+export const disconnectLanguageChangeObserver = (component) => {
+  languageChangeSubscribers.delete(component);
+};

package/lib/dist-custom-elements/duet-action-button.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { D as DuetActionButton$1, d as defineCustomElement$1 } from './p-35c42834.js';
+import { D as DuetActionButton$1, d as defineCustomElement$1 } from './p-2a6f4122.js';
 
 const DuetActionButton = DuetActionButton$1;
 const defineCustomElement = defineCustomElement$1;

package/lib/dist-custom-elements/duet-alert.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { D as DuetAlert$1, d as defineCustomElement$1 } from './p-691b1920.js';
+import { D as DuetAlert$1, d as defineCustomElement$1 } from './p-5fdfdb42.js';
 
 const DuetAlert = DuetAlert$1;
 const defineCustomElement = defineCustomElement$1;

package/lib/dist-custom-elements/duet-badge.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { D as DuetBadge$1, d as defineCustomElement$1 } from './p-3bd1c042.js';
+import { D as DuetBadge$1, d as defineCustomElement$1 } from './p-42457971.js';
 
 const DuetBadge = DuetBadge$1;
 const defineCustomElement = defineCustomElement$1;

package/lib/dist-custom-elements/duet-breadcrumb.js

@@ -1,11 +1,11 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h, b as Host } from './p-e565b192.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-67e14cd3.js';
 import { i as inheritGlobalTheme } from './p-4ebf1618.js';
-import { d as defineCustomElement$2 } from './p-a1657855.js';
+import { d as defineCustomElement$2 } from './p-c6137eb6.js';
 
-const duetBreadcrumbCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%}.duet-breadcrumb{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;height:100%;font-size:0.875rem;color:#00294d;text-decoration:none}.duet-breadcrumb:hover{color:#004d80}.duet-breadcrumb.duet-theme-turva{color:#171c3a}.duet-breadcrumb.duet-theme-turva:hover{color:#940925}.duet-breadcrumb:focus{outline:0}.duet-breadcrumb:active{opacity:0.75}:host(.user-is-tabbing) .duet-breadcrumb:focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing) .duet-breadcrumb.duet-theme-turva:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}";
+const duetBreadcrumbCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%}.duet-breadcrumb{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;height:100%;font-size:0.875rem;color:rgb(0, 41, 77);text-decoration:none}.duet-breadcrumb:hover{color:rgb(0, 77, 128)}.duet-breadcrumb.duet-theme-turva{color:rgb(23, 28, 58)}.duet-breadcrumb.duet-theme-turva:hover{color:rgb(148, 9, 37)}.duet-breadcrumb:focus{outline:0}.duet-breadcrumb:active{opacity:0.75}:host(.user-is-tabbing) .duet-breadcrumb:focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px rgb(0, 119, 179)}:host(.user-is-tabbing) .duet-breadcrumb.duet-theme-turva:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px rgb(23, 28, 58)}";
 
 const DuetBreadcrumb$1 = /*@__PURE__*/ proxyCustomElement(class extends H {
   constructor() {

package/lib/dist-custom-elements/duet-breadcrumbs.js

@@ -1,14 +1,14 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h, F as Fragment, b as Host } from './p-e565b192.js';
+import { p as proxyCustomElement, H, h, F as Fragment, d as Host } from './p-67e14cd3.js';
 import { i as inheritGlobalTheme } from './p-4ebf1618.js';
-import { g as getLocaleString } from './p-ede854e1.js';
-import { d as defineCustomElement$2 } from './p-a1657855.js';
+import { g as getLocaleString } from './p-6c05e879.js';
+import { d as defineCustomElement$2 } from './p-c6137eb6.js';
 
 var actionArrowRightSmall={"title":"action-arrow-right-small","tags":"action arrow right small caret","svg":"<svg fill=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" role=\"img\"><path d=\"M19.5 12a2.3 2.3 0 0 1-.78 1.729L7.568 23.54a1.847 1.847 0 0 1-2.439-2.773l9.752-8.579a.25.25 0 0 0 0-.376L5.129 3.233A1.847 1.847 0 0 1 7.568.46l11.148 9.808A2.31 2.31 0 0 1 19.5 12z\"/></svg>"};
 
-const duetBreadcrumbsCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block}.duet-breadcrumbs{font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"}.duet-breadcrumbs ol{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px;align-items:center;justify-content:flex-start;padding:10px 16px;color:#00294d;list-style:none;background:#f3f9fc;border-bottom:1px solid #e1e3e6}@media (min-width: 62em){.duet-breadcrumbs ol{padding:10px 36px}}.duet-breadcrumbs.duet-theme-turva{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"}.duet-breadcrumbs.duet-theme-turva ol{color:#171c3a;background:#f5f5f7}.duet-breadcrumbs .duet-breadrumbs-arrow{display:inherit;align-items:center;justify-content:center;width:0.375rem;height:0.375rem}.duet-breadcrumbs .hide{display:none}";
+const duetBreadcrumbsCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block}.duet-breadcrumbs{font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"}.duet-breadcrumbs ol{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px;align-items:center;justify-content:flex-start;padding:10px 16px;color:rgb(0, 41, 77);list-style:none;background:rgb(243, 249, 252);border-bottom:1px solid rgb(225, 227, 230)}@media (min-width: 62em){.duet-breadcrumbs ol{padding:10px 36px}}.duet-breadcrumbs.duet-theme-turva{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"}.duet-breadcrumbs.duet-theme-turva ol{color:rgb(23, 28, 58);background:rgb(245, 245, 247)}.duet-breadcrumbs .duet-breadrumbs-arrow{display:inherit;align-items:center;justify-content:center;width:0.375rem;height:0.375rem}.duet-breadcrumbs .hide{display:none}";
 
 const DuetBreadcrumbs$1 = /*@__PURE__*/ proxyCustomElement(class extends H {
   constructor() {

package/lib/dist-custom-elements/duet-button.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { D as DuetButton$1, d as defineCustomElement$1 } from './p-f039872b.js';
+import { D as DuetButton$1, d as defineCustomElement$1 } from './p-1b0ba3fe.js';
 
 const DuetButton = DuetButton$1;
 const defineCustomElement = defineCustomElement$1;

package/lib/dist-custom-elements/duet-caption.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { D as DuetCaption$1, d as defineCustomElement$1 } from './p-add72ec7.js';
+import { D as DuetCaption$1, d as defineCustomElement$1 } from './p-fc98d756.js';
 
 const DuetCaption = DuetCaption$1;
 const defineCustomElement = defineCustomElement$1;