@duetds/components 10.0.0-alpha.13 → 10.0.0-alpha.14

package/lib/dist-custom-elements/p-993aea39.js

@@ -1,175 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-/*
- Stencil Client Platform v4.23.0 | MIT Licensed | https://stenciljs.com
- */
-var __defProp = Object.defineProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var isComplexType = (o) => {
-  o = typeof o;
-  return o === "object" || o === "function";
-};
-
-// src/utils/result.ts
-var result_exports = {};
-__export(result_exports, {
-  err: () => err,
-  map: () => map,
-  ok: () => ok,
-  unwrap: () => unwrap,
-  unwrapErr: () => unwrapErr
-});
-var ok = (value) => ({
-  isOk: true,
-  isErr: false,
-  value
-});
-var err = (value) => ({
-  isOk: false,
-  isErr: true,
-  value
-});
-function map(result, fn) {
-  if (result.isOk) {
-    const val = fn(result.value);
-    if (val instanceof Promise) {
-      return val.then((newVal) => ok(newVal));
-    } else {
-      return ok(val);
-    }
-  }
-  if (result.isErr) {
-    const value = result.value;
-    return err(value);
-  }
-  throw "should never get here";
-}
-var unwrap = (result) => {
-  if (result.isOk) {
-    return result.value;
-  } else {
-    throw result.value;
-  }
-};
-var unwrapErr = (result) => {
-  if (result.isErr) {
-    return result.value;
-  } else {
-    throw result.value;
-  }
-};
-var h = (nodeName, vnodeData, ...children) => {
-  let child = null;
-  let key = null;
-  let slotName = null;
-  let simple = false;
-  let lastSimple = false;
-  const vNodeChildren = [];
-  const walk = (c) => {
-    for (let i2 = 0; i2 < c.length; i2++) {
-      child = c[i2];
-      if (Array.isArray(child)) {
-        walk(child);
-      } else if (child != null && typeof child !== "boolean") {
-        if (simple = typeof nodeName !== "function" && !isComplexType(child)) {
-          child = String(child);
-        }
-        if (simple && lastSimple) {
-          vNodeChildren[vNodeChildren.length - 1].$text$ += child;
-        } else {
-          vNodeChildren.push(simple ? newVNode(null, child) : child);
-        }
-        lastSimple = simple;
-      }
-    }
-  };
-  walk(children);
-  if (vnodeData) {
-    if (vnodeData.key) {
-      key = vnodeData.key;
-    }
-    if (vnodeData.name) {
-      slotName = vnodeData.name;
-    }
-    {
-      const classData = vnodeData.className || vnodeData.class;
-      if (classData) {
-        vnodeData.class = typeof classData !== "object" ? classData : Object.keys(classData).filter((k) => classData[k]).join(" ");
-      }
-    }
-  }
-  if (typeof nodeName === "function") {
-    return nodeName(
-      vnodeData === null ? {} : vnodeData,
-      vNodeChildren,
-      vdomFnUtils
-    );
-  }
-  const vnode = newVNode(nodeName, null);
-  vnode.$attrs$ = vnodeData;
-  if (vNodeChildren.length > 0) {
-    vnode.$children$ = vNodeChildren;
-  }
-  {
-    vnode.$key$ = key;
-  }
-  {
-    vnode.$name$ = slotName;
-  }
-  return vnode;
-};
-var newVNode = (tag, text) => {
-  const vnode = {
-    $flags$: 0,
-    $tag$: tag,
-    $text$: text,
-    $elm$: null,
-    $children$: null
-  };
-  {
-    vnode.$attrs$ = null;
-  }
-  {
-    vnode.$key$ = null;
-  }
-  {
-    vnode.$name$ = null;
-  }
-  return vnode;
-};
-var vdomFnUtils = {
-  forEach: (children, cb) => children.map(convertToPublic).forEach(cb),
-  map: (children, cb) => children.map(convertToPublic).map(cb).map(convertToPrivate)
-};
-var convertToPublic = (node) => ({
-  vattrs: node.$attrs$,
-  vchildren: node.$children$,
-  vkey: node.$key$,
-  vname: node.$name$,
-  vtag: node.$tag$,
-  vtext: node.$text$
-});
-var convertToPrivate = (node) => {
-  if (typeof node.vtag === "function") {
-    const vnodeData = { ...node.vattrs };
-    if (node.vkey) {
-      vnodeData.key = node.vkey;
-    }
-    if (node.vname) {
-      vnodeData.name = node.vname;
-    }
-    return h(node.vtag, vnodeData, ...node.vchildren || []);
-  }
-  const vnode = newVNode(node.vtag, node.vtext);
-  vnode.$attrs$ = node.vattrs;
-  vnode.$children$ = node.vchildren;
-  vnode.$key$ = node.vkey;
-  vnode.$name$ = node.vname;
-  return vnode;
-};
-
-export { h };

