@duetds/components 8.1.5 → 8.2.1

package/lib/types/components/duet-popup-menu/duet-popup-menu.d.ts

@@ -1,4 +1,5 @@
 import { EventEmitter } from "../../stencil-public-runtime";
+import { FocusableComponent, OpenerComponent } from "../../common";
 import { DuetTheme } from "../../common-types";
 import { ThemeableComponent } from "../../common/themeable-component";
 export type DuetPopupMenuEvent = {
@@ -7,6 +8,7 @@ export type DuetPopupMenuEvent = {
 };
 export declare class DuetPopupMenu implements ThemeableComponent {
     private teleport;
+    private menuElement;
     /**
      * Reference to host HTML element.
      */
@@ -19,6 +21,10 @@ export declare class DuetPopupMenu implements ThemeableComponent {
      * A popup menu should always have an accessible label that describes the popup's function.
      */
     accessibleLabel: string;
+    /**
+     * Accessible role.
+     */
+    accessibleRole: "menu" | "list";
     /**
      * Theme.
      */
@@ -26,9 +32,7 @@ export declare class DuetPopupMenu implements ThemeableComponent {
     /**
      * Element controlling the opening and closing of the popup menu.
      */
-    controller: HTMLElement | (HTMLElement & {
-        setFocus(): void;
-    });
+    controller: HTMLElement & FocusableComponent & OpenerComponent;
     /**
      * Placement of the popup menu relative to its controller.
      * Possible values: "top", "bottom", "left" and "right", optionally combined with "-start" or "-end".

package/lib/types/components/duet-popup-menu-item/duet-popup-menu-item.d.ts

@@ -19,6 +19,10 @@ export declare class DuetPopupMenuItem implements ThemeableComponent {
      * users who use assistive technology.
      */
     accessibleLabel: string;
+    /**
+     * Accessible role.
+     */
+    accessibleRole: "menuitem" | "listitem";
     /**
      * Theme.
      */

package/lib/types/components/duet-promo-card/duet-promo-card.d.ts

@@ -1,6 +1,13 @@
 import { DuetColor, DuetHeadingLevel, DuetMargin, DuetTheme } from "../../common-types";
 import { ThemeableComponent } from "../../common/themeable-component";
+/**
+ * @slot pre-heading - Slot for pre-heading content.
+ * @slot heading - Slot for heading content. Only span should be used in this slot.
+ * @slot description - Slot for description content. Only span should be used in this slot.
+ * @slot action - Slot for action button.
+ */
 export declare class DuetPromoCard implements ThemeableComponent {
+    private aOrDivElement;
     private hasPreHeadingSlot;
     private hasHeadingSlot;
     private hasDescriptionSlot;
@@ -38,6 +45,10 @@ export declare class DuetPromoCard implements ThemeableComponent {
      * Component lifecycle events.
      */
     componentWillLoad(): void;
+    /**
+     * Sets focus on underlying a element when url attribute is used.
+     */
+    setFocus(options?: FocusOptions): Promise<void>;
     /**
      * render() function
      * Always the last one of the class.

package/lib/types/components/duet-slideout/duet-slideout.d.ts

@@ -22,7 +22,6 @@ export declare class DuetSlideout implements ThemeableComponent {
     private exitLangObject;
     private topLevelOpenMenuBarLangObject;
     private isSafariBrowser;
-    private intersectionObserver;
     private mutationObserver;
     private teleport;
     private hasStickyHeaderSlot;
@@ -64,9 +63,8 @@ export declare class DuetSlideout implements ThemeableComponent {
      */
     componentWillLoad(): void;
     connectedCallback(): void;
-    componentDidRender(): void;
     disconnectedCallback(): void;
-    private handleBodyScrolling;
+    handleOpenChange(): void;
     private setOpenButton;
     private openButtonEventListener;
     private getOpenPanel;

package/lib/types/components.d.ts

@@ -15,7 +15,7 @@ import { DuetCaptionSize } from "./components/duet-caption/duet-caption";
 import { DuetCardPadding, DuetCardToggleEvent, DuetCardVariation } from "./components/duet-card/duet-card";
 import { DuetBreakpoints } from "./utils/token-utils";
 import { DuetCheckboxEvent } from "./components/duet-checkbox/duet-checkbox";
-import { DuetChipEvent, DuetChipVariation } from "./components/duet-chip/duet-chip";
+import { DuetChipEvent, DuetChipSize, DuetChipVariation } from "./components/duet-chip/duet-chip";
 import { DuetChoiceEvent } from "./components/duet-choice/duet-choice";
 import { DuetCollapsibleHeadingFontSize, DuetCollapsibleToggleEvent, DuetCollapsibleWeight } from "./components/duet-collapsible/duet-collapsible";
 import { DuetComboboxEvent, DuetComboboxItem } from "./components/duet-combobox/duet-combobox";
@@ -42,6 +42,7 @@ import { DuetNotificationDrawerDirection } from "./components/duet-notification-
 import { DuetNumberInputEvent } from "./components/duet-number-input/duet-number-input";
 import { DuetPaginationPageEvent, DuetPaginationVariation } from "./components/duet-pagination/duet-pagination";
 import { DuetParagraphSize, DuetParagraphVariation, DuetParagraphWeight } from "./components/duet-paragraph/duet-paragraph";
+import { FocusableComponent, OpenerComponent } from "./common";
 import { DuetPopupMenuEvent } from "./components/duet-popup-menu/duet-popup-menu";
 import { DuetPopupMenuItemEvent } from "./components/duet-popup-menu-item/duet-popup-menu-item";
 import { DuetRadioEvent } from "./components/duet-radio/duet-radio";
@@ -74,7 +75,7 @@ export { DuetCaptionSize } from "./components/duet-caption/duet-caption";
 export { DuetCardPadding, DuetCardToggleEvent, DuetCardVariation } from "./components/duet-card/duet-card";
 export { DuetBreakpoints } from "./utils/token-utils";
 export { DuetCheckboxEvent } from "./components/duet-checkbox/duet-checkbox";
-export { DuetChipEvent, DuetChipVariation } from "./components/duet-chip/duet-chip";
+export { DuetChipEvent, DuetChipSize, DuetChipVariation } from "./components/duet-chip/duet-chip";
 export { DuetChoiceEvent } from "./components/duet-choice/duet-choice";
 export { DuetCollapsibleHeadingFontSize, DuetCollapsibleToggleEvent, DuetCollapsibleWeight } from "./components/duet-collapsible/duet-collapsible";
 export { DuetComboboxEvent, DuetComboboxItem } from "./components/duet-combobox/duet-combobox";
@@ -101,6 +102,7 @@ export { DuetNotificationDrawerDirection } from "./components/duet-notification-
 export { DuetNumberInputEvent } from "./components/duet-number-input/duet-number-input";
 export { DuetPaginationPageEvent, DuetPaginationVariation } from "./components/duet-pagination/duet-pagination";
 export { DuetParagraphSize, DuetParagraphVariation, DuetParagraphWeight } from "./components/duet-paragraph/duet-paragraph";
+export { FocusableComponent, OpenerComponent } from "./common";
 export { DuetPopupMenuEvent } from "./components/duet-popup-menu/duet-popup-menu";
 export { DuetPopupMenuItemEvent } from "./components/duet-popup-menu-item/duet-popup-menu-item";
 export { DuetRadioEvent } from "./components/duet-radio/duet-radio";
@@ -354,6 +356,10 @@ export namespace Components {
         "theme": DuetTheme;
     }
     interface DuetBreadcrumbs {
+        /**
+          * Custom color to be used for text, as a design token entered in camelCase or kebab-case. Example: "color-primary".
+         */
+        "color": DuetColor;
         /**
           * Theme
          */
@@ -361,7 +367,7 @@ export namespace Components {
         /**
           * Variation
          */
-        "variation": "header" | "footer";
+        "variation": "header" | "footer" | "plain";
     }
     interface DuetButton {
         /**
@@ -739,10 +745,18 @@ export namespace Components {
         "type": DuetChoiceType;
     }
     interface DuetChip {
+        /**
+          * If the component expands or collapses adjacent content, then use this property to add the aria-expanded attribute to the opening element. Set the value to convey the current expanded (true) or collapsed (false) state of the content.
+         */
+        "accessibleExpanded": boolean;
         /**
           * Adds accessible label for the chip that is only shown for screen readers. Typically, this label text replaces the visible text on the button for users who use assistive technology.
          */
         "accessibleLabel": string;
+        /**
+          * Use this property to add an aria-haspopup attribute.
+         */
+        "accessiblePopup": string;
         /**
           * Checked state of the filter chip.
          */
@@ -771,6 +785,10 @@ export namespace Components {
           * Sets focus. Use this method instead of the global focus().
          */
         "setFocus": (options?: FocusOptions) => Promise<void>;
+        /**
+          * Size of the chip. Use "large" for a chip that has the same height as default duet-input and duet-button.
+         */
+        "size": DuetChipSize;
         /**
           * Theme of the button.
          */
@@ -2869,10 +2887,14 @@ export namespace Components {
           * Adds accessible label for the menu that is only presented for users of assistive technologies. A popup menu should always have an accessible label that describes the popup's function.
          */
         "accessibleLabel": string;
+        /**
+          * Accessible role.
+         */
+        "accessibleRole": "menu" | "list";
         /**
           * Element controlling the opening and closing of the popup menu.
          */
-        "controller": HTMLElement | (HTMLElement & { setFocus(): void });
+        "controller": HTMLElement & FocusableComponent & OpenerComponent;
         /**
           * Cross axis positioning offset of the popup menu relative to its controller. For "top" and "bottom" placements cross axis is horizontal, for "left" and "right" vertical.
          */
@@ -2926,6 +2948,10 @@ export namespace Components {
           * Adds accessible label for the button or link that is only shown for screen readers. Typically, this label text replaces the visible text on the button for users who use assistive technology.
          */
         "accessibleLabel": string;
+        /**
+          * Accessible role.
+         */
+        "accessibleRole": "menuitem" | "listitem";
         /**
           * Is the item currently active (e.g. selected)
          */
@@ -3035,6 +3061,10 @@ export namespace Components {
           * Controls the margin of the component.
          */
         "margin": DuetMargin;
+        /**
+          * Sets focus on underlying a element when url attribute is used.
+         */
+        "setFocus": (options?: FocusOptions) => Promise<void>;
         /**
           * Text color.
          */
@@ -6264,6 +6294,10 @@ declare namespace LocalJSX {
         "theme"?: DuetTheme;
     }
     interface DuetBreadcrumbs {
+        /**
+          * Custom color to be used for text, as a design token entered in camelCase or kebab-case. Example: "color-primary".
+         */
+        "color"?: DuetColor;
         /**
           * Theme
          */
@@ -6271,7 +6305,7 @@ declare namespace LocalJSX {
         /**
           * Variation
          */
-        "variation"?: "header" | "footer";
+        "variation"?: "header" | "footer" | "plain";
     }
     interface DuetButton {
         /**
@@ -6661,10 +6695,18 @@ declare namespace LocalJSX {
         "type"?: DuetChoiceType;
     }
     interface DuetChip {
+        /**
+          * If the component expands or collapses adjacent content, then use this property to add the aria-expanded attribute to the opening element. Set the value to convey the current expanded (true) or collapsed (false) state of the content.
+         */
+        "accessibleExpanded"?: boolean;
         /**
           * Adds accessible label for the chip that is only shown for screen readers. Typically, this label text replaces the visible text on the button for users who use assistive technology.
          */
         "accessibleLabel"?: string;
+        /**
+          * Use this property to add an aria-haspopup attribute.
+         */
+        "accessiblePopup"?: string;
         /**
           * Checked state of the filter chip.
          */
@@ -6701,6 +6743,10 @@ declare namespace LocalJSX {
           * Id of the DuetPopupMenu that is controlled by the chip.
          */
         "popup"?: string;
+        /**
+          * Size of the chip. Use "large" for a chip that has the same height as default duet-input and duet-button.
+         */
+        "size"?: DuetChipSize;
         /**
           * Theme of the button.
          */
@@ -8884,10 +8930,14 @@ declare namespace LocalJSX {
           * Adds accessible label for the menu that is only presented for users of assistive technologies. A popup menu should always have an accessible label that describes the popup's function.
          */
         "accessibleLabel"?: string;
+        /**
+          * Accessible role.
+         */
+        "accessibleRole"?: "menu" | "list";
         /**
           * Element controlling the opening and closing of the popup menu.
          */
-        "controller"?: HTMLElement | (HTMLElement & { setFocus(): void });
+        "controller"?: HTMLElement & FocusableComponent & OpenerComponent;
         /**
           * Cross axis positioning offset of the popup menu relative to its controller. For "top" and "bottom" placements cross axis is horizontal, for "left" and "right" vertical.
          */
@@ -8929,6 +8979,10 @@ declare namespace LocalJSX {
           * Adds accessible label for the button or link that is only shown for screen readers. Typically, this label text replaces the visible text on the button for users who use assistive technology.
          */
         "accessibleLabel"?: string;
+        /**
+          * Accessible role.
+         */
+        "accessibleRole"?: "menuitem" | "listitem";
         /**
           * Is the item currently active (e.g. selected)
          */

package/lib/types/utils/slot-utils.d.ts

@@ -0,0 +1,2 @@
+import { ComponentInterface } from "../stencil-public-runtime";
+export declare const slotElementCheck: (evt: Event, component: ComponentInterface, requiredTagName: string) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@duetds/components",
-  "version": "8.1.5",
+  "version": "8.2.1",
   "description": "This package includes Duet Design System Web Components and related utilities.",
   "bugs": {
     "email": "duetdesignsystem@lahitapiola.fi"
@@ -35,7 +35,7 @@
     "prepare-vizdif": "node -e 'require(\"./prepare-vizdif\").prepare()'",
     "clear-vizdif": "node -e 'require(\"./prepare-vizdif\").clear()'",
     "test:percy": "run-s -c build prepare-vizdif koa:test percy-snapshot koa:kill clear-vizdif",
-    "percy-snapshot": "npx percy snapshot ./percy.js",
+    "percy-snapshot": "percy snapshot ./percy.js",
     "version": "npm run build"
   },
   "dependencies": {
@@ -43,10 +43,10 @@
     "body-scroll-lock": "3.1.5"
   },
   "devDependencies": {
-    "@duetds/fonts": "3.0.30",
-    "@duetds/icons": "4.0.30",
-    "@duetds/tokens": "4.0.30",
-    "@percy/cli": "1.21.0",
+    "@duetds/fonts": "3.0.32",
+    "@duetds/icons": "4.0.32",
+    "@duetds/tokens": "4.0.32",
+    "@percy/cli": "1.28.1",
     "@rollup/plugin-replace": "5.0.2",
     "@stencil/core": "4.10.0",
     "@stencil/sass": "3.0.0",
@@ -74,5 +74,5 @@
   "collection": "lib/collection/collection-manifest.json",
   "es2015": "lib/esm/index.js",
   "es2017": "lib/esm/index.js",
-  "gitHead": "c4c0184521cbc873431e45bbb825549433724fb0"
+  "gitHead": "e5b66a764aad7dbf49b29c289a07c262ce1d61f9"
 }

package/lib/dist-custom-elements/p-1c7bd169.js

@@ -1,60 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import { p as proxyCustomElement, H, h, d as Host } from './p-471a62cc.js';
-import { i as inheritGlobalTheme } from './p-a58bd561.js';
-
-const duetBadgeCss = "*,*::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;margin-right:4px !important;margin-bottom:2px !important;display:inline-block;width:auto;vertical-align:middle}:host:last-child,:host:last-of-type{margin-right:0 !important}:host(.duet-m-0){margin:0 !important}.duet-badge{width:100%;padding:4.4444444444px 12px 5.4444444444px;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.75rem;font-style:normal;font-weight:600;line-height:1.25;color:rgb(0, 41, 77);text-align:center;word-break:break-word;vertical-align:middle;background:#d9ebf4;border-radius:20rem}.duet-badge.duet-p-0{padding:0 !important}.duet-badge.duet-m-0{margin:0 !important}.duet-badge.duet-theme-turva{padding:5.4444444444px 12px 4.4444444444px;font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-weight:700;color:rgb(23, 28, 58);background:#e8e8eb}.duet-badge.warning{background:#fdecc9}.duet-badge.warning.duet-theme-turva{background:#fee8c3}.duet-badge.danger{background:#f8d3e0}.duet-badge.danger.duet-theme-turva{background:#f9d4cf}.duet-badge.success{background:#cce7de}.duet-badge.success.duet-theme-turva{background:#cee7dc}.duet-badge.subtle{color:rgb(101, 119, 135);background:none;outline:1px solid rgb(225, 227, 230);outline-offset:-1px}.duet-badge.subtle.duet-theme-turva{color:rgb(68, 68, 69);background:none;outline-color:rgb(228, 228, 230)}.duet-badge.background-strong.default{color:rgb(255, 255, 255);background:rgb(0, 119, 179)}.duet-badge.background-strong.default.duet-theme-turva{color:rgb(255, 255, 255);background:rgb(23, 28, 58)}.duet-badge.background-strong.warning{background:#f9c153}.duet-badge.background-strong.warning.duet-theme-turva{background:#fbb63f}.duet-badge.background-strong.danger{color:rgb(255, 255, 255);background:rgb(222, 35, 98)}.duet-badge.background-strong.danger.duet-theme-turva{color:rgb(255, 255, 255);background:rgb(224, 42, 13)}.duet-badge.background-strong.success{color:rgb(255, 255, 255);background:rgb(0, 135, 90)}.duet-badge.background-strong.success.duet-theme-turva{color:rgb(255, 255, 255);background:rgb(8, 135, 78)}.duet-badge.background-strong.subtle{border-color:rgb(207, 210, 212);outline-color:rgb(0, 41, 77)}.duet-badge.background-strong.subtle.duet-theme-turva{border-color:rgb(207, 207, 209);outline-color:rgb(23, 28, 58)}";
-
-const DuetBadge = /*@__PURE__*/ proxyCustomElement(class DuetBadge extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.theme = "";
-        this.variation = "default";
-        this.background = "normal";
-        this.margin = "auto";
-    }
-    /**
-     * Component lifecycle events.
-     */
-    componentWillLoad() {
-        inheritGlobalTheme(this);
-    }
-    /**
-     * render() function
-     * Always the last one of the class.
-     */
-    render() {
-        const backgroundClass = `background-${this.background}`;
-        return (h(Host, { class: { "duet-m-0": this.margin === "none" } }, h("div", { class: {
-                "duet-badge": true,
-                [this.variation]: true,
-                [backgroundClass]: true,
-                "duet-theme-turva": this.theme === "turva",
-            } }, h("slot", null))));
-    }
-    get element() { return this; }
-    static get style() { return duetBadgeCss; }
-}, [1, "duet-badge", {
-        "theme": [1025],
-        "variation": [1],
-        "background": [1],
-        "margin": [1]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["duet-badge"];
-    components.forEach(tagName => { switch (tagName) {
-        case "duet-badge":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, DuetBadge);
-            }
-            break;
-    } });
-}
-
-export { DuetBadge as D, defineCustomElement as d };

package/lib/dist-custom-elements/p-c493eecb.js

@@ -1,205 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import { E as Env, p as proxyCustomElement, H, h, d as Host } from './p-471a62cc.js';
-import { i as inheritGlobalTheme } from './p-a58bd561.js';
-import { g as getColorByName, r as rgbaColorFromRgb } from './p-e078836c.js';
-
-const cleanupSvg = (svgContent) => {
-    if (typeof document === "undefined" || !svgContent) {
-        return;
-    }
-    const div = document.createElement("div");
-    div.innerHTML = svgContent;
-    // setup this way to ensure it works on our buddy IE
-    for (let i = div.childNodes.length - 1; i >= 0; i--) {
-        const child = div.childNodes[i];
-        if (child.nodeName.toLowerCase() !== "svg") {
-            div.removeChild(div.childNodes[i]);
-        }
-    }
-    return div.firstElementChild;
-};
-const isValid = (elm) => {
-    if (elm.nodeName.toLowerCase() === "script") {
-        return false;
-    }
-    for (let i = 0; i < elm.attributes.length; i++) {
-        const attribute = elm.attributes[i];
-        if (attribute.name.toLowerCase().indexOf("on") === 0) {
-            return false;
-        }
-    }
-    if (elm.children) {
-        for (let i = 0; i < elm.children.length; i++) {
-            if (!isValid(elm.children[i])) {
-                return false;
-            }
-        }
-    }
-    return true;
-};
-const buildIconUrl = (iconName) => {
-    // under normal operations the Icons should always be loaded from the CDN
-    {
-        return `${Env.cdnURIProd}/icons/${Env.duetIconVersion}/lib/assets/${iconName}.svg`;
-    }
-};
-const iconCache = {};
-function fetchIconByUrl(url) {
-    if (iconCache[url]) {
-        return iconCache[url];
-    }
-    // we create a function that covers all the fetching, cleanup, validation etc,
-    // this way we can perform that work just once, and then return the same promise in future.
-    async function doFetch() {
-        const res = await fetch(url);
-        if (!res.ok) {
-            throw new Error(`SVG request failed: ${res.status} ${res.statusText}`);
-        }
-        const responseText = await res.text();
-        const svgElement = cleanupSvg(responseText);
-        if (!isValid(svgElement)) {
-            throw new Error("SVG validation failed");
-        }
-        // OuterHTML does not unfortunately work here with IE11
-        // was previously: resolve(svgElement.outerHTML)
-        const div = document.createElement("div");
-        div.appendChild(svgElement);
-        return div.innerHTML;
-    }
-    // we do not `await` the fetch, as we only care about initiating the work,
-    // it's the responsibility of the calling code to wait for the response.
-    const req = doFetch();
-    // cache for the repeat requests
-    return (iconCache[url] = req);
-}
-
-const duetIconCss = "*,*::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;margin-bottom:16px !important;display:inline-block;width:auto;max-width:100%;color:inherit;-webkit-tap-highlight-color:transparent}@media (max-width: 35.9375em){:host(.duet-icon-has-outline){margin-bottom:0 !important}}@media (max-width: 35.9375em){:host(.duet-icon-has-background){margin-bottom:0 !important}}:host(.duet-m-0){margin:0 !important}@media (max-width: 35.9375em){:host(.duet-m-0){margin:0 !important}}.duet-icon{-webkit-user-select:none;user-select:none;width:100%;height:100%;transform-origin:top center}.duet-icon.duet-icon-has-outline{padding:12px;border-style:solid;border-width:1px}@media (max-width: 35.9375em){.duet-icon.duet-icon-has-outline{outline:1px solid transparent;transform:scale(0.8)}}.duet-icon.duet-icon-has-background{padding:16px;color:rgb(255, 255, 255)}@media (max-width: 35.9375em){.duet-icon.duet-icon-has-background{outline:1px solid transparent;transform:scale(0.8)}}.duet-icon.duet-icon-has-background.duet-theme-turva,.duet-icon.duet-icon-has-background.duet-theme-default{color:rgb(255, 255, 255)}.duet-icon.duet-icon-shape-circle{border-radius:50%}.duet-icon.duet-icon-shape-brand{border-radius:25%}.duet-icon.duet-icon-has-background.xxx-small .duet-icon-svg,.duet-icon.duet-icon-has-outline.xxx-small .duet-icon-svg{width:10px;height:10px}.duet-icon.duet-icon-has-background.xx-small .duet-icon-svg,.duet-icon.duet-icon-has-outline.xx-small .duet-icon-svg{width:16px;height:16px}@media (max-width: 35.9375em){.duet-icon.duet-icon-not-responsive{transform:scale(1) !important}}.duet-icon.duet-theme-default{color:rgb(0, 119, 179)}.duet-icon.duet-theme-turva{color:rgb(198, 12, 48)}.duet-icon.auto .duet-icon-svg{width:100%;height:100%}.duet-icon.xxx-small .duet-icon-svg{width:7px;height:7px}.duet-icon.duet-icon-has-background.xxx-small{padding:6px}.duet-icon.duet-icon-has-outline.xxx-small{padding:4px}.duet-icon.xx-small .duet-icon-svg{width:10px;height:10px}.duet-icon.duet-icon-has-background.xx-small{padding:8px}.duet-icon.duet-icon-has-outline.xx-small{padding:7px}.duet-icon.x-small .duet-icon-svg{width:16px;height:16px}.duet-icon.duet-icon-has-outline.x-small{padding:10px}.duet-icon.duet-icon-has-background.x-small{padding:12px}.duet-icon.small .duet-icon-svg{width:20px;height:20px}.duet-icon.duet-icon-has-background.small{padding:14px}.duet-icon.large .duet-icon-svg{width:30px;height:30px}.duet-icon.x-large .duet-icon-svg{width:36px;height:36px}.duet-icon.xx-large .duet-icon-svg{width:48px;height:48px}.duet-icon.xxx-large .duet-icon-svg{width:48px;height:48px}@media (min-width: 48em){.duet-icon.xxx-large .duet-icon-svg{width:72px;height:72px}}.duet-icon.duet-icon-shape-brand.rotated{transform:rotate(20deg) scale(0.875);transform-origin:center}.duet-icon.duet-icon-shape-brand.duet-theme-turva{display:flex;align-items:center;justify-content:center;-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 144 130' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M67.4002 0.00277722C71.354 0.0260204 75.7751 0.261773 80.1626 0.90262C83.3916 1.37412 86.6046 1.97513 89.824 2.51802C91.5585 2.81022 93.3026 3.05925 95.0291 3.3996C102.623 4.89215 109.884 7.35924 116.592 11.4152C122.597 15.0478 127.726 19.7163 131.919 25.4756C135.024 29.7374 137.515 34.3662 139.4 39.3319C140.317 41.7459 141.075 44.2262 141.854 46.695C142.021 47.2196 141.984 47.8157 142.021 48.3801C142.354 53.5833 142.664 58.7864 143.018 63.9879C143.237 67.2021 143.528 70.4097 143.768 73.6206C144.067 77.5985 144.095 81.578 143.746 85.5576C143.501 88.3567 143.106 91.1293 142.437 93.8537C141.117 99.2395 138.941 104.207 135.603 108.58C132.414 112.759 128.49 116.036 123.975 118.561C120.429 120.544 116.702 122.058 112.824 123.175C109.121 124.241 105.361 125.011 101.548 125.493C100.916 125.572 100.351 125.768 99.783 126.074C98.1525 126.95 96.3956 127.47 94.6163 127.912C91.4225 128.705 88.1775 129.168 84.9149 129.495C83.0572 129.681 81.1978 129.838 79.3385 129.995C79.1337 130.012 78.9097 129.985 78.7161 129.916C76.2087 129.009 73.6566 128.255 71.0356 127.825C68.8547 127.467 66.6529 127.135 64.4512 127.047C58.4156 126.809 52.54 125.717 46.7989 123.809C40.8193 121.822 35.1245 119.181 29.8458 115.634C24.3911 111.97 19.5668 107.566 15.4705 102.313C10.9582 96.5267 7.406 90.1597 4.73864 83.2598C2.95772 78.6544 1.67604 73.8978 0.898394 68.9935C0.328759 65.3975 0.0183391 61.7798 0.000737963 58.1373C-0.0120628 55.3132 0.141547 52.4992 0.471168 49.6934C0.867992 46.3131 1.46643 42.9728 2.35449 39.6955C2.6121 38.7458 3.02813 37.8327 3.44735 36.9395C4.105 35.5366 4.70343 34.0773 5.54829 32.8006C7.15959 30.3683 8.51487 27.8182 9.53734 25.0705C9.60134 24.8962 9.71655 24.7302 9.84136 24.5957C12.1119 22.1535 14.5201 19.8674 17.0514 17.7191C23.9622 11.8551 31.6315 7.39743 40.0769 4.39076C44.0019 2.99285 48.023 1.97015 52.1144 1.24795C56.6011 0.45934 62.4495 -0.0420489 67.4002 0.00277722Z' /%3E%3C/svg%3E\");-webkit-mask-repeat:no-repeat;mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 144 130' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M67.4002 0.00277722C71.354 0.0260204 75.7751 0.261773 80.1626 0.90262C83.3916 1.37412 86.6046 1.97513 89.824 2.51802C91.5585 2.81022 93.3026 3.05925 95.0291 3.3996C102.623 4.89215 109.884 7.35924 116.592 11.4152C122.597 15.0478 127.726 19.7163 131.919 25.4756C135.024 29.7374 137.515 34.3662 139.4 39.3319C140.317 41.7459 141.075 44.2262 141.854 46.695C142.021 47.2196 141.984 47.8157 142.021 48.3801C142.354 53.5833 142.664 58.7864 143.018 63.9879C143.237 67.2021 143.528 70.4097 143.768 73.6206C144.067 77.5985 144.095 81.578 143.746 85.5576C143.501 88.3567 143.106 91.1293 142.437 93.8537C141.117 99.2395 138.941 104.207 135.603 108.58C132.414 112.759 128.49 116.036 123.975 118.561C120.429 120.544 116.702 122.058 112.824 123.175C109.121 124.241 105.361 125.011 101.548 125.493C100.916 125.572 100.351 125.768 99.783 126.074C98.1525 126.95 96.3956 127.47 94.6163 127.912C91.4225 128.705 88.1775 129.168 84.9149 129.495C83.0572 129.681 81.1978 129.838 79.3385 129.995C79.1337 130.012 78.9097 129.985 78.7161 129.916C76.2087 129.009 73.6566 128.255 71.0356 127.825C68.8547 127.467 66.6529 127.135 64.4512 127.047C58.4156 126.809 52.54 125.717 46.7989 123.809C40.8193 121.822 35.1245 119.181 29.8458 115.634C24.3911 111.97 19.5668 107.566 15.4705 102.313C10.9582 96.5267 7.406 90.1597 4.73864 83.2598C2.95772 78.6544 1.67604 73.8978 0.898394 68.9935C0.328759 65.3975 0.0183391 61.7798 0.000737963 58.1373C-0.0120628 55.3132 0.141547 52.4992 0.471168 49.6934C0.867992 46.3131 1.46643 42.9728 2.35449 39.6955C2.6121 38.7458 3.02813 37.8327 3.44735 36.9395C4.105 35.5366 4.70343 34.0773 5.54829 32.8006C7.15959 30.3683 8.51487 27.8182 9.53734 25.0705C9.60134 24.8962 9.71655 24.7302 9.84136 24.5957C12.1119 22.1535 14.5201 19.8674 17.0514 17.7191C23.9622 11.8551 31.6315 7.39743 40.0769 4.39076C44.0019 2.99285 48.023 1.97015 52.1144 1.24795C56.6011 0.45934 62.4495 -0.0420489 67.4002 0.00277722Z' /%3E%3C/svg%3E\");mask-repeat:no-repeat}.duet-icon.duet-icon-shape-brand.duet-theme-turva .duet-icon-svg{min-width:auto}.duet-icon.duet-icon-shape-brand.duet-theme-turva.xx-small{width:18px;height:15px;padding:0}.duet-icon.duet-icon-shape-brand.duet-theme-turva.x-small{width:32px;height:30px;padding:0}.duet-icon.duet-icon-shape-brand.duet-theme-turva.small{width:36px;height:34px;padding:0}.duet-icon.duet-icon-shape-brand.duet-theme-turva.medium{width:48px;height:44px;padding:0}.duet-icon.duet-icon-shape-brand.duet-theme-turva.large{width:62px;height:56px;padding:0}.duet-icon.duet-icon-shape-brand.duet-theme-turva.x-large{width:76px;height:68px;padding:0}.duet-icon.duet-icon-shape-brand.duet-theme-turva.xx-large{width:95px;height:86px;padding:0}.duet-icon.duet-icon-shape-brand.duet-theme-turva.xxx-large{width:144px;height:130px;padding:0}.duet-icon.duet-icon-shape-brand.xxx-small{padding:0}.duet-icon.duet-icon-shape-brand.xxx-small .duet-icon-svg{width:0;height:0}.duet-icon.duet-icon-shape-brand.xx-small{padding:4px}.duet-icon.duet-icon-shape-brand.xx-small .duet-icon-svg{width:10px;height:10px}.duet-icon.duet-icon-shape-brand.x-small{padding:8px}.duet-icon.duet-icon-shape-brand.x-small .duet-icon-svg{width:16px;height:16px}.duet-icon.duet-icon-shape-brand.small{padding:8px}.duet-icon.duet-icon-shape-brand.small .duet-icon-svg{width:20px;height:20px}.duet-icon.duet-icon-shape-brand.medium{padding:12px}.duet-icon.duet-icon-shape-brand.medium .duet-icon-svg{width:24px;height:24px}.duet-icon.duet-icon-shape-brand.large{padding:16px}.duet-icon.duet-icon-shape-brand.large .duet-icon-svg{width:30px;height:30px}.duet-icon.duet-icon-shape-brand.x-large{padding:20px}.duet-icon.duet-icon-shape-brand.x-large .duet-icon-svg{width:36px;height:36px}.duet-icon.duet-icon-shape-brand.xx-large{padding:24px}.duet-icon.duet-icon-shape-brand.xx-large .duet-icon-svg{width:48px;height:48px}.duet-icon.duet-icon-shape-brand.xxx-large{padding:36px}.duet-icon.duet-icon-shape-brand.xxx-large .duet-icon-svg{width:72px;height:72px}.duet-icon .duet-icon-svg{display:block;width:24px;min-width:100%;height:24px;font-size:0}.duet-icon .duet-icon-svg.rotated{transform:rotate(-20deg) scale(1.14)}.duet-icon svg{width:100%;min-width:100%;fill:currentColor}";
-
-const DuetIcon = /*@__PURE__*/ proxyCustomElement(class DuetIcon extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.svgContent = undefined;
-        this.theme = "";
-        this.icon = undefined;
-        this.src = undefined;
-        this.name = "action-add";
-        this.margin = "auto";
-        this.responsive = true;
-        this.color = "";
-        this.background = "";
-        this.backgroundOpacity = 1;
-        this.backgroundRotation = 0;
-        this.size = "medium";
-        this.outline = "";
-        this.shape = "circle";
-    }
-    /**
-     * Component lifecycle events.
-     */
-    componentWillLoad() {
-        inheritGlobalTheme(this);
-        if (this.src && this.icon) {
-            console.warn("[DUET COMPONENTS]: <duet-icon> should have either have src or icon attributes, but not both. icon attribute will take precedence", "icon:", this.icon, "src:", this.src);
-        }
-        this.loadIcon();
-    }
-    async loadIcon() {
-        // static icon known at build-time, so we can set it synchronously
-        if (this.icon) {
-            this.svgContent = this.icon;
-            return;
-        }
-        // dynamically load icon from url
-        const src = this.src ? this.src : buildIconUrl(this.name);
-        try {
-            this.svgContent = await fetchIconByUrl(src);
-        }
-        catch (e) {
-            console.warn(`[DUET COMPONENTS]: <duet-icon> could not load SVG from URL: ${src}.`, e);
-        }
-    }
-    /**
-     * render() function.
-     * Always the last one in the class.
-     */
-    render() {
-        const color = this.color === "currentColor"
-            ? "currentColor"
-            : getColorByName(this.color, this.theme) || getColorByName(this.outline, this.theme);
-        const backgroundRotationStyles = this.backgroundRotation
-            ? {
-                transform: `rotate(${this.backgroundRotation}deg)`,
-                "transform-origin": "center center",
-            }
-            : {};
-        const styles = Object.assign({ color, background: rgbaColorFromRgb(getColorByName(this.background, this.theme), this.backgroundOpacity), "border-color": getColorByName(this.outline, this.theme) }, backgroundRotationStyles);
-        const iconRotationStyles = this.backgroundRotation
-            ? {
-                transform: `rotate(-${this.backgroundRotation}deg)`,
-                "transform-origin": "center center",
-            }
-            : {};
-        const iconStyles = Object.assign({}, iconRotationStyles);
-        const shapeStyle = this.shape === "brand-rotated" ? "duet-icon-shape-brand" : `duet-icon-shape-${this.shape}`;
-        return (h(Host, { class: {
-                "duet-m-0": this.margin === "none",
-                "duet-icon-has-outline": !!this.outline,
-                "duet-icon-has-background": !!this.background,
-            } }, h("div", { "aria-hidden": "true", style: styles, class: {
-                "duet-icon": true,
-                [this.size]: true,
-                "duet-theme-turva": this.theme === "turva",
-                "duet-theme-default": this.theme === "default",
-                "duet-icon-has-outline": !!this.outline,
-                "duet-icon-has-background": !!this.background,
-                [shapeStyle]: true,
-                rotated: this.shape === "brand-rotated" && this.theme !== "turva",
-                "duet-icon-not-responsive": !this.responsive,
-            } }, h("span", { "aria-hidden": "true", class: { "duet-icon-svg": true, rotated: this.shape === "brand-rotated" && this.theme !== "turva" }, innerHTML: this.svgContent, style: iconStyles }))));
-    }
-    get element() { return this; }
-    static get watchers() { return {
-        "src": ["loadIcon"],
-        "icon": ["loadIcon"],
-        "name": ["loadIcon"]
-    }; }
-    static get style() { return duetIconCss; }
-}, [1, "duet-icon", {
-        "theme": [1025],
-        "icon": [1],
-        "src": [1],
-        "name": [1],
-        "margin": [1],
-        "responsive": [4],
-        "color": [513],
-        "background": [1],
-        "backgroundOpacity": [2, "background-opacity"],
-        "backgroundRotation": [2, "background-rotation"],
-        "size": [1],
-        "outline": [1],
-        "shape": [1],
-        "svgContent": [32]
-    }, undefined, {
-        "src": ["loadIcon"],
-        "icon": ["loadIcon"],
-        "name": ["loadIcon"]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["duet-icon"];
-    components.forEach(tagName => { switch (tagName) {
-        case "duet-icon":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, DuetIcon);
-            }
-            break;
-    } });
-}
-
-export { DuetIcon as D, defineCustomElement as d };

package/lib/duet/p-031b59ba.system.entry.js

@@ -1,4 +0,0 @@
-var __awaiter=this&&this.__awaiter||function(e,t,n,i){function o(e){return e instanceof n?e:new n((function(t){t(e)}))}return new(n||(n=Promise))((function(n,r){function u(e){try{s(i.next(e))}catch(e){r(e)}}function a(e){try{s(i["throw"](e))}catch(e){r(e)}}function s(e){e.done?n(e.value):o(e.value).then(u,a)}s((i=i.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var n={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},i,o,r,u;return u={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(u[Symbol.iterator]=function(){return this}),u;function a(e){return function(t){return s([e,t])}}function s(a){if(i)throw new TypeError("Generator is already executing.");while(u&&(u=0,a[0]&&(n=0)),n)try{if(i=1,o&&(r=a[0]&2?o["return"]:a[0]?o["throw"]||((r=o["return"])&&r.call(o),0):o.next)&&!(r=r.call(o,a[1])).done)return r;if(o=0,r)a=[a[0]&2,r.value];switch(a[0]){case 0:case 1:r=a;break;case 4:n.label++;return{value:a[1],done:false};case 5:n.label++;o=a[1];a=[0];continue;case 7:a=n.ops.pop();n.trys.pop();continue;default:if(!(r=n.trys,r=r.length>0&&r[r.length-1])&&(a[0]===6||a[0]===2)){n=0;continue}if(a[0]===3&&(!r||a[1]>r[0]&&a[1]<r[3])){n.label=a[1];break}if(a[0]===6&&n.label<r[1]){n.label=r[1];r=a;break}if(r&&n.label<r[2]){n.label=r[2];n.ops.push(a);break}if(r[2])n.ops.pop();n.trys.pop();continue}a=t.call(e,n)}catch(e){a=[6,e];o=0}finally{i=r=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};
-/*!
- * Built with Duet Design System
- */System.register(["./p-610b364b.system.js","./p-50f4bca2.system.js"],(function(e){"use strict";var t,n,i,o,r,u;return{setters:[function(e){t=e.r;n=e.c;i=e.h;o=e.H;r=e.g},function(e){u=e.i}],execute:function(){var a='*,*::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:flex;flex-direction:row;gap:8px;align-items:center;justify-content:flex-start}.duet-popup-menu-item{display:flex;flex-grow:1;gap:12px;align-items:center;height:100%;padding:8px;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;line-height:1.5;color:rgb(0, 41, 77);text-align:left;text-decoration:none;cursor:pointer}.duet-popup-menu-item:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva .duet-popup-menu-item:focus,.duet-popup-menu-item:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-popup-menu-item.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}.duet-popup-menu-item.active{background:rgb(243, 249, 252)}.duet-popup-menu-item.active.duet-theme-turva{background:rgb(245, 245, 247)}.duet-popup-menu-item:hover{background:rgb(230, 242, 248)}.duet-popup-menu-item:hover.duet-theme-turva{background:rgb(228, 228, 230)}.duet-popup-menu-item .duet-popup-menu-item-label{flex-grow:1}';var s=e("duet_popup_menu_item",function(){function e(e){var i=this;t(this,e);this.duetFocus=n(this,"duetFocus",7);this.duetBlur=n(this,"duetBlur",7);this.onFocus=function(e){i.focus=true;i.duetFocus.emit({originalEvent:e,value:i.value,component:"duet-popup-menu-item"})};this.onBlur=function(e){i.focus=false;i.duetBlur.emit({originalEvent:e,value:i.value,component:"duet-popup-menu-item"})};this.focus=false;this.accessibleLabel=undefined;this.theme="";this.url=undefined;this.external=false;this.value=undefined;this.leadingIcon=undefined;this.leadingIconColor=undefined;this.trailingIcon=undefined;this.trailingText=undefined;this.active=false}e.prototype.componentWillLoad=function(){u(this)};e.prototype.setFocus=function(e){return __awaiter(this,void 0,void 0,(function(){var t=this;return __generator(this,(function(n){setTimeout((function(){return t.itemElement.focus(e)}),200);return[2]}))}))};e.prototype.isFocused=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){return[2,this.focus]}))}))};e.prototype.render=function(){var e=this;var t=this.url?"a":"button";var n={"duet-popup-menu-item":true,active:this.active,"duet-theme-turva":this.theme==="turva"};return i(o,null,i(t,{ref:function(t){return e.itemElement=t},tabIndex:-1,onFocus:this.onFocus,onBlur:this.onBlur,role:"menuitem","aria-label":this.accessibleLabel,class:n,value:this.value,href:this.url,target:this.external?"_blank":undefined,rel:this.external?"noopener":undefined},this.leadingIcon&&i("duet-icon",{name:this.leadingIcon,size:"x-small",color:this.leadingIconColor?this.leadingIconColor:"currentColor",class:"duet-popup-menu-item-leading",margin:"none"}),i("span",{class:"duet-popup-menu-item-label"},i("slot",null)),this.trailingIcon&&i("duet-icon",{name:this.trailingIcon,size:"x-small",color:"currentColor",class:"duet-popup-menu-item-trailing",margin:"none"}),this.trailingText&&i("span",{class:"duet-popup-menu-item-trailing"},this.trailingText)))};Object.defineProperty(e.prototype,"element",{get:function(){return r(this)},enumerable:false,configurable:true});return e}());s.style=a}}}));

package/lib/duet/p-05f62501.entry.js

@@ -1,4 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import{r as e,c as t,h as o,H as i,g as n}from"./p-662da762.js";import{i as s}from"./p-a58bd561.js";const a=class{constructor(o){e(this,o),this.duetFocus=t(this,"duetFocus",7),this.duetBlur=t(this,"duetBlur",7),this.onFocus=e=>{this.focus=!0,this.duetFocus.emit({originalEvent:e,value:this.value,component:"duet-popup-menu-item"})},this.onBlur=e=>{this.focus=!1,this.duetBlur.emit({originalEvent:e,value:this.value,component:"duet-popup-menu-item"})},this.focus=!1,this.accessibleLabel=void 0,this.theme="",this.url=void 0,this.external=!1,this.value=void 0,this.leadingIcon=void 0,this.leadingIconColor=void 0,this.trailingIcon=void 0,this.trailingText=void 0,this.active=!1}componentWillLoad(){s(this)}async setFocus(e){setTimeout((()=>this.itemElement.focus(e)),200)}async isFocused(){return this.focus}render(){return o(i,null,o(this.url?"a":"button",{ref:e=>this.itemElement=e,tabIndex:-1,onFocus:this.onFocus,onBlur:this.onBlur,role:"menuitem","aria-label":this.accessibleLabel,class:{"duet-popup-menu-item":!0,active:this.active,"duet-theme-turva":"turva"===this.theme},value:this.value,href:this.url,target:this.external?"_blank":void 0,rel:this.external?"noopener":void 0},this.leadingIcon&&o("duet-icon",{name:this.leadingIcon,size:"x-small",color:this.leadingIconColor?this.leadingIconColor:"currentColor",class:"duet-popup-menu-item-leading",margin:"none"}),o("span",{class:"duet-popup-menu-item-label"},o("slot",null)),this.trailingIcon&&o("duet-icon",{name:this.trailingIcon,size:"x-small",color:"currentColor",class:"duet-popup-menu-item-trailing",margin:"none"}),this.trailingText&&o("span",{class:"duet-popup-menu-item-trailing"},this.trailingText)))}get element(){return n(this)}};a.style='*,*::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:flex;flex-direction:row;gap:8px;align-items:center;justify-content:flex-start}.duet-popup-menu-item{display:flex;flex-grow:1;gap:12px;align-items:center;height:100%;padding:8px;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;line-height:1.5;color:rgb(0, 41, 77);text-align:left;text-decoration:none;cursor:pointer}.duet-popup-menu-item:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva .duet-popup-menu-item:focus,.duet-popup-menu-item:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-popup-menu-item.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}.duet-popup-menu-item.active{background:rgb(243, 249, 252)}.duet-popup-menu-item.active.duet-theme-turva{background:rgb(245, 245, 247)}.duet-popup-menu-item:hover{background:rgb(230, 242, 248)}.duet-popup-menu-item:hover.duet-theme-turva{background:rgb(228, 228, 230)}.duet-popup-menu-item .duet-popup-menu-item-label{flex-grow:1}';export{a as duet_popup_menu_item}