@duetds/components 6.2.3 → 6.2.5

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

@@ -1,20 +1,20 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, c as createEvent, h } from './p-e68fe06d.js';
+import { p as proxyCustomElement, H, c as createEvent, h } from './p-14a163e6.js';
 import { a as actionNewWindowSmall } from './p-f11208c3.js';
 import { D as DuetStringsExternalDefaults } from './p-76f00bd5.js';
 import { i as inheritGlobalTheme } from './p-4ebf1618.js';
 import { a as getLanguage, g as getLocaleString } from './p-ede854e1.js';
 import { p as parsePossibleJSON } from './p-5a9d75e1.js';
-import { d as defineCustomElement$9 } from './p-321dbb74.js';
-import { d as defineCustomElement$8 } from './p-7fca7185.js';
-import { d as defineCustomElement$7 } from './p-bd533ea2.js';
-import { d as defineCustomElement$6 } from './p-d80f3be0.js';
-import { d as defineCustomElement$5 } from './p-63ec7354.js';
-import { d as defineCustomElement$4 } from './p-00d8bf80.js';
-import { d as defineCustomElement$3 } from './p-77e39f63.js';
-import { d as defineCustomElement$2 } from './p-d339505b.js';
+import { d as defineCustomElement$9 } from './p-eb6fc032.js';
+import { d as defineCustomElement$8 } from './p-0cc49790.js';
+import { d as defineCustomElement$7 } from './p-fddad5df.js';
+import { d as defineCustomElement$6 } from './p-f7c0e5bf.js';
+import { d as defineCustomElement$5 } from './p-a1212d29.js';
+import { d as defineCustomElement$4 } from './p-82fec063.js';
+import { d as defineCustomElement$3 } from './p-354f8a94.js';
+import { d as defineCustomElement$2 } from './p-10feffd3.js';
 
 const duetHeroCss = "*,*::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-hero{position:relative;display:block;width:100%;padding:48px 28px;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:1rem;font-style:normal;font-weight:400;line-height:1.5;text-decoration:none;text-shadow:none;text-transform:none;background:#00294d}.duet-hero.duet-p-0{padding:0 !important}.duet-hero.duet-m-0{margin:0 !important}.duet-hero.duet-hero-text-center{text-align:center !important}.duet-hero.duet-hero-light{padding-bottom:0 !important}@media (min-width: 62em){.duet-hero.duet-hero-light{padding-bottom:28px !important}}.duet-hero.duet-hero-with-image{padding-bottom:20px !important;margin-bottom:-36px}@media (min-width: 48em){.duet-hero.duet-hero-with-image{padding-bottom:28px !important}}@media (min-width: 62em){.duet-hero.duet-hero-with-image{padding-bottom:36px !important;margin-bottom:-20px}}.duet-hero.duet-hero-light,.duet-hero.duet-hero-with-image{color:#00294d;background-color:white;background-image:linear-gradient(#f3f9fc, #f9fcfe)}.duet-hero.duet-hero-light::before,.duet-hero.duet-hero-with-image::before{position:absolute;top:100%;left:0;z-index:-1;width:100%;height:400px;content:\"\";background-image:linear-gradient(#f9fcfe, white)}.duet-hero.duet-hero-light.duet-theme-turva,.duet-hero.duet-hero-with-image.duet-theme-turva{color:#171c3a;background-image:linear-gradient(#f5f5f7, #fafafb)}.duet-hero.duet-hero-light.duet-theme-turva::before,.duet-hero.duet-hero-with-image.duet-theme-turva::before{background-image:linear-gradient(#fafafb, white)}.duet-hero.duet-hero-gray{color:#00294d;background:#f5f8fa}.duet-hero.duet-hero-gray.duet-theme-turva{background:#f5f5f7}@media (min-width: 62em){.duet-hero.duet-hero-gray .duet-hero-text{display:inline-block;vertical-align:top}.duet-hero.duet-hero-gray .duet-hero-icon+.duet-hero-text{margin-left:28px}}@media (min-width: 62em){.duet-hero.duet-hero-gray-with-actions{padding-bottom:65.4545454545px}}@media (min-width: 62em){.duet-hero.duet-hero-gray-with-back{padding-top:72px}}.duet-hero.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\";background:#c60c30}@media (min-width: 62em){.duet-hero{min-height:290px;padding:111.6px 56px;overflow:visible}}.duet-hero-icon{display:inline-block;vertical-align:top}@media (min-width: 62em){.duet-hero-icon{margin-top:-8px}}@media (min-width: 62em){.duet-hero-heading{margin-top:12px}}@media (min-width: 62em){.duet-hero-heading-has-pre{margin-top:0}}.duet-hero-wrapper{position:relative;width:100%;max-width:1110px;margin:0 auto;text-align:center}.duet-hero-left-align .duet-hero-wrapper{text-align:left}.duet-hero-with-image .duet-hero-wrapper{position:static}@media (min-width: 62em){.duet-hero-wrapper{text-align:left}}.duet-hero-text{max-width:50rem;margin:0 auto}.duet-hero-text-center .duet-hero-text{text-align:center !important}@media (min-width: 48em){.duet-hero-text{width:80%}.duet-hero-left-align .duet-hero-text{margin:0}}@media (min-width: 62em){.duet-hero-text{width:52%;max-width:none;margin-top:-10px;margin-left:0}.duet-hero-text-center .duet-hero-text{margin-left:auto}}.duet-hero:not(.duet-hero-with-image) .duet-hero-image{width:100%;max-width:400px;height:0;padding-bottom:50%;margin:28px auto 0;background-repeat:no-repeat;background-position:50% 50%;background-size:contain}@media (min-width: 36em){.duet-hero:not(.duet-hero-with-image) .duet-hero-image{padding-bottom:40%}}@media (min-width: 48em){.duet-hero:not(.duet-hero-with-image) .duet-hero-image{max-width:420px;padding-bottom:34%}.duet-hero-light .duet-hero:not(.duet-hero-with-image) .duet-hero-image{max-width:540px}}@media (min-width: 62em){.duet-hero:not(.duet-hero-with-image) .duet-hero-image{position:absolute;top:50%;right:0;padding-bottom:30%;margin:0;transform:translateY(-50%)}.duet-hero-light .duet-hero:not(.duet-hero-with-image) .duet-hero-image{right:-60px;padding-bottom:26%}.duet-hero-gray .duet-hero:not(.duet-hero-with-image) .duet-hero-image{right:-34px;padding-bottom:20%}}@media (min-width: 62em){.duet-hero-gray:not(.duet-hero-with-image) .duet-hero-image{right:-34px;padding-bottom:20%}}.duet-hero-image-wrapper{position:relative;width:80%;height:0;padding-bottom:80%;margin:-30px auto 36px;overflow:hidden;border-radius:28%;box-shadow:0 0 20px rgba(255, 255, 255, 0.5);transform:rotate(10deg)}.duet-theme-turva .duet-hero-image-wrapper{padding-bottom:68%;border-radius:44% 47% 38% 54%;transform:none}@media screen and (min-width: 440px){.duet-hero-image-wrapper{width:300px;padding-bottom:300px}.duet-theme-turva .duet-hero-image-wrapper{width:80%;padding-bottom:68%}}@media (min-width: 62em){.duet-hero-image-wrapper{position:absolute;top:-60px;right:-50px;width:470px;padding-bottom:470px;margin:0}.duet-theme-turva .duet-hero-image-wrapper{top:-40px;right:-80px;width:536px;padding-bottom:470px}}@media (min-width: 76.25em){.duet-hero-image-wrapper{top:-70px;right:-60px;width:600px;padding-bottom:600px}.duet-theme-turva .duet-hero-image-wrapper{top:-70px;right:-60px;width:650px;padding-bottom:600px}}@media screen and (min-width: 1450px){.duet-hero-image-wrapper{top:-70px;right:25px}.duet-theme-turva .duet-hero-image-wrapper{right:0}}.duet-hero-image-wrapper .duet-hero-image{position:absolute;top:-5%;left:-5%;width:110%;height:110%;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;transform:rotate(-10deg)}.duet-theme-turva .duet-hero-image-wrapper .duet-hero-image{top:0;left:0;width:100%;height:100%;transform:none}.duet-hero-image-mask{position:relative;margin:-48px auto 0;overflow:hidden}@media (min-width: 62em){.duet-hero-image-mask{position:absolute;top:0;right:0;width:470px;height:460px;margin:0}}@media (min-width: 76.25em){.duet-hero-image-mask{width:650px;height:580px}}@media screen and (min-width: 1450px){.duet-hero-image-mask{right:50%;transform:translateX(110%)}.duet-theme-turva .duet-hero-image-mask{transform:translateX(108%)}}duet-heading+duet-button{margin-top:12px !important}.duet-hero-links{width:calc(100% + 56px);margin-top:48px;margin-left:-28px}.duet-hero-minimal .duet-hero-links{margin-top:28px}@media (min-width: 36em){.duet-hero-links{margin-top:72px}.duet-hero-minimal .duet-hero-links{margin-top:28px}}@media (min-width: 62em){.duet-hero-links{width:auto;margin:36px 0 0}.duet-hero-minimal .duet-hero-links{margin-top:28px}}.duet-hero-link{display:flex;align-items:center;width:100%;padding:16px 16px 8px;font-weight:600;-webkit-hyphens:auto;hyphens:auto;line-height:1.25;color:#0077b3;text-align:left;text-decoration:none;border-bottom:1px solid #e1e3e6;transition:background-color 300ms ease}.duet-hero-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-hero-link:focus,.duet-hero-link:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-hero-link:hover,.duet-hero-link:hover .duet-hero-action-arrow{color:#004d80 !important;background:transparent !important}.duet-theme-turva .duet-hero-link:hover,.duet-theme-turva .duet-hero-link:hover .duet-hero-action-arrow{color:#940925 !important}.duet-theme-turva .duet-hero-link{color:#c60c30}@media (min-width: 36em){.duet-hero-link{padding:16px 16px 16px 28px}}@media (min-width: 62em){.duet-hero-link{display:inline-flex;width:auto;max-width:350px;padding:0;margin:0 28px 16px 0;border:0;border-radius:4px}}.duet-hero-link:hover{background:rgba(0, 0, 0, 0.02)}@media (min-width: 62em){.duet-hero-link:hover{background:transparent}}.duet-hero-link:first-of-type{border-top:1px solid #e1e3e6}@media (min-width: 62em){.duet-hero-link:first-of-type{margin-top:0;border:0}}.duet-hero-link:last-of-type{margin-bottom:-48px}@media (min-width: 62em){.duet-hero-link:last-of-type{margin-right:0;margin-bottom:0}}.duet-hero-link span{margin-top:-8px}@media (min-width: 36em){.duet-hero-link span{margin:0}}.duet-hero-action-icon{margin-right:8px}@media (min-width: 36em){.duet-hero-action-icon{margin-right:12px}}.duet-hero-action-arrow{margin:0 0 0 8px;color:#0077b3}@media (max-width: 35.9375em){.duet-hero-action-arrow{margin-top:-9px}}.duet-theme-turva .duet-hero-action-arrow{color:#c60c30}.duet-hero-back{margin-bottom:28px !important;display:flex;align-items:center;justify-content:center}.duet-hero-left-align .duet-hero-back{align-items:self-start;justify-content:flex-start}@media (min-width: 36em){.duet-hero-back{margin-bottom:36px !important}.duet-hero-minimal .duet-hero-back{margin-bottom:28px !important}}@media (min-width: 62em){.duet-hero-back{display:block}}.duet-hero-pre{display:inline-block;width:auto;margin-right:8px}.duet-hero-pre+duet-heading{margin-top:0 !important}";
 
