@duetds/components 10.0.0-alpha.3 → 10.0.0-alpha.30

package/lib/dist-custom-elements/duet-visually-hidden.d.ts

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

package/lib/dist-custom-elements/duet-visually-hidden.js

@@ -1,9 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import { D as DuetVisuallyHidden$1, d as defineCustomElement$1 } from './p-02f97b91.js';
-
-const DuetVisuallyHidden = DuetVisuallyHidden$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { DuetVisuallyHidden, defineCustomElement };

package/lib/dist-custom-elements/index.d.ts

@@ -1,33 +0,0 @@
-/**
- * Get the base path to where the assets can be found. Use "setAssetPath(path)"
- * if the path needs to be customized.
- */
-export declare const getAssetPath: (path: string) => string;
-
-/**
- * Used to manually set the base path where assets can be found.
- * If the script is used as "module", it's recommended to use "import.meta.url",
- * such as "setAssetPath(import.meta.url)". Other options include
- * "setAssetPath(document.currentScript.src)", or using a bundler's replace plugin to
- * dynamically set the path at build time, such as "setAssetPath(process.env.ASSET_PATH)".
- * But do note that this configuration depends on how your script is bundled, or lack of
- * bundling, and where your assets can be loaded from. Additionally custom bundling
- * will have to ensure the static assets are copied to its build directory.
- */
-export declare const setAssetPath: (path: string) => void;
-
-/**
- * Used to specify a nonce value that corresponds with an application's CSP.
- * When set, the nonce will be added to all dynamically created script and style tags at runtime.
- * Alternatively, the nonce value can be set on a meta tag in the DOM head
- * (<meta name="csp-nonce" content="{ nonce value here }" />) which
- * will result in the same behavior.
- */
-export declare const setNonce: (nonce: string) => void
-
-export interface SetPlatformOptions {
-  raf?: (c: FrameRequestCallback) => number;
-  ael?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
-  rel?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
-}
-export declare const setPlatformOptions: (opts: SetPlatformOptions) => void;

package/lib/dist-custom-elements/index.js

@@ -1,29 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import './p-993aea39.js';
-export { g as getAssetPath, s as setAssetPath, a as setNonce, b as setPlatformOptions } from './p-d77db171.js';
-
-const setupLoggers = () => {
-    {
-        globalThis.ds = {
-            log: () => {
-                return;
-            },
-            warn: () => {
-                return;
-            },
-            info: () => {
-                return;
-            },
-        };
-    }
-};
-
-const appGlobalScript = () => {
-    setupLoggers();
-};
-
-const globalScripts = appGlobalScript;
-
-globalScripts();

package/lib/dist-custom-elements/p-02f97b91.js

@@ -1,39 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import { p as proxyCustomElement, H, h, d as Host } from './p-d77db171.js';
-
-const duetVisuallyHiddenCss = ":host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:absolute !important;top:0;width:1px !important;height:1px !important;padding:0 !important;overflow:hidden !important;clip:rect(1px, 1px, 1px, 1px) !important;border:0 !important}";
-const DuetVisuallyHiddenStyle0 = duetVisuallyHiddenCss;
-
-const DuetVisuallyHidden = /*@__PURE__*/ proxyCustomElement(class DuetVisuallyHidden extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-    }
-    /**
-     * render() function
-     * Always the last one in the class.
-     */
-    render() {
-        return (h(Host, { key: 'f655733ff3605a6ba0993f8e37ac51650f8366bb', class: "duet-visually-hidden" }, h("slot", { key: '4825e5d1d6c0268ea3f2b81dab7c44bcd2715046' })));
-    }
-    get element() { return this; }
-    static get style() { return DuetVisuallyHiddenStyle0; }
-}, [1, "duet-visually-hidden"]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["duet-visually-hidden"];
-    components.forEach(tagName => { switch (tagName) {
-        case "duet-visually-hidden":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, DuetVisuallyHidden);
-            }
-            break;
-    } });
-}
-
-export { DuetVisuallyHidden as D, defineCustomElement as d };

package/lib/dist-custom-elements/p-087d8c5a.js

