@duetds/components 6.2.5 → 6.2.7

package/lib/cjs/duet-menu-bar-menu-link.cjs.entry.js

@@ -1,38 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-d2f05eb8.js');
-const themeableComponent = require('./themeable-component-fdeaef9f.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}";
-
-const DuetMenuBarMenuLink = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.theme = "";
-    this.active = false;
-    this.href = "#";
-    this.icon = undefined;
-  }
-  /**
-   * Component lifecycle events.
-   */
-  componentWillLoad() {
-    themeableComponent.inheritGlobalTheme(this);
-  }
-  /**
-   * render() function
-   * Always the last one in the class.
-   */
-  render() {
-    return (index.h(index.Host, null, index.h("a", { class: { "duet-menu-bar-menu-link": true, "duet-theme-turva": this.theme === "turva", active: this.active }, href: this.href, role: "menuitem" }, this.icon && index.h("duet-icon", { name: this.icon, size: "x-small", margin: "none" }), index.h("slot", null))));
-  }
-  get element() { return index.getElement(this); }
-};
-DuetMenuBarMenuLink.style = duetMenuBarMenuLinkCss;
-
-exports.duet_menu_bar_menu_link = DuetMenuBarMenuLink;

package/lib/cjs/duet-menu-bar-menu.cjs.entry.js

@@ -1,56 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-d2f05eb8.js');
-const themeableComponent = require('./themeable-component-fdeaef9f.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}";
-
-const DuetMenuBarMenu = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.duetMenuBarMenuEvent = index.createEvent(this, "duetMenuBarMenuEvent", 7);
-    this.toggleMenu = (e) => {
-      const toggle = !this.open;
-      this.open = toggle;
-      this.duetMenuBarMenuEvent.emit({
-        originalEvent: e,
-        data: { element: this.element, open: this.open },
-        component: "duet-menu-bar-menu",
-      });
-    };
-    this.onClick = (e) => {
-      this.toggleMenu(e);
-      e.stopImmediatePropagation();
-    };
-    this.theme = "";
-    this.active = false;
-    this.open = false;
-  }
-  /**
-   * Component lifecycle events.
-   */
-  componentWillLoad() {
-    themeableComponent.inheritGlobalTheme(this);
-  }
-  /**
-   * render() function
-   * Always the last one in the class.
-   */
-  render() {
-    return (index.h(index.Host, null, index.h("div", { class: { "duet-menu-bar-menu": true, "duet-theme-turva": this.theme === "turva", active: this.active } }, index.h("button", { "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", id: "button", type: "button", class: {
-        active: this.active || this.open,
-      }, onClick: this.onClick }, index.h("slot", { name: "label" })), index.h("div", { tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
-        items: true,
-        hidden: !this.open,
-      } }, index.h("slot", null)))));
-  }
-  get element() { return index.getElement(this); }
-};
-DuetMenuBarMenu.style = duetMenuBarMenuCss;
-
-exports.duet_menu_bar_menu = DuetMenuBarMenu;

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

@@ -1,113 +0,0 @@
-*,
-*::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;
-}

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