package/lib/dist-custom-elements/p-999222a2.js

@@ -1,154 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-f2c2f3d2.js';
-import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
-import { c as createID } from './p-5e59e970.js';
-
-const duetCheckboxCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{margin-right:8px !important}:host(:last-child),:host(:last-of-type){margin-right:0 !important}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-bottom:12px !important;display:inline-flex;width:100%;vertical-align:bottom;-webkit-tap-highlight-color:transparent}:host(:last-child:not(:only-child)){margin-bottom:0 !important}:host(.duet-m-0){margin:0 !important}.duet-label{position:relative;z-index:100;display:inline;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(8, 42, 77);vertical-align:top;cursor:pointer;background:transparent;transition:300ms ease}.duet-theme-turva .duet-label{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-label span{display:inline-block;width:calc(100% - 32px);font-size:1rem;font-weight:400;vertical-align:top}.duet-checkbox-container{position:relative;width:100%;height:100%}.duet-checkbox{padding:14px !important;position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;cursor:pointer;opacity:0}.duet-checkbox+label::before{z-index:100;display:inline-block;width:20px;height:20px;margin:2px 10px 1px 1px;vertical-align:top;content:\"\";background:rgb(255, 255, 255);border:1px solid rgb(8, 42, 77);border-radius:4px}.duet-theme-turva .duet-checkbox+label::before{border-color:rgb(23, 28, 58)}.duet-checkbox:checked+label::before{background:rgb(0, 119, 179);border:1px solid rgb(0, 119, 179)}.duet-theme-turva .duet-checkbox:checked+label::before{background:rgb(23, 28, 58);border-color:rgb(23, 28, 58)}.duet-checkbox:focus+label::before{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva .duet-checkbox:focus+label::before{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-checkbox[aria-invalid=true]+label::before{background:#fdf4f6;border-color:rgb(214, 28, 82)}.duet-theme-turva .duet-checkbox[aria-invalid=true]+label::before{background:#fdf4f6;border-color:rgb(214, 28, 82)}.duet-checkbox+label{position:static}.duet-checkbox:checked+label::after{position:absolute;top:6px;left:5px;z-index:200;width:12px;height:12px;pointer-events:none;content:\"\";background:transparent url(\"data:image/svg+xml,%3Csvg%20fill%3D%27white%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2724%27%20height%3D%2724%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20d%3D%27M23.374.287a1.5%2C1.5%2C0%2C0%2C0-2.093.345L7.246%2C20.2%2C2.561%2C15.511A1.5%2C1.5%2C0%2C1%2C0%2C.439%2C17.632l5.935%2C5.934a1.525%2C1.525%2C0%2C0%2C0%2C2.279-.186l15.066-21A1.5%2C1.5%2C0%2C0%2C0%2C23.374.287Z%27%20%2F%3E%3C%2Fsvg%3E\") no-repeat 0 0;background-size:100% auto}.duet-checkbox[disabled]{cursor:default}.duet-checkbox[disabled]+label{color:rgb(98, 121, 138)}.duet-theme-turva .duet-checkbox[disabled]+label{color:rgb(143, 147, 158)}.duet-checkbox[disabled]+label::before{border-color:rgb(181, 198, 208)}.duet-theme-turva .duet-checkbox[disabled]+label::before{border-color:rgb(199, 202, 207)}.duet-checkbox[disabled]:checked+label::before{background:rgb(127, 150, 165);border:1px solid rgb(127, 150, 165)}.duet-theme-turva .duet-checkbox[disabled]:checked+label::before{background:rgb(143, 147, 158);border-color:rgb(143, 147, 158)}.duet-checkbox-error{margin-left:31px;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:rgb(214, 28, 82);border-radius:4px}.duet-theme-turva .duet-checkbox-error{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(214, 28, 82)}.duet-label-hidden .duet-label span,.duet-label-hidden .duet-checkbox-error span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}";
-const DuetCheckboxStyle0 = duetCheckboxCss;
-
-const DuetCheckbox = /*@__PURE__*/ proxyCustomElement(class DuetCheckbox extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.duetChange = createEvent(this, "duetChange", 3);
-        this.duetFocus = createEvent(this, "duetFocus", 7);
-        this.duetBlur = createEvent(this, "duetBlur", 7);
-        /**
-         * Own Properties.
-         */
-        this.checkboxId = createID("DuetCheckbox");
-        this.errorId = createID("DuetError");
-        /**
-         * Component event handling.
-         */
-        this.onChange = (ev) => {
-            this.checked = !this.checked;
-            this.duetChange.emit({
-                originalEvent: ev,
-                checked: this.checked,
-                value: this.value,
-                component: "duet-checkbox",
-            });
-        };
-        this.onBlur = (ev) => {
-            this.duetBlur.emit({
-                originalEvent: ev,
-                checked: this.checked,
-                value: this.value,
-                component: "duet-checkbox",
-            });
-        };
-        this.onFocus = (ev) => {
-            this.duetFocus.emit({
-                originalEvent: ev,
-                checked: this.checked,
-                value: this.value,
-                component: "duet-checkbox",
-            });
-        };
-        this.getDescribedBy = () => {
-            const describedBy = [];
-            if (this.accessibleDescribedBy) {
-                describedBy.push(this.accessibleDescribedBy);
-            }
-            if (this.error) {
-                describedBy.push(this.errorId);
-            }
-            return describedBy.length > 0 ? describedBy.join(" ") : null;
-        };
-        this.accessibleActiveDescendant = undefined;
-        this.margin = "auto";
-        this.accessibleControls = undefined;
-        this.accessibleIndex = undefined;
-        this.accessibleOwns = undefined;
-        this.accessibleDescribedBy = undefined;
-        this.accessibleDetails = undefined;
-        this.accessibleLabelledBy = undefined;
-        this.accessibleDescription = undefined;
-        this.accessibleSelected = undefined;
-        this.accessibleLiveError = "polite";
-        this.required = false;
-        this.error = "";
-        this.theme = "";
-        this.disabled = false;
-        this.identifier = undefined;
-        this.label = "label";
-        this.labelHidden = false;
-        this.name = undefined;
-        this.role = undefined;
-        this.checked = false;
-        this.value = undefined;
-    }
-    /**
-     * Component lifecycle events.
-     */
-    componentWillLoad() {
-        inheritGlobalTheme(this);
-        if (this.value === undefined) {
-            this.value = this.identifier;
-        }
-    }
-    /**
-     * Sets focus on the specified `duet-checkbox`. Use this method instead of the global
-     * `input.focus()`.
-     */
-    async setFocus(options) {
-        this.nativeInput.focus(options);
-    }
-    /**
-     * render() function
-     * Always the last one in the class.
-     */
-    render() {
-        const identifier = this.identifier || this.checkboxId;
-        return (h(Host, { key: '7d15b17d00f8d517eaae242954bf7dc58c085e11', class: { "duet-m-0": this.margin === "none" } }, h("div", { key: '070b72a77fcb5d231583b7e3d4a92c6f728571fa', class: {
-                "duet-checkbox-container": true,
-                "duet-label-hidden": this.labelHidden,
-                "duet-theme-turva": this.theme === "turva",
-            } }, h("input", { key: '08d7ad5395511694b3549d7499c63cd292217fea', ref: input => (this.nativeInput = input), type: "checkbox", onFocus: this.onFocus, onBlur: this.onBlur, onChange: this.onChange, value: this.value, class: { "duet-checkbox": true, disabled: this.disabled }, checked: this.checked, disabled: this.disabled, tabindex: this.accessibleIndex, "aria-invalid": this.error ? "true" : "false", "aria-controls": this.accessibleControls, "aria-activedescendant": this.accessibleActiveDescendant, "aria-owns": this.accessibleOwns, "aria-describedby": this.getDescribedBy(), "aria-labelledby": this.accessibleLabelledBy, "aria-details": this.accessibleDetails, "aria-description": this.accessibleDescription, "aria-selected": this.accessibleSelected, required: this.required, role: this.role, name: this.name, id: identifier }), h("label", { key: '935af32f6e818c0ddbd1f52aac25dd06db44cff6', class: "duet-label", htmlFor: identifier }, h("span", { key: '20b5a995df85f39367044cadc2d04bbdd6258b06' }, this.label)), h("div", { key: '178fbc3558bae829b6d2a53957598d085923ff25', class: "duet-checkbox-error", id: this.errorId, "aria-atomic": "true", "aria-live": this.accessibleLiveError, "aria-relevant": "additions removals" }, this.error && h("span", { key: '754734eeffdfdc7fbd07dfb3eb4b4548744905ca' }, this.error)))));
-    }
-    get element() { return this; }
-    static get style() { return DuetCheckboxStyle0; }
-}, [1, "duet-checkbox", {
-        "accessibleActiveDescendant": [1, "accessible-active-descendant"],
-        "margin": [1],
-        "accessibleControls": [1, "accessible-controls"],
-        "accessibleIndex": [1, "accessible-index"],
-        "accessibleOwns": [1, "accessible-owns"],
-        "accessibleDescribedBy": [1, "accessible-described-by"],
-        "accessibleDetails": [1, "accessible-details"],
-        "accessibleLabelledBy": [1, "accessible-labelled-by"],
-        "accessibleDescription": [1, "accessible-description"],
-        "accessibleSelected": [1, "accessible-selected"],
-        "accessibleLiveError": [1, "accessible-live-error"],
-        "required": [4],
-        "error": [1],
-        "theme": [1025],
-        "disabled": [516],
-        "identifier": [1],
-        "label": [1],
-        "labelHidden": [4, "label-hidden"],
-        "name": [1],
-        "role": [1],
-        "checked": [1540],
-        "value": [1537],
-        "setFocus": [64]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["duet-checkbox"];
-    components.forEach(tagName => { switch (tagName) {
-        case "duet-checkbox":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, DuetCheckbox);
-            }
-            break;
-    } });
-}
-
-export { DuetCheckbox as D, defineCustomElement as d };

