@altinn/altinn-components 0.24.6 → 0.24.8

package/dist/global.css

@@ -1,13 +1,14 @@
 @import "@digdir/designsystemet-css/index.css";
 @import "@digdir/designsystemet-theme";
 
-@import "./altinn-ds.css";
+/*@import "./altinn-ds.css"; */
+@import "../tokens/design-tokens-build/altinn-ds.css";
 @import "./altinn-ds-overrides.css";
 @import "./altinn-theme.css";
 
-@import "./shadow.css";
 @import "./padding.css";
 @import "./spacing.css";
+@import "./shadow.css";
 
 * {
   font-family: "Inter", sans-serif;

package/dist/index-C8BS_2GY.js

@@ -0,0 +1,64 @@
+import * as i from "react";
+import { jsx as c, Fragment as d } from "react/jsx-runtime";
+function p(e, r) {
+  if (typeof e == "function")
+    return e(r);
+  e != null && (e.current = r);
+}
+function m(...e) {
+  return (r) => {
+    let n = !1;
+    const l = e.map((t) => {
+      const o = p(t, r);
+      return !n && typeof o == "function" && (n = !0), o;
+    });
+    if (n)
+      return () => {
+        for (let t = 0; t < l.length; t++) {
+          const o = l[t];
+          typeof o == "function" ? o() : p(e[t], null);
+        }
+      };
+  };
+}
+var y = i.forwardRef((e, r) => {
+  const { children: n, ...l } = e, t = i.Children.toArray(n), o = t.find(h);
+  if (o) {
+    const s = o.props.children, a = t.map((u) => u === o ? i.Children.count(s) > 1 ? i.Children.only(null) : i.isValidElement(s) ? s.props.children : null : u);
+    return /* @__PURE__ */ c(f, { ...l, ref: r, children: i.isValidElement(s) ? i.cloneElement(s, void 0, a) : null });
+  }
+  return /* @__PURE__ */ c(f, { ...l, ref: r, children: n });
+});
+y.displayName = "Slot";
+var f = i.forwardRef((e, r) => {
+  const { children: n, ...l } = e;
+  if (i.isValidElement(n)) {
+    const t = R(n), o = C(l, n.props);
+    return n.type !== i.Fragment && (o.ref = r ? m(r, t) : t), i.cloneElement(n, o);
+  }
+  return i.Children.count(n) > 1 ? i.Children.only(null) : null;
+});
+f.displayName = "SlotClone";
+var g = ({ children: e }) => /* @__PURE__ */ c(d, { children: e });
+function h(e) {
+  return i.isValidElement(e) && e.type === g;
+}
+function C(e, r) {
+  const n = { ...r };
+  for (const l in r) {
+    const t = e[l], o = r[l];
+    /^on[A-Z]/.test(l) ? t && o ? n[l] = (...a) => {
+      o(...a), t(...a);
+    } : t && (n[l] = t) : l === "style" ? n[l] = { ...t, ...o } : l === "className" && (n[l] = [t, o].filter(Boolean).join(" "));
+  }
+  return { ...e, ...n };
+}
+function R(e) {
+  var l, t;
+  let r = (l = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : l.get, n = r && "isReactWarning" in r && r.isReactWarning;
+  return n ? e.ref : (r = (t = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : t.get, n = r && "isReactWarning" in r && r.isReactWarning, n ? e.props.ref : e.props.ref || e.ref);
+}
+export {
+  y as S,
+  g as a
+};

package/dist/index-DcykCrjD.js

@@ -0,0 +1,115 @@
+"use client";
+import { jsx as m } from "react/jsx-runtime";
+import { u as M, c as x } from "./floating-ui.react-BQwG1HOM.js";
+import { forwardRef as h, useRef as d, useEffect as $ } from "react";
+var E = typeof window < "u" && typeof window.document < "u" && typeof window.navigator < "u", g;
+E && // @ts-expect-error Typescript has not implemented userAgentData yet https://stackoverflow.com/a/71392474
+/^Mac/i.test(((g = navigator.userAgentData) == null ? void 0 : g.platform) || navigator.platform);
+var H = ":host(:not([hidden])) { display: block }", w = typeof HTMLElement > "u" ? class {
+} : HTMLElement;
+function a(t, e, n) {
+  var o;
+  return n === void 0 ? (o = t.getAttribute(e)) != null ? o : null : (n === null ? t.removeAttribute(e) : t.getAttribute(e) !== n && t.setAttribute(e, n), null);
+}
+var D = (t, e, n) => {
+  for (const o of n[0].split(","))
+    n[0] = o, Element.prototype[`${t}EventListener`].apply(e, n);
+}, v = (t, ...e) => D("add", t, e), k = (t, ...e) => D("remove", t, e), N = (t) => {
+  const e = "key" in t && (t.key === " " || t.key === "Enter");
+  return e && t.preventDefault(), e && t.target instanceof HTMLElement && t.target.click(), e;
+}, O = (t) => {
+  var e;
+  const n = ((e = t.getRootNode) == null ? void 0 : e.call(t)) || t.ownerDocument;
+  return n instanceof Document || n instanceof ShadowRoot ? n : document;
+}, f = (t, e, n) => {
+  const o = document.createElement(t);
+  if (e && (o.textContent = e), n) for (const [r, s] of Object.entries(n)) a(o, r, s);
+  return o;
+}, C = {
+  define: (t, e) => !E || window.customElements.get(t) || window.customElements.define(t, e)
+}, T = class extends w {
+  constructor() {
+    super(), this._content = null, this.attachShadow({ mode: "open" }).append(
+      f("slot", null, { name: "summary" }),
+      f("slot", null, { part: "details-content" }),
+      f(
+        "style",
+        `${H}
+        ::slotted(u-summary) { cursor: pointer; display: block }
+				::slotted(u-summary)::before { content: ''; display: inline-block; vertical-align: middle; margin-inline: .05em .3125em; border-block: .3125em solid transparent; border-inline-start: .5em solid }
+				::slotted(u-summary[aria-expanded="true"])::before { rotate: 90deg }
+				:host > [part="details-content"]:not([hidden=""]) { display: block }`
+      )
+    );
+  }
+  // Using ES2015 syntax for backwards compatibility
+  static get observedAttributes() {
+    return ["open"];
+  }
+  connectedCallback() {
+    var t;
+    this._content = (t = this.shadowRoot) == null ? void 0 : t.children[1], v(this._content, "beforematch", this), v(this, "click,keydown", this), this.attributeChangedCallback();
+  }
+  disconnectedCallback() {
+    this._content && k(this._content, "beforematch", this), k(this, "click,keydown", this), this._content = null;
+  }
+  attributeChangedCallback(t, e, n) {
+    const o = "onbeforematch" in this ? "until-found" : !0, r = this.open;
+    for (const s of this.children)
+      s.nodeName === "U-SUMMARY" && a(s, "aria-expanded", `${r}`);
+    if (this._content && (a(this._content, "aria-hidden", `${!r}`), this._content.hidden = r ? !1 : o), r && this.name) {
+      const s = O(this).querySelectorAll(
+        `${this.nodeName}[name="${this.name}"]`
+      );
+      for (const l of s)
+        l !== this && (l.open = !1);
+    }
+    t === "open" && e === null != (n === null) && this.dispatchEvent(new Event("toggle"));
+  }
+  handleEvent(t) {
+    const e = this.querySelector(":scope > u-summary"), n = e == null ? void 0 : e.contains(t.target);
+    t.defaultPrevented || (t.type === "beforematch" && (this.open = !0), n && t.type === "keydown" && N(t), n && t.type === "click" && (this.open = !this.open));
+  }
+  get open() {
+    return this.hasAttribute("open");
+  }
+  set open(t) {
+    a(this, "open", t ? "" : null);
+  }
+  get name() {
+    return a(this, "name") || "";
+  }
+  set name(t) {
+    a(this, "name", t);
+  }
+}, U = class extends w {
+  connectedCallback() {
+    a(this, "role", "button"), this.slot = "summary", this.tabIndex = 0;
+  }
+};
+C.define("u-details", T);
+C.define("u-summary", U);
+const j = h(function({ className: e, open: n, defaultOpen: o = !1, variant: r = "default", onToggle: s, ...l }, _) {
+  const p = d(null), L = d(o), R = M([p, _]), c = d(s), u = d(n);
+  return c.current = s, u.current = n, $(() => {
+    const i = p.current, y = (A) => {
+      var b;
+      !i || (i == null ? void 0 : i.open) === u.current || ((b = c.current) == null || b.call(c, A), u.current !== void 0 && (i.open = u.current));
+    };
+    return i == null || i.addEventListener("toggle", y, !0), () => i == null ? void 0 : i.removeEventListener("toggle", y, !0);
+  }, []), m("u-details", { class: x("ds-details", e), open: (n ?? L.current) || void 0, "data-variant": r, ref: R, ...l });
+}), B = h(function(e, n) {
+  return m("div", { ref: n, ...e });
+}), I = h(function({ className: e, ...n }, o) {
+  return m("u-summary", { ref: o, class: e, ...n });
+}), S = Object.assign(j, {
+  Summary: I,
+  Content: B
+});
+S.Summary.displayName = "Details.Summary";
+S.Content.displayName = "Details.Content";
+export {
+  S as D,
+  I as a,
+  B as b
+};