@duetds/components 6.10.2 → 6.10.3

package/lib/dist-custom-elements/{p-38b3c30a.js → p-df10a767.js}

@@ -1,14 +1,6 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h, d as Host } from './p-2b132855.js';
-import { m as media_query_medium, a as media_query_large } from './p-b519ac77.js';
-import { i as inheritGlobalTheme } from './p-4ebf1618.js';
-import { c as createID } from './p-c1325e35.js';
-import { g as getLanguage, a as getLocaleString, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './p-076452be.js';
-import { d as defineCustomElement$2 } from './p-c202693f.js';
-import { d as defineCustomElement$1 } from './p-beca0ced.js';
-
 function getAlignment(placement) {
   return placement.split('-')[1];
 }
@@ -521,6 +513,76 @@ const flip = function (options) {
   };
 };
 
+async function convertValueToCoords(state, value) {
+  const {
+    placement,
+    platform,
+    elements
+  } = state;
+  const rtl = await (platform.isRTL == null ? void 0 : platform.isRTL(elements.floating));
+  const side = getSide(placement);
+  const alignment = getAlignment(placement);
+  const isVertical = getMainAxisFromPlacement(placement) === 'x';
+  const mainAxisMulti = ['left', 'top'].includes(side) ? -1 : 1;
+  const crossAxisMulti = rtl && isVertical ? -1 : 1;
+  const rawValue = typeof value === 'function' ? value(state) : value;
+
+  // eslint-disable-next-line prefer-const
+  let {
+    mainAxis,
+    crossAxis,
+    alignmentAxis
+  } = typeof rawValue === 'number' ? {
+    mainAxis: rawValue,
+    crossAxis: 0,
+    alignmentAxis: null
+  } : {
+    mainAxis: 0,
+    crossAxis: 0,
+    alignmentAxis: null,
+    ...rawValue
+  };
+  if (alignment && typeof alignmentAxis === 'number') {
+    crossAxis = alignment === 'end' ? alignmentAxis * -1 : alignmentAxis;
+  }
+  return isVertical ? {
+    x: crossAxis * crossAxisMulti,
+    y: mainAxis * mainAxisMulti
+  } : {
+    x: mainAxis * mainAxisMulti,
+    y: crossAxis * crossAxisMulti
+  };
+}
+
+/**
+ * Modifies the placement by translating the floating element along the
+ * specified axes.
+ * A number (shorthand for `mainAxis` or distance), or an axes configuration
+ * object may be passed.
+ * @see https://floating-ui.com/docs/offset
+ */
+const offset = function (value) {
+  if (value === void 0) {
+    value = 0;
+  }
+  return {
+    name: 'offset',
+    options: value,
+    async fn(state) {
+      const {
+        x,
+        y
+      } = state;
+      const diffCoords = await convertValueToCoords(state, value);
+      return {
+        x: x + diffCoords.x,
+        y: y + diffCoords.y,
+        data: diffCoords
+      };
+    }
+  };
+};
+
 function getCrossAxis(axis) {
   return axis === 'x' ? 'y' : 'x';
 }
@@ -1180,269 +1242,4 @@ const computePosition = (reference, floating, options) => {
   });
 };
 