@@ -1,60 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import { p as proxyCustomElement, H, h } from './p-d77db171.js';
-import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
-import { g as getColorByName } from './p-1f4fbc7a.js';
-
-const duetDividerCss = "*,*::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-divider{-webkit-user-select:none;user-select:none;display:block;width:100%;height:1px;margin-top:36px !important;margin-bottom:28px;background:rgb(212, 223, 229)}.duet-divider.duet-p-0{padding:0 !important}.duet-divider.duet-m-0{margin:0 !important}.duet-divider.duet-m-s{margin-bottom:16px !important;margin-top:0 !important}.duet-divider.duet-theme-turva{background:rgb(222, 224, 228)}";
-const DuetDividerStyle0 = duetDividerCss;
-
-const DuetDivider = /*@__PURE__*/ proxyCustomElement(class DuetDivider extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.theme = "";
-        this.margin = "auto";
-        this.color = "";
-    }
-    /**
-     * Component lifecycle events.
-     */
-    componentWillLoad() {
-        inheritGlobalTheme(this);
-    }
-    /**
-     * render() function
-     * Always the last one in the class.
-     */
-    render() {
-        const background = getColorByName(this.color);
-        return (h("div", { key: '64511b39c68988b15d35f49ae4d6416b0937d6f2', class: {
-                "duet-m-0": this.margin === "none",
-                "duet-m-s": this.margin === "small",
-                "duet-divider": true,
-                "duet-theme-turva": this.theme === "turva",
-            }, style: { background } }));
-    }
-    get element() { return this; }
-    static get style() { return DuetDividerStyle0; }
-}, [1, "duet-divider", {
-        "theme": [1025],
-        "margin": [1],
-        "color": [1]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["duet-divider"];
-    components.forEach(tagName => { switch (tagName) {
-        case "duet-divider":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, DuetDivider);
-            }
-            break;
-    } });
-}
-
-export { DuetDivider as D, defineCustomElement as d };

package/lib/dist-custom-elements/p-115c79b6.js

@@ -1,6 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-var actionArrowDownSmall={"title":"action-arrow-down-small","tags":"action arrow down small caret","svg":"<svg fill=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" role=\"img\"><path d=\"M12 19.5a2.3 2.3 0 0 1-1.729-.78L.46 7.568a1.847 1.847 0 0 1 2.773-2.439l8.579 9.752a.25.25 0 0 0 .376 0l8.579-9.752a1.847 1.847 0 1 1 2.773 2.439l-9.808 11.148A2.31 2.31 0 0 1 12 19.5z\"/></svg>"};
-
-export { actionArrowDownSmall as a };

package/lib/dist-custom-elements/p-1296f851.js