package/lib/dist-custom-elements/p-9a9b1ce5.js

@@ -1,81 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import { p as proxyCustomElement, H, h, d as Host } from './p-f2c2f3d2.js';
-import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
-
-const duetGridItemCss = ":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;min-width:0;max-width:100%;flex:0 0 auto;padding-right:8px;padding-left: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-style:normal;font-weight:400;line-height:1.5;color:rgb(8, 42, 77)}:host(.duet-grid-direction-horizontal:not(.duet-grid-item-row-reverse):first-child){padding-left:0}:host(.duet-grid-direction-horizontal:not(.duet-grid-item-row-reverse):first-of-type){padding-left:0}:host(.duet-grid-direction-horizontal:not(.duet-grid-item-row-reverse):last-child){padding-right:0}:host(.duet-grid-direction-horizontal:not(.duet-grid-item-row-reverse):last-of-type){padding-right:0}:host(.duet-grid-direction-horizontal.duet-grid-item-row-reverse:first-child){padding-right:0}:host(.duet-grid-direction-horizontal.duet-grid-item-row-reverse:first-of-type){padding-right:0}:host(.duet-grid-direction-horizontal.duet-grid-item-row-reverse:last-child){padding-left:0}:host(.duet-grid-direction-horizontal.duet-grid-item-row-reverse:last-of-type){padding-left:0}@media (max-width: 35.9375em){:host(.duet-grid-item-responsive){width:100% !important;min-width:0 !important;max-width:100% !important;padding-right:0;padding-left:0}}@media screen and (max-width: 47.9375em){:host(.duet-grid-item-br-medium){width:100% !important;min-width:0 !important;max-width:100% !important}}@media screen and (max-width: 47.9375em){:host(.duet-grid-item-responsive.duet-grid-item-br-medium){padding-right:0;padding-left:0}}@media screen and (max-width: 64em){:host(.duet-grid-item-br-x-large){width:100% !important;min-width:0 !important;max-width:100% !important}}@media screen and (max-width: 64em){:host(.duet-grid-item-responsive.duet-grid-item-br-x-large){padding-right:0;padding-left:0}}:host(.duet-grid-item-fill){flex:1 1 auto;width:100%}:host(.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)}:host(.duet-m-0){padding:0 !important;margin:0 !important}";
-const DuetGridItemStyle0 = duetGridItemCss;
-
-const DuetGridItem = /*@__PURE__*/ proxyCustomElement(class DuetGridItem extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.fill = false;
-        this.maxWidth = undefined;
-        this.minWidth = undefined;
-        this.theme = "";
-        this.margin = "auto";
-        this.responsive = false;
-        this.direction = "horizontal";
-        this.breakpoint = "small";
-        this.rowReverse = false;
-    }
-    /**
-     * Component lifecycle events.
-     */
-    componentWillLoad() {
-        inheritGlobalTheme(this);
-    }
-    /**
-     * render() function
-     * Always the last one in the class.
-     */
-    render() {
-        return (h(Host, { key: '2fc30e0e614194e19f22715cc3844810febe0bcc', style: {
-                "min-width": this.minWidth,
-                "max-width": this.maxWidth,
-            }, class: {
-                "duet-m-0": this.margin === "none",
-                "duet-theme-turva": this.theme === "turva",
-                "duet-grid-item": true,
-                "duet-grid-item-fill": this.fill,
-                "duet-grid-item-responsive": this.responsive,
-                "duet-grid-item-row-reverse": this.rowReverse,
-                "duet-grid-direction-horizontal": this.direction === "horizontal",
-                "duet-grid-direction-vertical": this.direction === "vertical",
-                "duet-grid-item-br-x-small": this.breakpoint === "x-small",
-                "duet-grid-item-br-small": this.breakpoint === "small",
-                "duet-grid-item-br-medium": this.breakpoint === "medium",
-                "duet-grid-item-br-large": this.breakpoint === "large",
-                "duet-grid-item-br-x-large": this.breakpoint === "x-large",
-            } }, h("slot", { key: 'a7a1e0383508ec291861887bc27d5c1544f6709c' })));
-    }
-    static get style() { return DuetGridItemStyle0; }
-}, [1, "duet-grid-item", {
-        "fill": [4],
-        "maxWidth": [1, "max-width"],
-        "minWidth": [1, "min-width"],
-        "theme": [1025],
-        "margin": [1],
-        "responsive": [4],
-        "direction": [1],
-        "breakpoint": [1],
-        "rowReverse": [4, "row-reverse"]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["duet-grid-item"];
-    components.forEach(tagName => { switch (tagName) {
-        case "duet-grid-item":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, DuetGridItem);
-            }
-            break;
-    } });
-}
-
-export { DuetGridItem as D, defineCustomElement as d };