-const duetTooltipCss = "*,*::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;z-index:200;display:inline-flex;width:auto;margin-top:-16px !important;margin-left:-3px !important;-webkit-tap-highlight-color:transparent}.duet-tooltip{position:absolute;z-index:950;display:none;width:282px;min-height:48px;max-height:340px;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(0, 41, 77);visibility:hidden;background:rgb(255, 255, 255);border:1px solid rgb(225, 227, 230);border-radius:4px;box-shadow:0 2px 10px 0 rgba(0, 41, 77, 0.07);opacity:0;transition:300ms ease;transform-origin:100% 100%}.duet-tooltip.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);border-color:rgb(228, 228, 230);box-shadow:0 2px 10px 0 rgba(117, 117, 117, 0.13)}.duet-tooltip .arrow{position:absolute;width:22px;height:22px;pointer-events:none}.duet-tooltip .arrow.bottom,.duet-tooltip .arrow.bottom-start,.duet-tooltip .arrow.bottom-end{top:-21px}.duet-tooltip .arrow-container{position:relative;width:100%;height:100%;pointer-events:none}.duet-tooltip .arrow-container::after{position:absolute;z-index:200;width:0;height:0;pointer-events:none;content:\"\"}.duet-tooltip .arrow-container::before{position:absolute;z-index:100;width:0;height:0;pointer-events:none;content:\"\"}.duet-tooltip .arrow-container.top::after,.duet-tooltip .arrow-container.top-start::after,.duet-tooltip .arrow-container.top-end::after{bottom:2px;left:2px;border:10px solid transparent;border-top:10px solid rgb(255, 255, 255)}.duet-tooltip .arrow-container.top::before,.duet-tooltip .arrow-container.top-start::before,.duet-tooltip .arrow-container.top-end::before{bottom:-1px;left:1px;border:11px solid transparent;border-top:11px solid rgb(225, 227, 230)}.duet-theme-turva .duet-tooltip .arrow-container.top::before,.duet-theme-turva .duet-tooltip .arrow-container.top-start::before,.duet-theme-turva .duet-tooltip .arrow-container.top-end::before{border-top:11px solid rgb(228, 228, 230)}.duet-tooltip .arrow-container.bottom::after,.duet-tooltip .arrow-container.bottom-start::after,.duet-tooltip .arrow-container.bottom-end::after{bottom:1px;left:2px;border:10px solid transparent;border-bottom:10px solid rgb(255, 255, 255)}.duet-tooltip .arrow-container.bottom::before,.duet-tooltip .arrow-container.bottom-start::before,.duet-tooltip .arrow-container.bottom-end::before{bottom:1px;left:1px;border:11px solid transparent;border-bottom:11px solid rgb(225, 227, 230)}.duet-theme-turva .duet-tooltip .arrow-container.bottom::before,.duet-theme-turva .duet-tooltip .arrow-container.bottom-start::before,.duet-theme-turva .duet-tooltip .arrow-container.bottom-end::before{border-top:11px solid rgb(228, 228, 230)}.duet-tooltip.duet-tooltip-has-label{right:auto !important;left:0;width:282px !important;transform-origin:0 0 !important}.duet-tooltip.duet-tooltip-active{visibility:visible;opacity:1;transition-property:transform, opacity}.duet-tooltip-button{z-index:100;display:inline-block;align-items:center;justify-content:center;min-width:48px;height:48px;padding:0 !important;margin-right:-12px;line-height:normal !important;color:rgb(0, 119, 179);white-space:nowrap;cursor:pointer;background:transparent !important;border-radius:4px}.duet-tooltip-button.duet-theme-turva{color:rgb(198, 12, 48)}.duet-tooltip-button:hover{color:rgb(0, 77, 128)}.duet-tooltip-button:hover.duet-theme-turva{color:rgb(148, 9, 37)}.duet-tooltip-button:focus{background:transparent !important;outline:0}:host(.user-is-tabbing) .duet-tooltip-button:focus{background:transparent !important;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px rgb(0, 119, 179) !important}:host(.user-is-tabbing) .duet-tooltip-button.duet-theme-turva:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px rgb(23, 28, 58) !important}.duet-tooltip-button svg{width:20px;height:20px;pointer-events:none}.duet-tooltip-button-has-label{margin-right:0}.duet-tooltip-scrollable{padding:20px !important;width:100%;max-height:250px;padding-right:25px !important;overflow-y:auto;-webkit-hyphens:auto;hyphens:auto;border-radius:4px;-webkit-overflow-scrolling:touch}.duet-tooltip-scrollable:focus{outline:none}:host(.user-is-tabbing) .duet-tooltip-scrollable:focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px rgb(0, 119, 179)}:host(.user-is-tabbing) .duet-theme-turva .duet-tooltip-scrollable:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px rgb(23, 28, 58)}.duet-tooltip-scrollable::-webkit-scrollbar{width:4px}.duet-tooltip-scrollable::-webkit-scrollbar-track{border-radius:4px}.duet-tooltip-scrollable::-webkit-scrollbar-thumb{background:rgb(225, 227, 230);border-radius:4px}.duet-theme-turva .duet-tooltip-scrollable::-webkit-scrollbar-thumb{background:rgb(228, 228, 230)}.duet-tooltip-label{position:relative;z-index:100;display:inline-block;max-width:calc(100% - 30px);margin-left:12px !important;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:600;line-height:1.25;text-align:left;white-space:normal;vertical-align:top}.duet-theme-turva .duet-tooltip-label{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"}.duet-tooltip-close{position:absolute;top:8px;right:8px;display:flex;align-items:center;justify-content:center;width:17px;height:17px;min-height:0 !important;padding:0 !important;margin:0 !important;line-height:normal;color:rgb(0, 41, 77);cursor:pointer;background:rgb(245, 248, 250);border-radius:50%;-webkit-appearance:none;appearance:none}.duet-tooltip-close:focus{outline:none;box-shadow:0 0 0 2px rgb(0, 119, 179)}.duet-theme-turva .duet-tooltip-close:focus{color:rgb(23, 28, 58);box-shadow:0 0 0 2px rgb(23, 28, 58)}";
-
-const DuetTooltip = /*@__PURE__*/ proxyCustomElement(class extends H {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    /**
-     * Own Properties.
-     */
-    this.mql = [
-      window.matchMedia(media_query_medium.replace(/'/g, "")),
-      window.matchMedia(media_query_large.replace(/'/g, "")),
-    ];
-    this.tooltipId = createID("DuetTooltip");
-    /**
-     * Local methods
-     */
-    this.openTooltip = () => {
-      this.focusTarget = "tooltip";
-      this.active = true;
-    };
-    this.closeTooltip = (moveFocusToButton = false) => {
-      if (moveFocusToButton) {
-        this.focusTarget = "trigger";
-      }
-      this.active = false;
-    };
-    this.toggleOpen = () => {
-      this.active ? this.closeTooltip() : this.openTooltip();
-    };
-    this.handleFocusOut = (e) => {
-      if (!this.active) {
-        return;
-      }
-      const relatedTarget = e.relatedTarget;
-      if (
-      // if we don't know where focus went
-      relatedTarget == null ||
-        // if focus is within the tooltip itself
-        this.element.shadowRoot.contains(relatedTarget) ||
-        // if focus is within the tooltip light DOM
-        this.element.contains(relatedTarget)) {
-        // then we can skip closing
-        return;
-      }
-      this.closeTooltip();
-    };
-    this.handleKeyDown = (e) => {
-      const isEscapeKey = e.keyCode === 27;
-      const isTabbingOut = e.target === this.scrollableEl && e.shiftKey && e.keyCode === 9;
-      if (isEscapeKey || isTabbingOut) {
-        this.closeTooltip(true);
-      }
-    };
-    this.handleCloseClick = () => {
-      this.closeTooltip(true);
-    };
-    this.updatePlacement = async () => {
-      var _a, _b;
-      let preferRight = true;
-      if (this.breakpoint === "large" && !this.mql[1].matches) {
-        preferRight = false;
-      }
-      else if (this.breakpoint === "medium" && !this.mql[0].matches) {
-        preferRight = false;
-      }
-      let placement = preferRight ? "top-start" : "top-end";
-      if (this.direction === "left") {
-        placement = "top-end";
-      }
-      else if (this.direction === "right") {
-        placement = "top-start";
-      }
-      const position = await computePosition(this.buttonEl, this.tooltipEl, {
-        placement,
-        middleware: [flip(), shift({ padding: 5 }), arrow({ element: this.arrowEl })],
-      });
-      this.tooltipY = position.y;
-      this.tooltipX = position.x;
-      this.placement = position.placement;
-      this.arrowY = (_a = position.middlewareData.arrow) === null || _a === void 0 ? void 0 : _a.y;
-      this.arrowX = (_b = position.middlewareData.arrow) === null || _b === void 0 ? void 0 : _b.x;
-    };
-    this.placement = "bottom";
-    this.tooltipY = undefined;
-    this.tooltipX = undefined;
-    this.arrowX = undefined;
-    this.arrowY = undefined;
-    this.theme = "";
-    this.language = getLanguage();
-    this.accessibleLabelDefault = {
-      fi: "Näytä lisätietoja",
-      en: "Show more information",
-      sv: "Visa mer tilläggsuppgifter",
-    };
-    this.accessibleLabel = getLocaleString(this.accessibleLabelDefault, this.language);
-    this.accessibleInputLabel = undefined;
-    this.accessibleCloseLabelDefault = {
-      fi: "Sulje lisätiedot",
-      en: "Close details",
-      sv: "Stäng tilläggsuppgifter",
-    };
-    this.accessibleCloseLabel = getLocaleString(this.accessibleCloseLabelDefault, this.language);
-    this.label = "";
-    this.breakpoint = "medium";
-    this.direction = "auto";
-    this.positionVertical = "0";
-    this.positionHorizontal = "0";
-    this.active = false;
-  }
-  watchLanguageStateHandler(newValue, oldValue) {
-    if (newValue !== oldValue && this.accessibleLabel === this.accessibleLabelDefault[oldValue]) {
-      this.accessibleLabel = getLocaleString(this.accessibleLabelDefault, newValue);
-    }
-    if (newValue !== oldValue && this.accessibleCloseLabel === this.accessibleCloseLabelDefault[oldValue]) {
-      this.accessibleCloseLabel = getLocaleString(this.accessibleCloseLabelDefault, newValue);
-    }
-  }
-  /**
-   * Component lifecycle events.
-   */
-  componentWillLoad() {
-    inheritGlobalTheme(this);
-  }
-  componentDidLoad() {
-    {
-      this.updatePlacement();
-    }
-  }
-  componentDidUpdate() {
-    switch (this.focusTarget) {
-      case "tooltip":
-        this.scrollableEl.focus({ preventScroll: true });
-        break;
-      case "trigger":
-        this.buttonEl.focus({ preventScroll: true });
-        break;
-    }
-    this.focusTarget = null;
-  }
-  connectedCallback() {
-    connectLanguageChangeObserver(this);
-  }
-  disconnectedCallback() {
-    disconnectLanguageChangeObserver(this);
-  }
-  /**
-   * Component event handling.
-   */
-  onScroll() {
-    clearTimeout(this.scrollTimer);
-    this.scrollTimer = setTimeout(() => {
-      if (this.active) {
-        this.updatePlacement();
-      }
-    }, 100);
-  }
-  handleWindowResize() {
-    clearTimeout(this.resizeTimer);
-    this.resizeTimer = setTimeout(() => {
-      this.updatePlacement();
-    }, 100);
-  }
-  handleDocumentClick(e) {
-    if (!this.active) {
-      return;
-    }
-    const path = e.composedPath();
-    const isClickOutside = path.every(el => el !== this.element);
-    if (isClickOutside) {
-      this.closeTooltip();
-    }
-  }
-  async handleActiveChange(newActiveValue) {
-    if (newActiveValue) {
-      this.updatePlacement();
-    }
-    else {
-      setTimeout(() => this.updatePlacement(), 300);
-    }
-  }
-  /**
-   * render() function.
-   * Always the last one in the class.
-   */
-  render() {
-    const tooltipStyles = {
-      transform: `translateY(${this.positionVertical}) translateX(${this.positionHorizontal})`,
-      // This is needed to that the active tooltip stacks on
-      // top of other tooltips and the header.
-      zIndex: this.active ? "201" : "",
-    };
-    const positionStyles = {
-      top: `${this.tooltipY}px`,
-      left: `${this.tooltipX}px`,
-      display: "block",
-    };
-    const arrowStyles = {
-      top: this.arrowY ? `${this.arrowY}px` : undefined,
-      left: this.arrowX ? `${this.arrowX}px` : undefined,
-    };
-    return (h(Host, { style: tooltipStyles }, h("button", { ref: element => (this.buttonEl = element), "aria-controls": this.tooltipId, "aria-expanded": this.active ? "true" : "false", onClick: this.toggleOpen, type: "button", class: {
-        "duet-tooltip-button": true,
-        "duet-tooltip-button-has-label": !!this.label,
-        "duet-theme-turva": this.theme === "turva",
-      } }, h("svg", { "aria-hidden": "true", role: "img", fill: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "m13.5 17.25c-1.241 0-2.25-1.009-2.25-2.25v-3.75h-.75c-.414 0-.75-.336-.75-.75s.336-.75.75-.75h.75c.827 0 1.5.673 1.5 1.5v3.75c0 .414.336.75.75.75h.75c.414 0 .75.336.75.75s-.336.75-.75.75z" }), h("circle", { cx: "11.625", cy: "7.125", r: "1.125" }), h("path", { d: "m12 24c-6.617 0-12-5.383-12-12s5.383-12 12-12 12 5.383 12 12-5.383 12-12 12zm0-22.5c-5.79 0-10.5 4.71-10.5 10.5s4.71 10.5 10.5 10.5 10.5-4.71 10.5-10.5-4.71-10.5-10.5-10.5z" })), this.label ? (h("span", { class: "duet-tooltip-label" }, this.label)) : (h("duet-visually-hidden", null, this.accessibleInputLabel
-      ? `${this.accessibleInputLabel}, ${this.accessibleLabel}`
-      : this.accessibleLabel))), h("div", { ref: element => (this.tooltipEl = element), style: positionStyles, class: {
-        "duet-tooltip": true,
-        "duet-theme-turva": this.theme === "turva",
-        "duet-tooltip-has-label": !!this.label,
-        "duet-tooltip-active": this.active === true,
-      }, onClick: e => e.stopPropagation(), onKeyDown: this.handleKeyDown, onFocusout: this.handleFocusOut }, h("div", { ref: element => (this.scrollableEl = element), class: "duet-tooltip-scrollable", tabindex: "0", id: this.tooltipId }, h("slot", null)), h("div", { ref: element => (this.arrowEl = element), class: { arrow: true, [this.placement]: true }, style: arrowStyles }, h("div", { class: { "arrow-container": true, [this.placement]: true } })), h("button", { type: "button", class: "duet-tooltip-close", onClick: this.handleCloseClick }, h("duet-icon", { name: "navigation-close-small", margin: "none", color: "currentColor", size: "xxx-small" }), h("duet-visually-hidden", null, this.accessibleCloseLabel)))));
-  }
-  get element() { return this; }
-  static get watchers() { return {
-    "language": ["watchLanguageStateHandler"],
-    "active": ["handleActiveChange"]
-  }; }
-  static get style() { return duetTooltipCss; }
-}, [1, "duet-tooltip", {
-    "theme": [1025],
-    "language": [1025],
-    "accessibleLabelDefault": [1, "accessible-label-default"],
-    "accessibleLabel": [1025, "accessible-label"],
-    "accessibleInputLabel": [1, "accessible-input-label"],
-    "accessibleCloseLabelDefault": [1, "accessible-close-label-default"],
-    "accessibleCloseLabel": [1025, "accessible-close-label"],
-    "label": [1],
-    "breakpoint": [1],
-    "direction": [1],
-    "positionVertical": [513, "position-vertical"],
-    "positionHorizontal": [513, "position-horizontal"],
-    "active": [1540],
-    "placement": [32],
-    "tooltipY": [32],
-    "tooltipX": [32],
-    "arrowX": [32],
-    "arrowY": [32]
-  }, [[9, "scroll", "onScroll"], [9, "resize", "handleWindowResize"], [4, "click", "handleDocumentClick"]]]);
-function defineCustomElement() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["duet-tooltip", "duet-icon", "duet-visually-hidden"];
-  components.forEach(tagName => { switch (tagName) {
-    case "duet-tooltip":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, DuetTooltip);
-      }
-      break;
-    case "duet-icon":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$2();
-      }
-      break;
-    case "duet-visually-hidden":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$1();
-      }
-      break;
-  } });
-}
-
-export { DuetTooltip as D, defineCustomElement as d };
+export { arrow as a, computePosition as c, flip as f, offset as o, shift as s };