@@ -1,63 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import { p as proxyCustomElement, H, h, d as Host } from './p-d77db171.js';
-import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
-import { d as defineCustomElement$1 } from './p-4da43fbc.js';
-
-const duetEmptyStateCss = "*,*::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%;height:100%}.duet-empty-state{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;width:100%;height:100%;padding:48px;color:rgb(8, 42, 77);text-align:center;background:rgb(245, 248, 250);border-radius:4px}.duet-empty-state.duet-theme-turva{color:rgb(23, 28, 58);background:rgb(245, 247, 250)}";
-const DuetEmptyStateStyle0 = duetEmptyStateCss;
-
-const DuetEmptyState = /*@__PURE__*/ proxyCustomElement(class DuetEmptyState extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.theme = "";
-        this.icon = "messaging-question";
-        this.size = "medium";
-    }
-    /**
-     * Component lifecycle events.
-     */
-    componentWillLoad() {
-        inheritGlobalTheme(this);
-    }
-    /**
-     * render() function
-     * Always the last one in the class.
-     */
-    render() {
-        return (h(Host, { key: '993a6ef0e6325e25bb547113748f9ddb5a564561' }, h("div", { key: '8a8d7bf1d9d47b9302566e1106f712a77049e1ec', class: {
-                "duet-empty-state": true,
-                "duet-theme-turva": this.theme === "turva",
-                "duet-is-small": this.size === "small",
-            } }, h("duet-icon", { key: 'b4fc41715d1bba5aa632b7d85916997d4ec33a76', color: "currentColor", name: this.icon, size: this.size === "small" ? "large" : "x-large" }), h("div", { key: '2d67fc5a87eab015934a6255187312023b906128' }, h("slot", { key: '66b103aa15ead0d1efeb6967798443edfc5c1d42' })))));
-    }
-    get element() { return this; }
-    static get style() { return DuetEmptyStateStyle0; }
-}, [1, "duet-empty-state", {
-        "theme": [1025],
-        "icon": [1],
-        "size": [1]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["duet-empty-state", "duet-icon"];
-    components.forEach(tagName => { switch (tagName) {
-        case "duet-empty-state":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, DuetEmptyState);
-            }
-            break;
-        case "duet-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-
-export { DuetEmptyState as D, defineCustomElement as d };

package/lib/dist-custom-elements/p-174a9d1d.js

@@ -1,73 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import { p as proxyCustomElement, H, h, d as Host } from './p-d77db171.js';
-import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
-import { c as createID } from './p-5e59e970.js';
-import { g as getColorByName } from './p-1f4fbc7a.js';
-
-const duetParagraphCss = "*,*::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;position:relative;display:block;width:100%}.duet-paragraph{margin-bottom:16px !important;display:block;width:100%;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;font-variant-numeric:tabular-nums;-webkit-hyphens:auto;hyphens:auto;line-height:1.5;color:rgb(8, 42, 77)}.duet-paragraph.duet-p-0{padding:0 !important}.duet-paragraph.duet-m-0{margin:0 !important}.duet-paragraph.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-paragraph.duet-paragraph-small{font-size:0.875rem}.duet-paragraph.duet-paragraph-semi-bold{font-weight:600}.duet-paragraph.duet-paragraph-bold{font-weight:700}.duet-paragraph.duet-m-0{margin:0 !important}.duet-paragraph.intro{font-size:2.7vw;margin-bottom:28px !important;-webkit-hyphens:inherit;hyphens:inherit}@media (max-width: 37.037037037rem){.duet-paragraph.intro{font-size:1rem}}@media (min-width: 46.2962962963rem){.duet-paragraph.intro{font-size:1.25rem}}.duet-paragraph.intro.duet-m-0{margin:0 !important}::slotted(a){font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-style:normal;font-weight:400;color:rgb(0, 119, 179);text-decoration:underline;transition:300ms ease}::slotted(a).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(198, 12, 48)}::slotted(a):hover{color:rgb(0, 75, 129);text-decoration:none}::slotted(a):hover.duet-theme-turva{color:rgb(126, 2, 35)}::slotted(a):active{opacity:0.75;transition:none}";
-const DuetParagraphStyle0 = duetParagraphCss;
-
-const DuetParagraph = /*@__PURE__*/ proxyCustomElement(class DuetParagraph extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.id = createID("duet-paragraph");
-        this.theme = "";
-        this.margin = "auto";
-        this.size = "medium";
-        this.weight = undefined;
-        this.variation = "default";
-        this.color = "";
-    }
-    /**
-     * Component lifecycle events.
-     */
-    componentWillLoad() {
-        inheritGlobalTheme(this);
-    }
-    /**
-     * render() function
-     * Always the last one in the class.
-     */
-    render() {
-        const color = getColorByName(this.color);
-        // aria-describedby is to fix accessibility issue in Chrome where duet-paragraphs
-        // are not announced when placed inside duet-modal
-        return (h(Host, { key: '4cdc1e2db953dc363eb77f14bf5c8473cd22c7ca', "aria-describedby": this.id }, h("p", { key: '6fc77faf20566dc0442bb36f20079aeca48ea41f', id: this.id, class: {
-                "duet-paragraph": true,
-                "duet-paragraph-small": this.size === "small",
-                "duet-paragraph-semi-bold": this.weight === "semi-bold",
-                "duet-paragraph-bold": this.weight === "bold",
-                "duet-m-0": this.margin === "none",
-                [this.variation]: true,
-                "duet-theme-turva": this.theme === "turva",
-            }, style: { color }, part: "duet-paragraph" }, h("slot", { key: 'df2a9f9c672fe560e62f97addbef69d72b13fefe' }))));
-    }
-    get element() { return this; }
-    static get style() { return DuetParagraphStyle0; }
-}, [1, "duet-paragraph", {
-        "theme": [1025],
-        "margin": [1],
-        "size": [1],
-        "weight": [1],
-        "variation": [1],
-        "color": [1]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["duet-paragraph"];
-    components.forEach(tagName => { switch (tagName) {
-        case "duet-paragraph":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, DuetParagraph);
-            }
-            break;
-    } });
-}
-
-export { DuetParagraph as D, defineCustomElement as d };

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

@@ -1,80 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import { p as proxyCustomElement, H, h } from './p-d77db171.js';
-import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
-import { s as sanitizeString } from './p-9c3c64b9.js';
-import { g as getColorByName } from './p-1f4fbc7a.js';
-
-const duetHeadingCss = "*,*::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;position:relative;display:block;width:100%}.duet-heading{margin-bottom:16px !important;width:100%;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-style:normal;font-weight:800;font-variant-numeric:tabular-nums;line-height:1.25;color:rgb(8, 42, 77);text-decoration:none;letter-spacing:-0.01rem;word-break:break-word}@media (min-width: 36em){.duet-heading{margin-bottom:20px !important}}.duet-heading.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\";font-style:italic;font-weight:700;color:rgb(23, 28, 58)}.duet-heading.duet-heading-border{padding-bottom:20px;border-bottom:1px solid rgb(212, 223, 229)}.duet-heading.duet-heading-border.duet-heading-border-solid{border-bottom-color:rgb(98, 121, 138)}.duet-heading.duet-heading-hyphenate{-webkit-hyphens:auto;hyphens:auto}.duet-heading.h0{font-size:9.4vw;line-height:1.1}.duet-heading.h0.duet-p-0{padding:0 !important}.duet-heading.h0.duet-m-0{margin:0 !important}@media (max-width: 31.914893617rem){.duet-heading.h0{font-size:3rem}}@media (min-width: 47.8723404255rem){.duet-heading.h0{font-size:4.5rem}}@media (max-width: 22.5em){.duet-heading.h0{font-size:2.25rem}}.duet-heading.h0.fixed-size{font-size:4.5rem}.duet-heading.h1{font-size:7vw;line-height:1.1}.duet-heading.h1.duet-p-0{padding:0 !important}.duet-heading.h1.duet-m-0{margin:0 !important}@media (max-width: 32.1428571429rem){.duet-heading.h1{font-size:2.25rem}}@media (min-width: 42.8571428571rem){.duet-heading.h1{font-size:3rem}}@media (max-width: 22.5em){.duet-heading.h1{font-size:1.5rem}}.duet-heading.h1.fixed-size{font-size:3rem}.duet-heading.h2{font-size:5.8vw;line-height:1.1}.duet-heading.h2.duet-p-0{padding:0 !important}.duet-heading.h2.duet-m-0{margin:0 !important}@media (max-width: 25.8620689655rem){.duet-heading.h2{font-size:1.5rem}}@media (min-width: 38.7931034483rem){.duet-heading.h2{font-size:2.25rem}}.duet-heading.h2.duet-theme-turva{font-style:normal}@media (max-width: 22.5em){.duet-heading.h2{font-size:1.375rem}}.duet-heading.h2.fixed-size{font-size:2.25rem}.duet-heading.h3{margin-bottom:12px !important;font-size:4.2vw}.duet-heading.h3.duet-p-0{padding:0 !important}.duet-heading.h3.duet-m-0{margin:0 !important}@media (max-width: 29.7619047619rem){.duet-heading.h3{font-size:1.25rem}}@media (min-width: 35.7142857143rem){.duet-heading.h3{font-size:1.5rem}}.duet-heading.h3.duet-theme-turva{font-style:normal}.duet-heading.h3.duet-heading-border{padding-bottom:20px}.duet-heading.h3.fixed-size{font-size:1.5rem}.duet-heading.h4{margin-bottom:8px !important;font-size:4vw;letter-spacing:0}.duet-heading.h4.duet-p-0{padding:0 !important}.duet-heading.h4.duet-m-0{margin:0 !important}@media (max-width: 27.5rem){.duet-heading.h4{font-size:1.1rem}}@media (min-width: 31.25rem){.duet-heading.h4{font-size:1.25rem}}.duet-heading.h4.duet-theme-turva{font-style:normal;font-weight:700}.duet-heading.h4.duet-heading-border{padding-bottom:20px}.duet-heading.h4.fixed-size{font-size:1.25rem}.duet-heading.h5{margin-bottom:8px !important;font-size:4vw;font-weight:600;letter-spacing:0}.duet-heading.h5.duet-p-0{padding:0 !important}.duet-heading.h5.duet-m-0{margin:0 !important}@media (max-width: 27.5rem){.duet-heading.h5{font-size:1.1rem}}@media (min-width: 28.4090909091rem){.duet-heading.h5{font-size:1.1363636364rem}}.duet-heading.h5.duet-theme-turva{font-style:normal;font-weight:700}.duet-heading.h5.duet-heading-border{padding-bottom:16px}.duet-heading.h5.fixed-size{font-size:1.25rem}.duet-heading.h6{margin-bottom:8px !important;font-size:1rem;font-weight:600;letter-spacing:0}.duet-heading.h6.duet-p-0{padding:0 !important}.duet-heading.h6.duet-m-0{margin:0 !important}.duet-heading.h6.duet-theme-turva{font-style:normal;font-weight:700}.duet-heading.h6.duet-heading-border{padding-bottom:16px}.duet-heading.duet-normal,.duet-heading.duet-theme-turva.duet-normal{font-style:normal !important;font-weight:400 !important}.duet-heading.duet-semibold,.duet-heading.duet-theme-turva.duet-semibold{font-style:normal !important;font-weight:600 !important}";
-const DuetHeadingStyle0 = duetHeadingCss;
-
-const DuetHeading = /*@__PURE__*/ proxyCustomElement(class DuetHeading extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.level = "h2";
-        this.margin = "auto";
-        this.visualLevel = undefined;
-        this.border = false;
-        this.weight = "auto";
-        this.color = "";
-        this.theme = "";
-        this.hyphenate = false;
-        this.fixedSize = false;
-    }
-    /**
-     * Component lifecycle events.
-     */
-    componentWillLoad() {
-        inheritGlobalTheme(this);
-    }
-    /**
-     * render() function
-     * Always the last one in the class.
-     */
-    render() {
-        const TagName = sanitizeString(this.level);
-        const color = getColorByName(this.color);
-        return (h(TagName, { key: 'd6111a5efd3a6e43fc10dc2223468788376d74b1', class: {
-                "duet-heading": true,
-                "duet-heading-border": this.border !== false,
-                "duet-heading-border-solid": this.border === "solid",
-                "duet-normal": this.weight === "normal",
-                "duet-semibold": this.weight === "semibold",
-                "duet-heading-hyphenate": this.hyphenate,
-                "duet-m-0": this.margin === "none",
-                [this.visualLevel ? this.visualLevel : this.level]: true,
-                "duet-theme-turva": this.theme === "turva",
-                "fixed-size": this.fixedSize,
-            }, style: { color }, part: "duet-heading" }, h("slot", { key: '4ee1f23ec7f6b46353e873baf5321b15de2e2933' })));
-    }
-    get element() { return this; }
-    static get style() { return DuetHeadingStyle0; }
-}, [1, "duet-heading", {
-        "level": [513],
-        "margin": [1],
-        "visualLevel": [1, "visual-level"],
-        "border": [8],
-        "weight": [1],
-        "color": [1],
-        "theme": [1025],
-        "hyphenate": [4],
-        "fixedSize": [4, "fixed-size"]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["duet-heading"];
-    components.forEach(tagName => { switch (tagName) {
-        case "duet-heading":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, DuetHeading);
-            }
-            break;
-    } });
-}
-
-export { DuetHeading as D, defineCustomElement as d };

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