package/lib/dist-custom-elements/p-9df4cfa4.js

@@ -1,25 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-const DuetStringsDownloadLinkDefaults = {
-    fi: "Linkki tallennetaan laitteellesi",
-    sv: "Nedladdningslänk",
-    en: "Download link",
-};
-const DuetStringsExternalDefaults = {
-    fi: "Avautuu uuteen ikkunaan",
-    sv: "Öppnas i nytt fönster",
-    en: "Opens in a new window",
-};
-const DuetStringsLoadingDefaults = {
-    fi: "Ladataan",
-    sv: "Laddas",
-    en: "Loading…",
-};
-const DuetStringsPleaseWaitDefaults = {
-    fi: "Odota, ole hyvä.",
-    sv: "Vänligen vänta.",
-    en: "Please wait.",
-};
-
-export { DuetStringsExternalDefaults as D, DuetStringsLoadingDefaults as a, DuetStringsDownloadLinkDefaults as b, DuetStringsPleaseWaitDefaults as c };

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

@@ -1,56 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import { p as proxyCustomElement, H, h, d as Host } from './p-f2c2f3d2.js';
-
-const duetSpacerCss = ":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:12px;min-width:12px;height:12px}@media (min-width: 36em){:host{width:16px;min-width:16px;height:16px}}:host(.duet-spacer-horizontal){display:inline-block;height:100% !important}:host(.duet-spacer-horizontal.xx-small){width:4px;min-width:4px;height:100%}@media (min-width: 36em){:host(.duet-spacer-horizontal.xx-small){width:4px;min-width:4px}}:host(.duet-spacer-horizontal.x-small){width:4px;min-width:4px;height:100%}@media (min-width: 36em){:host(.duet-spacer-horizontal.x-small){width:8px;min-width:8px}}:host(.duet-spacer-horizontal.small){width:8px;min-width:8px;height:100%}@media (min-width: 36em){:host(.duet-spacer-horizontal.small){width:12px;min-width:12px}}:host(.duet-spacer-horizontal.medium){height:100%}:host(.duet-spacer-horizontal.large){width:16px;min-width:16px;height:100%}@media (min-width: 36em){:host(.duet-spacer-horizontal.large){width:20px;min-width:20px}}:host(.duet-spacer-horizontal.x-large){width:20px;min-width:20px;height:100%}@media (min-width: 36em){:host(.duet-spacer-horizontal.x-large){width:28px;min-width:28px}}:host(.duet-spacer-horizontal.xx-large){width:28px;min-width:28px;height:100%}@media (min-width: 36em){:host(.duet-spacer-horizontal.xx-large){width:36px;min-width:36px}}:host(.duet-spacer-horizontal.xxx-large){width:36px;min-width:36px;height:100%}@media (min-width: 36em){:host(.duet-spacer-horizontal.xxx-large){width:48px;min-width:48px}}:host(.duet-spacer-horizontal.xxxx-large){width:48px;min-width:48px;height:100%}@media (min-width: 36em){:host(.duet-spacer-horizontal.xxxx-large){width:72px;min-width:72px}}:host(.duet-spacer-vertical.xx-small){width:100%;height:4px;min-height:4px}:host(.duet-spacer-vertical.x-small){width:100%;height:4px;min-height:4px}@media (min-width: 36em){:host(.duet-spacer-vertical.x-small){height:8px;min-height:8px}}:host(.duet-spacer-vertical.small){width:100%;height:8px;min-height:8px}@media (min-width: 36em){:host(.duet-spacer-vertical.small){height:12px;min-height:12px}}:host(.duet-spacer-vertical.medium){width:100%}:host(.duet-spacer-vertical.large){width:100%;height:16px;min-height:16px}@media (min-width: 36em){:host(.duet-spacer-vertical.large){height:20px;min-height:20px}}:host(.duet-spacer-vertical.x-large){width:100%;height:20px;min-height:20px}@media (min-width: 36em){:host(.duet-spacer-vertical.x-large){height:28px;min-height:28px}}:host(.duet-spacer-vertical.xx-large){width:100%;height:28px;min-height:28px}@media (min-width: 36em){:host(.duet-spacer-vertical.xx-large){height:36px;min-height:36px}}:host(.duet-spacer-vertical.xxx-large){width:100%;height:36px;min-height:36px}@media (min-width: 36em){:host(.duet-spacer-vertical.xxx-large){height:48px;min-height:48px}}:host(.duet-spacer-vertical.xxxx-large){width:100%;height:48px;min-height:48px}@media (min-width: 36em){:host(.duet-spacer-vertical.xxxx-large){height:72px;min-height:72px}}:host(.duet-spacer-xx-small){display:none}@media (max-width: 22.5em){:host(.duet-spacer-xx-small){display:block}}:host(.duet-spacer-x-small){display:none}@media (max-width: 35.9375em){:host(.duet-spacer-x-small){display:block}}:host(.duet-spacer-small){display:none}@media (min-width: 36em){:host(.duet-spacer-small){display:block}}:host(.duet-spacer-medium){display:none}@media (min-width: 48em){:host(.duet-spacer-medium){display:block}}:host(.duet-spacer-large){display:none}@media (min-width: 62em){:host(.duet-spacer-large){display:block}}:host(.duet-spacer-x-large){display:none}@media (min-width: 64.0625em){:host(.duet-spacer-x-large){display:block}}:host(.duet-spacer-xx-large){display:none}@media (min-width: 76.25em){:host(.duet-spacer-xx-large){display:block}}";
-const DuetSpacerStyle0 = duetSpacerCss;
-
-const DuetSpacer = /*@__PURE__*/ proxyCustomElement(class DuetSpacer extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.size = "medium";
-        this.direction = "vertical";
-        this.breakpoint = "";
-    }
-    /**
-     * render() function
-     * Always the last one in the class.
-     */
-    render() {
-        return (h(Host, { key: '67abecda5dd86faf6e3399964e8efa1193ac55a4', class: {
-                "duet-spacer": true,
-                "duet-spacer-xx-small": this.breakpoint === "xx-small",
-                "duet-spacer-x-small": this.breakpoint === "x-small",
-                "duet-spacer-small": this.breakpoint === "small",
-                "duet-spacer-medium": this.breakpoint === "medium",
-                "duet-spacer-large": this.breakpoint === "large",
-                "duet-spacer-x-large": this.breakpoint === "x-large",
-                "duet-spacer-xx-large": this.breakpoint === "xx-large",
-                [this.size]: true,
-                [`duet-spacer-${this.direction}`]: true,
-            } }));
-    }
-    static get style() { return DuetSpacerStyle0; }
-}, [1, "duet-spacer", {
-        "size": [1],
-        "direction": [1],
-        "breakpoint": [1]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["duet-spacer"];
-    components.forEach(tagName => { switch (tagName) {
-        case "duet-spacer":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, DuetSpacer);
-            }
-            break;
-    } });
-}
-
-export { DuetSpacer as D, defineCustomElement as d };

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

