@altinn/altinn-components 0.52.2 → 0.52.4

package/dist/input-wBv_FkEV.js

@@ -0,0 +1,12 @@
+"use client";
+import { jsx as f } from "react/jsx-runtime";
+import { c as i } from "./lite-1fxw3LjI.js";
+import { forwardRef as u } from "react";
+const d = u(function({ type: r = "text", className: o, onChange: e, onClick: p, ...t }, a) {
+  return f("input", { className: i("ds-input", o), ref: a, type: r, onChange: (n) => t.readOnly || e?.(n), onClick: (n) => {
+    t.readOnly && n.preventDefault(), p?.(n);
+  }, ...t });
+});
+export {
+  d as I
+};

package/dist/{Label-9elsbqMH.js → label-xTmTyPhk.js}

@@ -1,6 +1,6 @@
 "use client";
 import { jsx as a } from "react/jsx-runtime";
-import { S as s } from "./index-D8Pn8SCu.js";
+import { S as s } from "./index-D7FJjvrv.js";
 import { c as l } from "./lite-1fxw3LjI.js";
 import { forwardRef as n } from "react";
 const u = n(function({ className: o, weight: e = "medium", asChild: t, ...r }, m) {

package/dist/{Paragraph-Bm-eoPYv.js → paragraph-BRiIBpbY.js}

@@ -1,6 +1,6 @@
 "use client";
 import { jsx as m } from "react/jsx-runtime";
-import { S as n } from "./index-D8Pn8SCu.js";
+import { S as n } from "./index-D7FJjvrv.js";
 import { c as s } from "./lite-1fxw3LjI.js";
 import { forwardRef as e } from "react";
 const g = e(function({ className: r, asChild: a, variant: o = "default", ...t }, p) {

package/dist/spinner-0Qe_jRGB.js

@@ -0,0 +1,23 @@
+"use client";
+import { jsxs as u, jsx as c } from "react/jsx-runtime";
+import { c as o } from "./lite-1fxw3LjI.js";
+import { useRef as l, useLayoutEffect as d, useEffect as p, forwardRef as g } from "react";
+import { u as y } from "./use-merge-refs-Cj4kTYVj.js";
+const T = typeof window < "u" ? d : p;
+function f(i) {
+  const t = l(null);
+  return T(() => {
+    const s = document.getAnimations().filter((n) => "animationName" in n && n.animationName === i), r = s.find((n) => "animationName" in n && n.animationName === i), e = s.find((n) => n.effect?.target === t.current);
+    return e && e === r && (e.currentTime = 0), e && r?.currentTime && e !== r && (e.currentTime = r.currentTime), () => {
+      e && r?.currentTime && (e.currentTime = r.currentTime);
+    };
+  }, [i]), t;
+}
+const N = g(function({ "aria-label": t, className: s, ...r }, e) {
+  const n = f("ds-spinner-rotate-animation"), a = f("ds-spinner-stroke-animation"), m = y([n, e]);
+  return u("svg", { "aria-label": t, className: o("ds-spinner", s), ref: m, role: "img", viewBox: "0 0 50 50", ...r, children: [c("circle", { className: o("ds-spinner__background"), cx: "25", cy: "25", r: "20", fill: "none", strokeWidth: "5" }), c("circle", { className: o("ds-spinner__circle"), cx: "25", cy: "25", r: "20", fill: "none", strokeWidth: "5", ref: a })] });
+});
+export {
+  N as S,
+  f as u
+};