@@ -1,141 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import { h, Host } from "@stencil/core";
-import { inheritGlobalTheme } from "../../common/themeable-component";
-export class DuetMenuBarMenu {
-  constructor() {
-    this.toggleMenu = (e) => {
-      const toggle = !this.open;
-      this.open = toggle;
-      this.duetMenuBarMenuEvent.emit({
-        originalEvent: e,
-        data: { element: this.element, open: this.open },
-        component: "duet-menu-bar-menu",
-      });
-    };
-    this.onClick = (e) => {
-      this.toggleMenu(e);
-      e.stopImmediatePropagation();
-    };
-    this.theme = "";
-    this.active = false;
-    this.open = false;
-  }
-  /**
-   * Component lifecycle events.
-   */
-  componentWillLoad() {
-    inheritGlobalTheme(this);
-  }
-  /**
-   * render() function
-   * Always the last one in the class.
-   */
-  render() {
-    return (h(Host, null, h("div", { class: { "duet-menu-bar-menu": true, "duet-theme-turva": this.theme === "turva", active: this.active } }, h("button", { "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", id: "button", type: "button", class: {
-        active: this.active || this.open,
-      }, onClick: this.onClick }, h("slot", { name: "label" })), h("div", { tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
-        items: true,
-        hidden: !this.open,
-      } }, h("slot", null)))));
-  }
-  static get is() { return "duet-menu-bar-menu"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["duet-menu-bar-menu.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["duet-menu-bar-menu.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "theme": {
-        "type": "string",
-        "mutable": true,
-        "complexType": {
-          "original": "DuetTheme",
-          "resolved": "\"\" | \"default\" | \"turva\"",
-          "references": {
-            "DuetTheme": {
-              "location": "import",
-              "path": "../../common-types"
-            }
-          }
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Theme."
-        },
-        "attribute": "theme",
-        "reflect": false,
-        "defaultValue": "\"\""
-      },
-      "active": {
-        "type": "boolean",
-        "mutable": true,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Active"
-        },
-        "attribute": "active",
-        "reflect": false,
-        "defaultValue": "false"
-      },
-      "open": {
-        "type": "boolean",
-        "mutable": true,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Open"
-        },
-        "attribute": "open",
-        "reflect": true,
-        "defaultValue": "false"
-      }
-    };
-  }
-  static get events() {
-    return [{
-        "method": "duetMenuBarMenuEvent",
-        "name": "duetMenuBarMenuEvent",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": "Event raised when the menu has been opened. You can prevent the\ndefault browser functionality by calling **event.detail.originalEvent.preventDefault()**\ninside your listener. Additionally, the passed data is available via **event.detail.data**."
-        },
-        "complexType": {
-          "original": "DuetMenuBarMenuEventDetails",
-          "resolved": "{ originalEvent: Event; data: { element: HTMLElement; open: boolean; }; component: \"duet-menu-bar-menu\"; }",
-          "references": {
-            "DuetMenuBarMenuEventDetails": {
-              "location": "local"
-            }
-          }
-        }
-      }];
-  }
-  static get elementRef() { return "element"; }
-}

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

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface DuetMenuBarMenuDropdownLink extends Components.DuetMenuBarMenuDropdownLink, HTMLElement {}
-export const DuetMenuBarMenuDropdownLink: {
-  prototype: DuetMenuBarMenuDropdownLink;
-  new (): DuetMenuBarMenuDropdownLink;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

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

@@ -1,69 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-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-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}";
-
-const DuetMenuBarMenuDropdownLink$1 = /*@__PURE__*/ proxyCustomElement(class extends H {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    this.theme = "";
-    this.href = "#";
-    this.icon = undefined;
-    this.caret = false;
-    this.highlight = false;
-  }
-  /**
-   * Component lifecycle events.
-   */
-  componentWillLoad() {
-    inheritGlobalTheme(this);
-  }
-  /**
-   * render() function
-   * Always the last one in the class.
-   */
-  render() {
-    return (h(Host, null, h("a", { class: {
-        "duet-menu-bar-menu-dropdown-link": true,
-        "duet-theme-turva": this.theme === "turva",
-        highlight: this.highlight,
-      }, href: this.href, role: "menuitem" }, this.icon && h("duet-icon", { name: this.icon, size: "x-small", margin: "none" }), h("slot", null), this.caret && h("duet-icon", { name: "action-arrow-right-small", size: "xxx-small", margin: "none" }))));
-  }
-  get element() { return this; }
-  static get style() { return duetMenuBarMenuDropdownLinkCss; }
-}, [1, "duet-menu-bar-menu-dropdown-link", {
-    "theme": [1025],
-    "href": [1025],
-    "icon": [1537],
-    "caret": [1028],
-    "highlight": [1028]
-  }]);
-function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["duet-menu-bar-menu-dropdown-link", "duet-icon"];
-  components.forEach(tagName => { switch (tagName) {
-    case "duet-menu-bar-menu-dropdown-link":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, DuetMenuBarMenuDropdownLink$1);
-      }
-      break;
-    case "duet-icon":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$2();
-      }
-      break;
-  } });
-}
-
-const DuetMenuBarMenuDropdownLink = DuetMenuBarMenuDropdownLink$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { DuetMenuBarMenuDropdownLink, defineCustomElement };

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

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface DuetMenuBarMenuDropdown extends Components.DuetMenuBarMenuDropdown, HTMLElement {}
-export const DuetMenuBarMenuDropdown: {
-  prototype: DuetMenuBarMenuDropdown;
-  new (): DuetMenuBarMenuDropdown;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

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

@@ -1,80 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-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-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}";
-
-const DuetHeaderMenuDropdown = /*@__PURE__*/ proxyCustomElement(class extends H {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    this.duetMenuBarMenuDropdownEvent = createEvent(this, "duetMenuBarMenuDropdownEvent", 7);
-    this.toggleMenu = (e) => {
-      const toggle = !this.open;
-      this.open = toggle;
-      this.duetMenuBarMenuDropdownEvent.emit({
-        originalEvent: e,
-        data: { element: this.element, open: this.open },
-        component: "duet-menu-bar-menu-dropdown",
-      });
-    };
-    this.onClick = (e) => {
-      this.toggleMenu(e);
-      e.stopImmediatePropagation();
-    };
-    this.theme = "";
-    this.open = false;
-    this.icon = undefined;
-  }
-  /**
-   * Component lifecycle events.
-   */
-  componentWillLoad() {
-    inheritGlobalTheme(this);
-  }
-  /**
-   * render() function
-   * Always the last one in the class.
-   */
-  render() {
-    return (h(Host, null, h("div", { class: { "duet-menu-bar-menu-dropdown": true, "duet-theme-turva": this.theme === "turva", active: this.open } }, h("button", { "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", id: "button", type: "button", class: {
-        active: this.open,
-      }, onClick: this.onClick }, this.icon && h("duet-icon", { name: this.icon, size: "x-small", margin: "none" }), h("div", { class: "label" }, h("slot", { name: "label" }), h("duet-icon", { class: "caret", name: "action-arrow-down-small", margin: "none", size: "xxx-small" }))), h("div", { tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
-        items: true,
-        hidden: !this.open,
-      } }, h("slot", null)))));
-  }
-  get element() { return this; }
-  static get style() { return duetMenuBarMenuDropdownCss; }
-}, [1, "duet-menu-bar-menu-dropdown", {
-    "theme": [1025],
-    "open": [1540],
-    "icon": [1537]
-  }]);
-function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["duet-menu-bar-menu-dropdown", "duet-icon"];
-  components.forEach(tagName => { switch (tagName) {
-    case "duet-menu-bar-menu-dropdown":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, DuetHeaderMenuDropdown);
-      }
-      break;
-    case "duet-icon":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$2();
-      }
-      break;
-  } });
-}
-
-const DuetMenuBarMenuDropdown = DuetHeaderMenuDropdown;
-const defineCustomElement = defineCustomElement$1;
-
-export { DuetMenuBarMenuDropdown, defineCustomElement };

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