@@ -1,108 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import { p as proxyCustomElement, H, h, d as Host } from './p-f2c2f3d2.js';
-import { t as tokens } from './p-f6000a03.js';
-import { d as defineCustomElement$1 } from './p-7b6a89e9.js';
-
-const DuetStatusIcon = /*@__PURE__*/ proxyCustomElement(class DuetStatusIcon extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.bg = {
-            default: {
-                default: "color_lt_blue_200",
-                success: "color_success_200",
-                warning: "color_warning_200",
-                danger: "color_danger_200",
-            },
-            strong: {
-                default: "color_lt_blue_700",
-                success: "color_success_700",
-                warning: "color_warning_500",
-                danger: "color_danger_600",
-            },
-        };
-        this.color = {
-            default: {
-                default: "color_lt_blue_800",
-                success: "color_success_800",
-                warning: "color_warning_800",
-                danger: "color_danger_800",
-            },
-            strong: {
-                default: "color_lt_blue_100",
-                success: "color_gray_lightest",
-                warning: "color_warning_900",
-                danger: "color_gray_lightest",
-            },
-        };
-        this.variation = "default";
-        this.size = "medium";
-        this.margin = "auto";
-        this.strong = false;
-    }
-    getBg() {
-        return tokens[this.bg[this.strong ? "strong" : "default"][this.variation]];
-    }
-    getColor() {
-        return tokens[this.color[this.strong ? "strong" : "default"][this.variation]];
-    }
-    getIcon() {
-        switch (this.variation) {
-            case "default":
-                return `
-          <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" role="img">
-          <rect width="24" height="24" rx="12" fill="${this.getBg()}"/>
-          <path fill="${this.getColor()}" d="M13.5 17.25A2.252 2.252 0 0 1 11.25 15v-3.75h-.75a.75.75 0 0 1 0-1.5h.75c.827 0 1.5.673 1.5 1.5V15c0 .414.336.75.75.75h.75a.75.75 0 0 1 0 1.5z"/>
-          <circle fill="${this.getColor()}" cx="11.625" cy="7.125" r="1.125"/>
-          </svg>`;
-            case "success":
-                return `
-          <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" role="img">
-          <rect width="24" height="24" rx="12" fill="${this.getBg()}"/>
-          <path fill="${this.getColor()}" d="M9.325 17.916a1.79 1.79 0 0 1-1.498-.799l-2.44-3.462a.75.75 0 0 1 1.227-.864l2.45 3.477a.306.306 0 0 0 .261.148.294.294 0 0 0 .236-.119l7.852-9.935a.75.75 0 1 1 1.175.93l-7.843 9.923a1.781 1.781 0 0 1-.423.396 1.78 1.78 0 0 1-.997.305z"/>
-          </svg>`;
-            case "warning":
-            case "danger":
-                return `
-          <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" role="img">
-          <path fill="${this.getBg()}" d="M1.27,23.767C1.58,23.919 1.926,24 2.273,24L21.73,24C22.336,24 22.906,23.764 23.334,23.336C23.764,22.908 24.001,22.337 24.001,21.73C24.001,21.383 23.92,21.037 23.768,20.727L14.295,1.429C13.862,0.547 12.981,0 11.997,0C11.605,0 11.227,0.088 10.873,0.262C10.369,0.51 9.954,0.924 9.706,1.429L0.234,20.728C-0.034,21.271 -0.073,21.888 0.123,22.462C0.319,23.036 0.727,23.5 1.27,23.767Z"/>
-          <rect fill="${this.getColor()}" x="11.1" y="7.2" width="1.8" height="8.4" rx="0.9"/>
-          <rect fill="${this.getColor()}" x="10.8" y="18" width="2.4" height="2.4" rx="1.2"/>
-          </svg>`;
-        }
-    }
-    render() {
-        return (h(Host, { key: '8f1aee739a7562a76d4f83297539132e883f5998', class: {
-                [`duet-status-icon-${this.variation}`]: true,
-                "duet-strong-bg": this.strong,
-            } }, h("duet-icon", { key: '56de020bda4c9b8cb81137601cef518592830e8f', icon: this.getIcon(), size: this.size, margin: this.margin })));
-    }
-}, [1, "duet-status-icon", {
-        "variation": [1],
-        "size": [513],
-        "margin": [1],
-        "strong": [4]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["duet-status-icon", "duet-icon"];
-    components.forEach(tagName => { switch (tagName) {
-        case "duet-status-icon":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, DuetStatusIcon);
-            }
-            break;
-        case "duet-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-
-export { DuetStatusIcon as D, defineCustomElement as d };

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

@@ -1,60 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import { p as proxyCustomElement, H, h } from './p-f2c2f3d2.js';
-import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
-import { g as getColorByName } from './p-0562173d.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: '99327b6d34622f91cf6916aecf6b544075d53573', 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 };