package/lib/dist-custom-elements/{p-2b132855.js → p-e550208a.js}

@@ -2,7 +2,7 @@
  * Built with Duet Design System
  */
 const NAMESPACE = 'duet';
-const Env = /* duet */ {"cdnURILocal":"http://0.0.0.0:3334","cdnURIProd":"https://cdn.duetds.com/api","duetIconVersion":"3.0.60"};
+const Env = /* duet */ {"cdnURILocal":"http://0.0.0.0:3334","cdnURIProd":"https://cdn.duetds.com/api","duetIconVersion":"3.0.61"};
 
 /**
  * Virtual DOM patching algorithm based on Snabbdom by

package/lib/dist-custom-elements/{p-28658e20.js → p-e6027c0e.js}

@@ -1,20 +1,20 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-2b132855.js';
+import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-e550208a.js';
 import { f as formSearch } from './p-d004da5f.js';
 import { i as inheritGlobalTheme } from './p-4ebf1618.js';
 import { c as createID } from './p-c1325e35.js';
 import { c as cleanValue, r as resetCursor } from './p-56118313.js';
 import { b as isEscapeKey, c as isEnterKey } from './p-d8549efe.js';
 import { g as getLanguage, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './p-076452be.js';
-import { d as defineCustomElement$7 } from './p-2747b8c6.js';
-import { d as defineCustomElement$6 } from './p-d6a6460a.js';
-import { d as defineCustomElement$5 } from './p-c202693f.js';
-import { d as defineCustomElement$4 } from './p-39c6c68e.js';
-import { d as defineCustomElement$3 } from './p-05139591.js';
-import { d as defineCustomElement$2 } from './p-38b3c30a.js';
-import { d as defineCustomElement$1 } from './p-beca0ced.js';
+import { d as defineCustomElement$7 } from './p-d993c8ca.js';
+import { d as defineCustomElement$6 } from './p-c9cee36a.js';
+import { d as defineCustomElement$5 } from './p-9a39285c.js';
+import { d as defineCustomElement$4 } from './p-0639a930.js';
+import { d as defineCustomElement$3 } from './p-f97098ff.js';
+import { d as defineCustomElement$2 } from './p-fa4af49a.js';
+import { d as defineCustomElement$1 } from './p-1460c5f4.js';
 
 var formEmail={"title":"form-email","tags":"form email","svg":"<svg fill=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" role=\"img\"><path d=\"M12 23.999c-3.205 0-6.218-1.248-8.484-3.514S.001 15.206.001 12.001s1.248-6.218 3.514-8.485C5.782 1.25 8.795.001 12 .001s6.218 1.248 8.485 3.514A11.92 11.92 0 0 1 24 12v2.25A3.754 3.754 0 0 1 20.25 18a3.77 3.77 0 0 1-3.48-2.365A6.009 6.009 0 0 1 12 18c-3.308 0-6-2.692-6-6s2.692-6 6-6 6 2.692 6 6v2.25c0 1.241 1.009 2.25 2.25 2.25s2.25-1.009 2.25-2.25V12c0-2.804-1.092-5.441-3.075-7.424A10.433 10.433 0 0 0 12 1.501c-2.804 0-5.441 1.092-7.424 3.075S1.501 9.196 1.501 12c0 2.805 1.092 5.441 3.075 7.424s4.619 3.074 7.423 3.074c2.257 0 4.494-.746 6.299-2.1a.749.749 0 1 1 .9 1.199A12.049 12.049 0 0 1 12 23.999zM12 7.5c-2.481 0-4.5 2.019-4.5 4.5s2.019 4.5 4.5 4.5 4.5-2.019 4.5-4.5-2.019-4.5-4.5-4.5z\"/></svg>"};
 

package/lib/dist-custom-elements/{p-eb29050b.js → p-f4a36471.js}

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h, d as Host } from './p-2b132855.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-e550208a.js';
 import { i as inheritGlobalTheme } from './p-4ebf1618.js';
 
 const duetCheckmarkCss = ".duet-checkmark-container{position:relative;width:20px;height:20px;margin-left:auto;border:1px solid rgb(144, 149, 153);border-radius:4px;transition:border 300ms ease}.duet-checkmark-container.center{margin-right:auto}.duet-theme-turva .duet-checkmark-container{border-color:rgb(116, 116, 117)}.checked .duet-checkmark-container{background:rgb(0, 119, 179);border-color:rgb(0, 119, 179);transition:none}.duet-theme-turva .checked .duet-checkmark-container{background:rgb(23, 28, 58);border-color:rgb(23, 28, 58) !important}.duet-checkmark-container.duet-checkmark-radio{border-radius:50%}[disabled]+label .duet-checkmark-container{border-color:rgb(207, 210, 212) !important}.duet-theme-turva [disabled]+label .duet-checkmark-container{border-color:rgb(207, 207, 209) !important}.checked [disabled]+label .duet-checkmark-container{background:rgb(207, 210, 212) !important}.duet-theme-turva .checked [disabled]+label .duet-checkmark-container{background:rgb(207, 207, 209) !important}.duet-checkmark{position:absolute;top:10px;left:3px;width:5.3333333333px;height:11.8518518519px;border-top:2px solid rgb(255, 255, 255);border-right:2px solid rgb(255, 255, 255);opacity:1;transform:scaleX(-1) rotate(135deg) translateZ(0);transform-origin:left top;animation-name:duet-checkmark;animation-duration:600ms;animation-timing-function:ease-out;animation-fill-mode:forwards}@keyframes duet-checkmark{0%{width:0;height:0;opacity:1}20%{width:5.3333333333px;height:0;opacity:1}40%,100%{width:5.3333333333px;height:11.8518518519px;opacity:1}}";

package/lib/dist-custom-elements/{p-05139591.js → p-f97098ff.js}

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h, d as Host } from './p-2b132855.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-e550208a.js';
 import { i as inheritGlobalTheme } from './p-4ebf1618.js';
 import { g as getColorByName } from './p-de68431d.js';