@@ -1,138 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import { m as mediaQueryXxSmall, a as mediaQueryXSmall, b as mediaQuerySmall, c as mediaQueryMedium, d as mediaQueryLarge, e as mediaQueryXLarge, f as mediaQueryXxLarge, g as mediaQueryXxxLarge, h as mediaQueryXxxSmall, t as tokens } from './p-cea716f7.js';
-
-const allowedThemes = ["turva"];
-function isDashCase(str) {
-    const dash = str.includes("-");
-    const barredString = str.includes(" ") || str.includes("_");
-    const barredStartingString = str.charAt(0) === "-";
-    return dash && !barredString && !barredStartingString;
-}
-function capitalize(str = "") {
-    return `${str.charAt(0).toUpperCase()}${str.slice(1)}`;
-}
-function lowerCaseFirst(str = "") {
-    return `${str.charAt(0).toLowerCase()}${str.slice(1)}`;
-}
-function camelize(str = "") {
-    const arr = str.split("-");
-    //loop through each element of the array and capitalize the first letter.'
-    arr.forEach((string, index) => {
-        arr[index] = capitalize(string);
-    });
-    return arr.join("");
-}
-function getTheme(theme = "") {
-    if (allowedThemes.includes(theme.toLowerCase())) {
-        return theme.toLowerCase();
-    }
-    return "";
-}
-function capitalizeFirstLetter(string) {
-    return string.charAt(0).toUpperCase() + string.slice(1);
-}
-function hasType(t, str = "") {
-    return str.indexOf(capitalizeFirstLetter(t)) === 0 || str.indexOf(t) === 0;
-}
-function addPrefix(prefix, str = "") {
-    if (str && !isDashCase(str) && !hasType(prefix, str)) {
-        return `${prefix}${capitalize(str)}`;
-    }
-    return str;
-}
-function addTheme(str, theme) {
-    const hasTheme = getTheme(theme).length;
-    if (hasTheme && str.indexOf(theme) === -1) {
-        return `${str}${capitalize(theme)}`;
-    }
-    return str;
-}
-function getColorByName(name, theme = "") {
-    if (!name) {
-        return undefined;
-    }
-    const defaultColor = convertToColorName(name);
-    const themedColor = convertToColorName(name, theme);
-    // lets just try to get the color first to save some cycles
-    let resolvedToken = tokens[themedColor];
-    if (!resolvedToken) {
-        resolvedToken = tokens[defaultColor];
-    }
-    return resolvedToken;
-}
-function convertToColorName(name = "", theme = "") {
-    let colorResolution = name;
-    const dash = isDashCase(name);
-    if (dash) {
-        colorResolution = camelize(colorResolution);
-    }
-    colorResolution = addPrefix("color", colorResolution);
-    colorResolution = addTheme(colorResolution, theme);
-    // takes care of the case where colorPrimaryDark ends up with ColorPrimaryDark
-    colorResolution = lowerCaseFirst(colorResolution);
-    return colorResolution;
-}
-function getTokenByName(prefix, name) {
-    if (!name) {
-        return undefined;
-    }
-    let tokenResolution = name;
-    const dash = isDashCase(name);
-    if (dash) {
-        tokenResolution = camelize(tokenResolution);
-    }
-    tokenResolution = addPrefix(prefix, tokenResolution);
-    tokenResolution = lowerCaseFirst(tokenResolution);
-    try {
-        return tokens[tokenResolution];
-    }
-    catch (e) {
-        return undefined;
-    }
-}
-function getShadowByName(name) {
-    return getTokenByName("shadow", name);
-}
-function rgbaColorFromRgb(color, opacity) {
-    if (!color || (opacity !== 0 && !opacity)) {
-        return undefined;
-    }
-    const f = color.split(",");
-    const R = parseInt(f[0].slice(4)), G = parseInt(f[1]), B = parseInt(f[2]);
-    return `rgba(${R},${G},${B},${opacity})`;
-}
-function shadeRGBColor(color, percent) {
-    const f = color.split(","), t = percent < 0 ? 0 : 255, p = percent < 0 ? percent * -1 : percent;
-    let R = parseInt(f[0].slice(4)), G = parseInt(f[1]), B = parseInt(f[2]);
-    R = Math.round((t - R) * p) + R;
-    G = Math.round((t - G) * p) + G;
-    B = Math.round((t - B) * p) + B;
-    R = R < 0 ? 0 : R;
-    R = R > 255 ? 255 : R;
-    G = G < 0 ? 0 : G;
-    G = G > 255 ? 255 : G;
-    B = B < 0 ? 0 : B;
-    B = B > 255 ? 255 : B;
-    return `rgb(${R},${G},${B})`;
-}
-// remove wrapping speech marks.
-// media query tokens are wrapped in speech marks,
-// which need to be removed before use with matchMedia.
-const unwrap = (str) => str.substring(1, str.length - 1);
-const breakpointToToken = {
-    "xxx-small": unwrap(mediaQueryXxxSmall),
-    "xx-small": unwrap(mediaQueryXxSmall),
-    "x-small": unwrap(mediaQueryXSmall),
-    small: unwrap(mediaQuerySmall),
-    medium: unwrap(mediaQueryMedium),
-    large: unwrap(mediaQueryLarge),
-    "x-large": unwrap(mediaQueryXLarge),
-    "xx-large": unwrap(mediaQueryXxLarge),
-    "xxx-large": unwrap(mediaQueryXxxLarge),
-};
-const breakpointTokensUpTo = Object.keys(breakpointToToken).filter(key => key.indexOf("x-small") !== -1);
-Object.keys(breakpointToToken).filter(key => !breakpointTokensUpTo.includes(key));
-
-export { breakpointTokensUpTo as a, breakpointToToken as b, capitalizeFirstLetter as c, getShadowByName as d, getColorByName as g, rgbaColorFromRgb as r, shadeRGBColor as s };