@@ -26,119 +26,44 @@ const DuetHero$1 = /*@__PURE__*/ proxyCustomElement(class extends H {
     this.duetClick = createEvent(this, "duetClick", 7);
     this.duetAnalytics = createEvent(this, "duetAnalytics", 7);
     /**
-     * State() variables
-     * Inlined decorator, alphabetical order.
+     * Component event handling.
      */
+    this.handleClick = (ev, data) => {
+      if (data && data.analytics) {
+        this.duetAnalytics.emit({
+          component: "duet-hero",
+          analyticsId: data.analytics,
+        });
+      }
+      this.emitChange(ev, data);
+    };
     this.processedListItems = null;
     this.processedActions = null;
     this.processedBack = null;
-    /**
-     * Theme of the hero area.
-     */
     this.theme = "";
-    /**
-     * @deprecated please use heading slot instead.
-     * The heading of the hero area, rendered in an H1 tag. P.S. you can control
-     * the level of the HTML heading by using “level” prop. If empty, heading
-     * will be hidden.
-     */
     this.heading = "";
-    /**
-     * The headline shown before heading.
-     */
     this.preHeading = "";
-    /**
-     * The level of the heading.
-     */
     this.level = "h1";
-    /**
-     * The description of the hero area, rendered in a P tag. If empty, description
-     * will be hidden.
-     */
     this.description = "";
-    /**
-     * Icon to display to the left of the button content. If empty, icon will be hidden.
-     */
     this.icon = "";
-    /**
-     * Icon size for the button.
-     */
     this.iconSize = "medium";
-    /**
-     * Show icon on the right side of the button content.
-     */
     this.iconRight = false;
-    /**
-     * Icon to display to the left of the heading in gray hero area variation. If empty, icon will be hidden.
-     */
     this.categoryIcon = "";
-    /**
-     * Icon color to use for the category icon that can be used in gray hero area variation.
-     */
     this.categoryIconColor = "category-pet";
-    /**
-     * Text label shown inside the button. If empty, button will be hidden.
-     */
     this.buttonLabel = "";
-    /**
-     * The currently active language. This setting changes the accessible labels to match the
-     * chosen language.
-     * @deprecated this is now handled via the html lang tag, and is no longer used - kept to avoid breaking changes and ease unit testing
-     * @default "fi"
-     */
     this.language = getLanguage();
-    /**
-     * Defaults for accessibleLabelExternal
-     * @default {fi: "Avautuu uuteen ikkunaan",sv: "Öppnas i nytt fönster",en: "Opens in a new window"}
-     */
     this.accessibleLabelExternalDefaults = DuetStringsExternalDefaults;
-    /**
-     * Adds accessible label for tooltip that is shown in external link (url & external have both been set)
-     * @default {fi: "Avautuu uuteen ikkunaan",sv: "Öppnas i nytt fönster",en: "Opens in a new window"}
-     */
     this.accessibleLabelExternal = getLocaleString(this.accessibleLabelExternalDefaults);
-    /**
-     * URL that the button links to.
-     */
     this.buttonUrl = "#";
-    /**
-     * ID for the button.
-     */
     this.buttonId = "";
-    /**
-     * Centers the text in hero area.
-     */
+    this.buttonData = undefined;
     this.textCenter = false;
-    /**
-     * Forces all items in the header to be leftAligned
-     * This can be used on mobiles to create leftAligned hero areas that either are only leftaligned on smaller devices
-     * or allways leftAligned (you must manually switch this parameter if you need special breakpoints)
-     * this nullifies textCenter prop
-     */
     this.leftAlign = false;
-    /**
-     * URL of the image shown inside the hero area. The width of the displayed image
-     * should be 800px. Optimal aspect ratio is 3:2. When using “image” variation of
-     * Hero Area the required image size is 1200x1200px (1:1 ratio). If this
-     * property is left empty, image will be hidden.
-     */
     this.image = "";
-    /**
-     * Style variation of the hero area.
-     */
     this.variation = "default";
-    /**
-     * Component event handling.
-     */
-    this.handleClick = (ev, data) => {
-      if (data && data.analytics) {
-        this.duetAnalytics.emit({
-          component: "duet-hero",
-          analyticsId: data.analytics,
-        });
-      }
-      this.emitChange(ev, data);
-    };
+    this.back = undefined;
+    this.listItems = undefined;
+    this.actions = undefined;
   }
   /**
    * Component lifecycle events.

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

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

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

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

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

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { D as DuetLabel$1, d as defineCustomElement$1 } from './p-2320f4a6.js';
+import { D as DuetLabel$1, d as defineCustomElement$1 } from './p-9245c901.js';
 
 const DuetLabel = DuetLabel$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h, b as Host } from './p-e68fe06d.js';
+import { p as proxyCustomElement, H, h, b as Host } from './p-14a163e6.js';
 import { i as isInternetExplorer } from './p-704245ef.js';
 
 const duetLayoutCss = "*,*::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;flex:1 0 auto;width:100%}:host(.duet-middle){display:flex}:host(.duet-middle) .duet-layout{padding:36px 28px !important}@media (min-width: 36em){:host(.duet-middle) .duet-layout{padding:48px 36px !important}}@media (min-width: 62em){:host(.duet-middle) .duet-layout{padding:56px !important}}:host(.duet-ie){height:100%}:host(.duet-middle.duet-ie){height:auto}.duet-layout{position:relative;padding:0 16px;margin:48px auto 36px}@media (max-width: 20.5em){.duet-layout.padding-xxx-small{padding:0}}@media (max-width: 22.5em){.duet-layout.padding-xx-small{padding:0}}@media (max-width: 35.9375em){.duet-layout.padding-x-small{padding:0}}@media (min-width: 36em){.duet-layout.padding-small{padding:0}}@media (min-width: 48em){.duet-layout.padding-medium{padding:0}}@media (min-width: 62em){.duet-layout.padding-large{padding:0}}@media (min-width: 64.0625em){.duet-layout.padding-x-large{padding:0}}@media (min-width: 76.25em){.duet-layout.padding-xx-large{padding:0}}@media (min-width: 106.25em){.duet-layout.padding-xxx-large{padding:0}}@media (min-width: 36em){.duet-layout{margin-top:72px}}.duet-layout.duet-layout-has-top{margin-top:0}.duet-layout.duet-m-0{margin-top:0 !important;margin-bottom:0 !important}.duet-layout.duet-center{display:flex;align-items:center;justify-content:center;width:100%;max-width:888px}@media (min-width: 36em){.duet-layout.duet-center{padding:0 48px}}@media (min-width: 48em){.duet-layout.duet-center{padding:0 72px}}@media (min-width: 62em){.duet-layout.duet-center{width:100%}}@media (min-width: 36em){.duet-layout{padding:0 28px}}@media (min-width: 62em){.duet-layout{display:flex;flex-direction:row;padding:0 56px;margin-bottom:48px}}@media (min-width: 76.25em){.duet-layout{max-width:1110px;padding:0}}.duet-main,.duet-sidebar,.duet-layout-top,.duet-layout-bottom{display:block;width:100%}.duet-layout-top{position:relative;display:block;width:100%;margin:72px auto 0}.duet-layout-top.duet-m-0{margin-top:0 !important;margin-bottom:0 !important}.duet-layout-top .duet-layout-top-wrapper{padding:0 20px;margin:0 auto}@media (min-width: 36em){.duet-layout-top .duet-layout-top-wrapper{padding:0 28px}}@media (min-width: 62em){.duet-layout-top .duet-layout-top-wrapper{padding:0 56px}}@media (min-width: 76.25em){.duet-layout-top .duet-layout-top-wrapper{max-width:1110px;padding:0}}.duet-center .duet-layout-top-wrapper{max-width:888px}@media (min-width: 36em){.duet-center .duet-layout-top-wrapper{padding:0 48px}}@media (min-width: 48em){.duet-center .duet-layout-top-wrapper{padding:0 72px}}@media (min-width: 62em){.duet-main{min-width:600px;margin:0 auto}.has-sidebar .duet-main{max-width:734px;margin-right:20px}}@media (min-width: 62em){.duet-sidebar{min-width:256px;max-width:356px}}@media (min-width: 62em){.duet-sidebar-container{width:auto;max-width:356px}}@media (min-width: 62em){.duet-sidebar-container.has-tabs{margin-top:89px}}@media (min-width: 62em){.duet-sidebar-container.sticky{position:sticky}.duet-sidebar-container.sticky.with-links{top:calc(3rem + 20px)}.duet-sidebar-container.sticky.without-links{top:calc(4rem + 20px)}}";
@@ -16,35 +16,12 @@ const DuetLayout$1 = /*@__PURE__*/ proxyCustomElement(class extends H {
      */
     this.hasSidebar = false;
     this.hasTop = false;
-    /**
-     * Makes the sidebar stick to the top of the window when scrolling down.
-     */
     this.sticky = false;
-    /**
-     * Controls the margin of the component.
-     */
     this.margin = "auto";
-    /**
-     * Adjust sticky sidebar’s distance to duet navigation component using this property.
-     */
     this.stickyDistance = "with-links";
-    /**
-     * Center align all direct children of this component.
-     */
     this.center = false;
-    /**
-     * If set to true, the sidebar position will be adjusted to take tabs inside main content
-     * area into account.
-     */
     this.tabs = false;
-    /**
-     * Align container vertically in the middle when the space allows it.
-     */
     this.middle = false;
-    /**
-     * Breakpoint used to remove padding. These match to
-     * similar media query tokens: $media-query-small and $media-query-medium.
-     */
     this.paddingBreakpoint = undefined;
   }
   /**

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

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

package/lib/dist-custom-elements/duet-list-item.js

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

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

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

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

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { D as DuetLogo$1, d as defineCustomElement$1 } from './p-428f8fe3.js';
+import { D as DuetLogo$1, d as defineCustomElement$1 } from './p-37dd7faf.js';
 
 const DuetLogo = DuetLogo$1;
 const defineCustomElement = defineCustomElement$1;

package/lib/dist-custom-elements/duet-menu-bar-dropdown-link.js

@@ -1,9 +1,9 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h, b as Host } from './p-e68fe06d.js';
+import { p as proxyCustomElement, H, h, b as Host } from './p-14a163e6.js';
 import { i as inheritGlobalTheme } from './p-4ebf1618.js';
-import { d as defineCustomElement$2 } from './p-bd533ea2.js';
+import { d as defineCustomElement$2 } from './p-fddad5df.js';
 
 const duetMenuBarDropdownLinkCss = "*,*::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;width:100%;height:100%}.duet-menu-bar-dropdown-link{display:flex;flex-direction:row;gap:0.5rem;align-items:center;justify-content:flex-start;height:100%;padding:0.5rem 20px;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-weight:400;line-height:1.25;color:#00294d;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:#171c3a}.duet-menu-bar-dropdown-link:hover{background:#e6f2f8}.duet-menu-bar-dropdown-link:hover.duet-theme-turva{background:#e4e4e6}";
 
@@ -12,17 +12,8 @@ const DuetMenuBarDropdownLink$1 = /*@__PURE__*/ proxyCustomElement(class extends
     super();
     this.__registerHost();
     this.__attachShadow();
-    /**
-     * Theme.
-     */
     this.theme = "";
-    /**
-     * Href
-     */
     this.href = "#";
-    /**
-     * Icon
-     */
     this.icon = undefined;
   }
   /**

package/lib/dist-custom-elements/duet-menu-bar-dropdown.js

@@ -1,9 +1,9 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, c as createEvent, h, b as Host } from './p-e68fe06d.js';
+import { p as proxyCustomElement, H, c as createEvent, h, b as Host } from './p-14a163e6.js';
 import { i as inheritGlobalTheme } from './p-4ebf1618.js';
-import { d as defineCustomElement$2 } from './p-bd533ea2.js';
+import { d as defineCustomElement$2 } from './p-fddad5df.js';
 
 const duetMenuBarDropdownCss = "*,*::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;height:100%}.duet-menu-bar-dropdown{position:relative;height:100%}.duet-menu-bar-dropdown button{position:relative;display:flex;gap:8px;align-items:center;justify-content:center;height:100%;min-height:5rem;padding:0 12px;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-weight:400;line-height:1.25;color:#004d80;text-align:center;text-decoration:none;cursor:pointer}@media (min-width: 62em){.duet-menu-bar-dropdown button{padding:0 20px}}@media (min-width: 64.0625em){.duet-menu-bar-dropdown button{padding:0 28px}}.duet-menu-bar-dropdown button .label{display:flex;gap:0.5rem;align-items:center;justify-content:center}.duet-menu-bar-dropdown button:hover{color:#0077b3}.duet-menu-bar-dropdown button.active{color:#0077b3}.duet-menu-bar-dropdown button.active .caret{transform:rotate(180deg)}.duet-theme-turva .duet-menu-bar-dropdown button.active{color:#c60c30}.duet-menu-bar-dropdown button.active::after{position:absolute;top:auto;bottom:2px;left:0;display:block;width:100%;height:2px;content:\"\";background:#0077b3;transition:300ms ease;transform:translateY(2px)}.duet-theme-turva .duet-menu-bar-dropdown button.active::after{background:#c60c30}.duet-menu-bar-dropdown .items{position:absolute;right:0%;left:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:225px;padding:1rem 0;color:#00294d;background:#f3f9fc;border-radius:0 0 8px 8px;box-shadow:0 6px 6px 0 rgba(0, 41, 77, 0.1)}.duet-menu-bar-dropdown .items.hidden{display:none}.duet-menu-bar-dropdown.duet-theme-turva button{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:#940925}.duet-menu-bar-dropdown.duet-theme-turva button:hover{color:#c60c30}.duet-menu-bar-dropdown.duet-theme-turva button.active{color:#c60c30}.duet-menu-bar-dropdown.duet-theme-turva button.active::after{background:#c60c30}.duet-menu-bar-dropdown.duet-theme-turva .items{background:#f5f5f7}";
 
@@ -13,18 +13,6 @@ const DuetMenuBarDropdown$1 = /*@__PURE__*/ proxyCustomElement(class extends H {
     this.__registerHost();
     this.__attachShadow();
     this.duetMenuBarDropdownEvent = createEvent(this, "duetMenuBarDropdownEvent", 7);
-    /**
-     * Theme.
-     */
-    this.theme = "";
-    /**
-     * Open
-     */
-    this.open = false;
-    /**
-     * Icon
-     */
-    this.icon = undefined;
     this.toggleMenu = (e) => {
       const toggle = !this.open;
       this.open = toggle;
@@ -38,6 +26,9 @@ const DuetMenuBarDropdown$1 = /*@__PURE__*/ proxyCustomElement(class extends H {
       this.toggleMenu(e);
       e.stopImmediatePropagation();
     };
+    this.theme = "";
+    this.open = false;
+    this.icon = undefined;
   }
   /**
    * Component lifecycle events.

package/lib/dist-custom-elements/duet-menu-bar-link.js

@@ -1,9 +1,9 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h, b as Host } from './p-e68fe06d.js';
+import { p as proxyCustomElement, H, h, b as Host } from './p-14a163e6.js';
 import { i as inheritGlobalTheme } from './p-4ebf1618.js';
-import { d as defineCustomElement$2 } from './p-bd533ea2.js';
+import { d as defineCustomElement$2 } from './p-fddad5df.js';
 
 const duetMenuBarLinkCss = "*,*::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;height:100%}.duet-menu-bar-link{position:relative;display:flex;gap:8px;align-items:center;justify-content:center;height:100%;padding:0 12px;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-weight:400;line-height:1.25;color:#004d80;text-align:center;text-decoration:none}@media (min-width: 62em){.duet-menu-bar-link{padding:0 20px}}@media (min-width: 64.0625em){.duet-menu-bar-link{padding:0 28px}}.duet-menu-bar-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}.duet-menu-bar-link:hover{color:#0077b3}.duet-menu-bar-link:hover.duet-theme-turva{color:#c60c30}";
 
@@ -12,17 +12,8 @@ const DuetMenuBarLink$1 = /*@__PURE__*/ proxyCustomElement(class extends H {
     super();
     this.__registerHost();
     this.__attachShadow();
-    /**
-     * Theme.
-     */
     this.theme = "";
-    /**
-     * Href
-     */
     this.href = "#";
-    /**
-     * Icon
-     */
     this.icon = undefined;
   }
   /**

package/lib/dist-custom-elements/duet-menu-bar-menu-dropdown-link.js

@@ -1,9 +1,9 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h, b as Host } from './p-e68fe06d.js';
+import { p as proxyCustomElement, H, h, b as Host } from './p-14a163e6.js';
 import { i as inheritGlobalTheme } from './p-4ebf1618.js';
-import { d as defineCustomElement$2 } from './p-bd533ea2.js';
+import { d as defineCustomElement$2 } from './p-fddad5df.js';
 
 const duetMenuBarMenuDropdownLinkCss = "*,*::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;width:100%;height:100%}.duet-menu-bar-menu-dropdown-link{display:flex;flex-direction:row;gap:0.5rem;align-items:center;justify-content:flex-start;height:100%;padding:0.675rem 16px;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-weight:400;line-height:1.25;color:#00294d;text-align:center;text-decoration:none}.duet-menu-bar-menu-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:#171c3a}.duet-menu-bar-menu-dropdown-link:hover{color:#004d80;background:#f3f9fc}.duet-menu-bar-menu-dropdown-link:hover.duet-theme-turva{color:#940925;background:#e4e4e6}.duet-menu-bar-menu-dropdown-link.highlight{color:#0077b3}.duet-menu-bar-menu-dropdown-link.highlight.duet-theme-turva{color:#c60c30}";
 
@@ -12,25 +12,10 @@ const DuetMenuBarMenuDropdownLink$1 = /*@__PURE__*/ proxyCustomElement(class ext
     super();
     this.__registerHost();
     this.__attachShadow();
-    /**
-     * Theme.
-     */
     this.theme = "";
-    /**
-     * Href
-     */
     this.href = "#";
-    /**
-     * Icon
-     */
     this.icon = undefined;
-    /**
-     * Caret
-     */
     this.caret = false;
-    /**
-     * Highlight
-     */
     this.highlight = false;
   }
   /**

package/lib/dist-custom-elements/duet-menu-bar-menu-dropdown.js

@@ -1,9 +1,9 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, c as createEvent, h, b as Host } from './p-e68fe06d.js';
+import { p as proxyCustomElement, H, c as createEvent, h, b as Host } from './p-14a163e6.js';
 import { i as inheritGlobalTheme } from './p-4ebf1618.js';
-import { d as defineCustomElement$2 } from './p-bd533ea2.js';
+import { d as defineCustomElement$2 } from './p-fddad5df.js';
 
 const duetMenuBarMenuDropdownCss = "*,*::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;height:100%}.duet-menu-bar-menu-dropdown{position:relative;height:100%}.duet-menu-bar-menu-dropdown button{position:relative;display:flex;flex-direction:column;gap:5px;align-items:center;justify-content:center;height:100%;padding:0 0.75rem 0 1.5rem;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-weight:600;line-height:1.25;color:#00294d;text-align:center;text-decoration:none;cursor:pointer}.duet-menu-bar-menu-dropdown button .label{display:flex;gap:5px;align-items:center;justify-content:center}.duet-menu-bar-menu-dropdown button:hover{color:#004d80;background:#e6f2f8}.duet-menu-bar-menu-dropdown button.active{color:#0077b3}.duet-menu-bar-menu-dropdown button.active .caret{transform:rotate(180deg)}.duet-menu-bar-menu-dropdown button.active::after{position:absolute;top:auto;bottom:2px;left:0;display:block;width:100%;height:2px;content:\"\";background:#0077b3;transition:300ms ease;transform:translateY(2px)}.duet-theme-turva .duet-menu-bar-menu-dropdown button.active::after{background:#c60c30}.duet-menu-bar-menu-dropdown .items{position:absolute;top:101%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;width:auto;min-width:320px;color:#00294d;background:white;border-radius:0 0 4px 4px;box-shadow:0 6px 6px 0 rgba(0, 41, 77, 0.1)}.duet-menu-bar-menu-dropdown .items.hidden{display:none}.duet-menu-bar-menu-dropdown.duet-theme-turva button{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:#171c3a}.duet-menu-bar-menu-dropdown.duet-theme-turva button:hover{color:#940925;background:#e4e4e6}.duet-menu-bar-menu-dropdown.duet-theme-turva button.active{color:#c60c30}.duet-menu-bar-menu-dropdown.duet-theme-turva button.active::after{background:#c60c30}.duet-menu-bar-menu-dropdown.duet-theme-turva .items{background:#f5f5f7}";
 
@@ -13,18 +13,6 @@ const DuetHeaderMenuDropdown = /*@__PURE__*/ proxyCustomElement(class extends H
     this.__registerHost();
     this.__attachShadow();
     this.duetMenuBarMenuDropdownEvent = createEvent(this, "duetMenuBarMenuDropdownEvent", 7);
-    /**
-     * Theme.
-     */
-    this.theme = "";
-    /**
-     * Open
-     */
-    this.open = false;
-    /**
-     * Icon
-     */
-    this.icon = undefined;
     this.toggleMenu = (e) => {
       const toggle = !this.open;
       this.open = toggle;
@@ -38,6 +26,9 @@ const DuetHeaderMenuDropdown = /*@__PURE__*/ proxyCustomElement(class extends H
       this.toggleMenu(e);
       e.stopImmediatePropagation();
     };
+    this.theme = "";
+    this.open = false;
+    this.icon = undefined;
   }
   /**
    * Component lifecycle events.

package/lib/dist-custom-elements/duet-menu-bar-menu-link.js

@@ -1,9 +1,9 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h, b as Host } from './p-e68fe06d.js';
+import { p as proxyCustomElement, H, h, b as Host } from './p-14a163e6.js';
 import { i as inheritGlobalTheme } from './p-4ebf1618.js';
-import { d as defineCustomElement$2 } from './p-bd533ea2.js';
+import { d as defineCustomElement$2 } from './p-fddad5df.js';
 
 const duetMenuBarMenuLinkCss = "*,*::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;height:100%}.duet-menu-bar-menu-link{display:flex;flex-direction:column;gap:5px;align-items:center;justify-content:center;height:100%;padding:0 1.5rem;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-weight:600;line-height:1.25;color:#00294d;text-align:center;text-decoration:none}.duet-menu-bar-menu-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:#171c3a}.duet-menu-bar-menu-link:hover{color:#004d80;background:#e6f2f8}.duet-menu-bar-menu-link:hover.duet-theme-turva{color:#940925;background:#e4e4e6}.duet-menu-bar-menu-link.active{color:#0077b3}.duet-menu-bar-menu-link.active.duet-theme-turva{color:#c60c30}.duet-menu-bar-menu-link.active.active:hover{color:#004d80}.duet-menu-bar-menu-link.active.active:hover.duet-theme-turva{color:#940925}";
 
@@ -12,21 +12,9 @@ const DuetMenuBarMenuLink$1 = /*@__PURE__*/ proxyCustomElement(class extends H {
     super();
     this.__registerHost();
     this.__attachShadow();
-    /**
-     * Theme.
-     */
     this.theme = "";
-    /**
-     * Active
-     */
     this.active = false;
-    /**
-     * Href
-     */
     this.href = "#";
-    /**
-     * Icon
-     */
     this.icon = undefined;
   }
   /**

package/lib/dist-custom-elements/duet-menu-bar-menu.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, c as createEvent, h, b as Host } from './p-e68fe06d.js';
+import { p as proxyCustomElement, H, c as createEvent, h, b as Host } from './p-14a163e6.js';
 import { i as inheritGlobalTheme } from './p-4ebf1618.js';
 
 const duetMenuBarMenuCss = "*,*::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;height:100%}.duet-menu-bar-menu{height:100%}.duet-menu-bar-menu button{position:relative;display:flex;gap:8px;align-items:center;justify-content:center;height:100%;min-height:5rem;padding:0 12px;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:1rem;font-weight:600;line-height:1.25;color:#00294d;text-align:center;text-decoration:none;cursor:pointer}@media (min-width: 62em){.duet-menu-bar-menu button{padding:0 20px}}@media (min-width: 64.0625em){.duet-menu-bar-menu button{padding:0 28px}}.duet-menu-bar-menu button:hover{color:#0077b3}.duet-menu-bar-menu button.active{color:#0077b3}.duet-theme-turva .duet-menu-bar-menu button.active{color:#c60c30}.duet-menu-bar-menu button.active::after{position:absolute;top:auto;bottom:2px;left:0;display:block;width:100%;height:2px;content:\"\";background:#0077b3;transition:300ms ease;transform:translateY(2px)}.duet-theme-turva .duet-menu-bar-menu button.active::after{background:#c60c30}.duet-menu-bar-menu .items{position:absolute;left:0;display:flex;align-items:center;justify-content:center;width:100%;height:4rem;color:#00294d;background:#f3f9fc;border-bottom:1px solid #cde5f1;box-shadow:0 3px 6px 0 rgba(0, 41, 77, 0.1) inset}.duet-menu-bar-menu .items.hidden{display:none}.duet-menu-bar-menu.duet-theme-turva button{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:#171c3a}.duet-menu-bar-menu.duet-theme-turva button:hover{color:#c60c30}.duet-menu-bar-menu.duet-theme-turva button.active{color:#c60c30}.duet-menu-bar-menu.duet-theme-turva button.active::after{background:#c60c30}.duet-menu-bar-menu.duet-theme-turva .items{background:#f5f5f7}";
@@ -12,18 +12,6 @@ const DuetMenuBarMenu$1 = /*@__PURE__*/ proxyCustomElement(class extends H {
     this.__registerHost();
     this.__attachShadow();
     this.duetMenuBarMenuEvent = createEvent(this, "duetMenuBarMenuEvent", 7);
-    /**
-     * Theme.
-     */
-    this.theme = "";
-    /**
-     * Active
-     */
-    this.active = false;
-    /**
-     * Open
-     */
-    this.open = false;
     this.toggleMenu = (e) => {
       const toggle = !this.open;
       this.open = toggle;
@@ -37,6 +25,9 @@ const DuetMenuBarMenu$1 = /*@__PURE__*/ proxyCustomElement(class extends H {
       this.toggleMenu(e);
       e.stopImmediatePropagation();
     };
+    this.theme = "";
+    this.active = false;
+    this.open = false;
   }
   /**
    * Component lifecycle events.

package/lib/dist-custom-elements/duet-menu-bar.js

@@ -1,10 +1,10 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h, b as Host } from './p-e68fe06d.js';
-import { m as media_query_large, c as media_query_xx_large } from './p-c4d8cad0.js';
+import { p as proxyCustomElement, H, h, b as Host } from './p-14a163e6.js';
+import { m as media_query_large, a as media_query_xx_large } from './p-738bd3c5.js';
 import { i as inheritGlobalTheme } from './p-4ebf1618.js';
-import { d as defineCustomElement$2 } from './p-428f8fe3.js';
+import { d as defineCustomElement$2 } from './p-37dd7faf.js';
 
 const duetMenuBarCss = "*,*::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;width:100%}.duet-menu-bar{position:relative;display:flex;align-items:center;justify-content:space-between;width:100%;height:5rem;padding:0 28px;background:white;border-top:1px solid #e1e3e6;box-shadow:0 3px 6px 0 rgba(0, 41, 77, 0.1)}.duet-menu-bar>*{display:flex;align-items:center;justify-content:center;height:100%}.duet-menu-bar>:first-child{flex-basis:0;flex-grow:1;justify-content:flex-start}.duet-menu-bar>:last-child{flex-basis:0;flex-grow:1;justify-content:flex-end}.duet-menu-bar ::slotted(*){display:flex;align-items:center;justify-content:center;height:100%}.duet-menu-bar.duet-theme-turva{background:white}";
 
@@ -21,11 +21,6 @@ const DuetMenuBar$1 = /*@__PURE__*/ proxyCustomElement(class extends H {
       window.matchMedia(media_query_xx_large.replace(/'/g, "")),
     ];
     this.boundMqlFunctions = [];
-    this.logoSize = "large";
-    /**
-     * Theme.
-     */
-    this.theme = "";
     this.changeLogoSize = () => {
       if (this.mql[1].matches) {
         this.logoSize = "large";
@@ -34,6 +29,8 @@ const DuetMenuBar$1 = /*@__PURE__*/ proxyCustomElement(class extends H {
         this.logoSize = "medium";
       }
     };
+    this.logoSize = "large";
+    this.theme = "";
   }
   /**
    * Component lifecycle events.