@@ -1,63 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-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-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}";
-
-const DuetMenuBarMenuLink$1 = /*@__PURE__*/ proxyCustomElement(class extends H {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    this.theme = "";
-    this.active = false;
-    this.href = "#";
-    this.icon = undefined;
-  }
-  /**
-   * Component lifecycle events.
-   */
-  componentWillLoad() {
-    inheritGlobalTheme(this);
-  }
-  /**
-   * render() function
-   * Always the last one in the class.
-   */
-  render() {
-    return (h(Host, null, h("a", { class: { "duet-menu-bar-menu-link": true, "duet-theme-turva": this.theme === "turva", active: this.active }, href: this.href, role: "menuitem" }, this.icon && h("duet-icon", { name: this.icon, size: "x-small", margin: "none" }), h("slot", null))));
-  }
-  get element() { return this; }
-  static get style() { return duetMenuBarMenuLinkCss; }
-}, [1, "duet-menu-bar-menu-link", {
-    "theme": [1025],
-    "active": [1028],
-    "href": [1025],
-    "icon": [1537]
-  }]);
-function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["duet-menu-bar-menu-link", "duet-icon"];
-  components.forEach(tagName => { switch (tagName) {
-    case "duet-menu-bar-menu-link":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, DuetMenuBarMenuLink$1);
-      }
-      break;
-    case "duet-icon":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$2();
-      }
-      break;
-  } });
-}
-
-const DuetMenuBarMenuLink = DuetMenuBarMenuLink$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { DuetMenuBarMenuLink, defineCustomElement };

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

@@ -1,74 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-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}";
-
-const DuetMenuBarMenu$1 = /*@__PURE__*/ proxyCustomElement(class extends H {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    this.duetMenuBarMenuEvent = createEvent(this, "duetMenuBarMenuEvent", 7);
-    this.toggleMenu = (e) => {
-      const toggle = !this.open;
-      this.open = toggle;
-      this.duetMenuBarMenuEvent.emit({
-        originalEvent: e,
-        data: { element: this.element, open: this.open },
-        component: "duet-menu-bar-menu",
-      });
-    };
-    this.onClick = (e) => {
-      this.toggleMenu(e);
-      e.stopImmediatePropagation();
-    };
-    this.theme = "";
-    this.active = false;
-    this.open = false;
-  }
-  /**
-   * Component lifecycle events.
-   */
-  componentWillLoad() {
-    inheritGlobalTheme(this);
-  }
-  /**
-   * render() function
-   * Always the last one in the class.
-   */
-  render() {
-    return (h(Host, null, h("div", { class: { "duet-menu-bar-menu": true, "duet-theme-turva": this.theme === "turva", active: this.active } }, h("button", { "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", id: "button", type: "button", class: {
-        active: this.active || this.open,
-      }, onClick: this.onClick }, h("slot", { name: "label" })), h("div", { tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
-        items: true,
-        hidden: !this.open,
-      } }, h("slot", null)))));
-  }
-  get element() { return this; }
-  static get style() { return duetMenuBarMenuCss; }
-}, [1, "duet-menu-bar-menu", {
-    "theme": [1025],
-    "active": [1028],
-    "open": [1540]
-  }]);
-function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["duet-menu-bar-menu"];
-  components.forEach(tagName => { switch (tagName) {
-    case "duet-menu-bar-menu":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, DuetMenuBarMenu$1);
-      }
-      break;
-  } });
-}
-
-const DuetMenuBarMenu = DuetMenuBarMenu$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { DuetMenuBarMenu, defineCustomElement };