@altinn/altinn-components 0.36.4 → 0.36.6

package/dist/assets/ListItemHeader.css

@@ -1 +1 @@
-._header_1v4fh_1{--dsc-item-spacing: .5em;position:relative;width:100%;min-height:var(--dsc-item-height);display:flex;align-items:center;justify-content:start;background:var(--dsc-item-background);column-gap:var(--dsc-item-spacing);padding-right:var(--dsc-item-px);padding-left:var(--dsc-item-px)}._header_1v4fh_1[data-interactive=true]{cursor:pointer}._header_1v4fh_1[data-interactive=true]:hover{background:var(--dsc-item-background--hover)}._header_1v4fh_1[data-interactive=true]:hover ._label_1v4fh_27 h2{text-decoration:underline}._header_1v4fh_1[data-has-active-child=true]{background-color:var(--ds-color-background-tinted)}._label_1v4fh_27{flex-grow:1}._link_1v4fh_39{outline:none}._badge_1v4fh_43{pointer-events:none}._linkIcon_1v4fh_47{flex-shrink:0;min-width:2em;min-height:2em;display:flex;align-items:center;justify-content:center;pointer-events:none}._linkFocus_1v4fh_57{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}._link_1v4fh_39:focus-visible ._linkFocus_1v4fh_57{box-shadow:var(--_ds--focus, var(--dsc-focus-boxShadow));outline:var(--_ds--focus, var(--dsc-focus-outline))}._link_1v4fh_39:focus-visible ._linkFocus_1v4fh_57 *{--_ds--focus: }
+._header_1v1u9_1{--dsc-item-spacing: .5em;position:relative;width:100%;min-height:var(--dsc-item-height);display:flex;align-items:center;justify-content:start;background:var(--dsc-item-background);column-gap:var(--dsc-item-spacing);padding-right:var(--dsc-item-px);padding-left:var(--dsc-item-px)}._header_1v1u9_1[data-interactive=true]{cursor:pointer}._header_1v1u9_1[data-interactive=true]:hover{background:var(--dsc-item-background--hover)}._header_1v1u9_1[data-interactive=true]:hover ._label_1v1u9_27 h2{text-decoration:underline}._header_1v1u9_1[data-has-active-child=true]{background-color:var(--ds-color-background-tinted)}._label_1v1u9_27{flex-grow:1}._link_1v1u9_39{outline:none}._badge_1v1u9_43{pointer-events:none}._linkIcon_1v1u9_47{flex-shrink:0;min-width:2em;min-height:2em;display:flex;align-items:center;justify-content:center;pointer-events:none}._linkFocus_1v1u9_57{position:absolute;top:0;left:0;right:0;bottom:0}._controls_1v1u9_65 a,._controls_1v1u9_65 button{position:relative}._link_1v1u9_39:focus-visible ._linkFocus_1v1u9_57{box-shadow:var(--_ds--focus, var(--dsc-focus-boxShadow));outline:var(--_ds--focus, var(--dsc-focus-outline))}._link_1v1u9_39:focus-visible ._linkFocus_1v1u9_57 *{--_ds--focus: }

package/dist/assets/MetaItemIcon.css

@@ -1 +1 @@
-._media_13vkl_1{display:inline-flex;align-items:center;justify-content:center}._icon_13vkl_7{font-size:1.25em}._icon_13vkl_7:hover{color:var(--color-primary)}._avatarGroup_13vkl_15{font-size:1.25rem}
+._media_1pqyq_1{display:inline-flex;align-items:center;justify-content:center}._icon_1pqyq_7{font-size:1.25em}._avatarGroup_1pqyq_11{font-size:1.25rem}

package/dist/components/Dialog/DialogStatus.js

@@ -1,30 +1,51 @@
-import { jsx as n } from "react/jsx-runtime";
+"use client";
+import { jsx as i } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
-import "react";
+import * as a from "react";
+import { forwardRef as p } from "react";
 import "../RootProvider/RootProvider.js";
+import { MetaItem as c } from "../Metadata/MetaItem.js";
+import { MetaProgress as d } from "../Metadata/MetaProgress.js";
 import "../Snackbar/useSnackbar.js";
-import { MetaItem as o } from "../Metadata/MetaItem.js";
-import { MetaProgress as p } from "../Metadata/MetaProgress.js";
-var c = /* @__PURE__ */ ((r) => (r["not-applicable"] = "NOT_APPLICABLE", r.draft = "DRAFT", r.awaiting = "AWAITING", r.completed = "COMPLETED", r["in-progress"] = "IN_PROGRESS", r["requires-attention"] = "REQUIRES_ATTENTION", r))(c || {});
-const h = ({ loading: r, size: i = "xs", value: t = "not-applicable", label: e }) => {
-  if (r)
+import { u as f } from "../../useId-BVFxCjkq.js";
+var s = function(e, n) {
+  var t = {};
+  for (var r in e) Object.prototype.hasOwnProperty.call(e, r) && n.indexOf(r) < 0 && (t[r] = e[r]);
+  if (e != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var o = 0, r = Object.getOwnPropertySymbols(e); o < r.length; o++)
+      n.indexOf(r[o]) < 0 && Object.prototype.propertyIsEnumerable.call(e, r[o]) && (t[r[o]] = e[r[o]]);
+  return t;
+};
+const m = p((e, n) => {
+  var { title: t, titleId: r } = e, o = s(e, ["title", "titleId"]);
+  let l = f();
+  return l = t ? r || "title-" + l : void 0, a.createElement(
+    "svg",
+    Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", focusable: !1, role: "img", ref: n, "aria-labelledby": l }, o),
+    t ? a.createElement("title", { id: l }, t) : null,
+    a.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M6 3.25a.75.75 0 0 0 0 1.5h.315c.109 1.966.642 3.846 1.546 5.302.502.81 1.116 1.479 1.81 1.948-.694.47-1.308 1.138-1.81 1.948-.904 1.456-1.437 3.336-1.546 5.302H6a.75.75 0 0 0 0 1.5h12a.75.75 0 0 0 0-1.5h-.298c-.109-1.966-.643-3.846-1.546-5.302-.503-.81-1.116-1.479-1.81-1.948.694-.47 1.307-1.138 1.81-1.948.904-1.456 1.437-3.336 1.546-5.302H18a.75.75 0 0 0 0-1.5zm6.008 8c.972 0 2.027-.624 2.873-1.989.738-1.189 1.211-2.785 1.318-4.511H7.818c.107 1.726.58 3.322 1.318 4.511.846 1.365 1.901 1.989 2.872 1.989m0 1.5c-.971 0-2.026.624-2.872 1.989-.738 1.189-1.211 2.784-1.318 4.511h8.381c-.107-1.727-.58-3.322-1.318-4.511-.846-1.365-1.901-1.989-2.873-1.989", clipRule: "evenodd" })
+  );
+});
+var u = /* @__PURE__ */ ((e) => (e["not-applicable"] = "NOT_APPLICABLE", e.draft = "DRAFT", e.awaiting = "AWAITING", e.completed = "COMPLETED", e["in-progress"] = "IN_PROGRESS", e["requires-attention"] = "REQUIRES_ATTENTION", e))(u || {});
+const R = ({ loading: e, size: n = "xs", value: t = "not-applicable", label: r }) => {
+  if (e)
     return null;
   switch (t) {
     case "draft":
-      return /* @__PURE__ */ n(o, { size: i, variant: "dotted", children: e || t });
-    case "awaiting":
-      return /* @__PURE__ */ n(o, { size: i, variant: "outline", children: e || t });
+      return /* @__PURE__ */ i(c, { size: n, variant: "dotted", children: r || t });
     case "requires-attention":
-      return /* @__PURE__ */ n(o, { variant: "solid", children: e || t });
+      return /* @__PURE__ */ i(c, { variant: "solid", children: r || t });
+    case "awaiting":
+      return /* @__PURE__ */ i(c, { size: n, variant: "outline", icon: m, children: r || t });
     case "in-progress":
-      return /* @__PURE__ */ n(p, { size: i, variant: "outline", progress: 75, children: e || t });
+      return /* @__PURE__ */ i(d, { size: n, variant: "outline", progress: 75, children: r || t });
     case "completed":
-      return /* @__PURE__ */ n(p, { size: i, variant: "outline", progress: 100, children: e || t });
+      return /* @__PURE__ */ i(d, { size: n, variant: "outline", progress: 100, children: r || t });
     default:
       return null;
   }
 };
 export {
-  h as DialogStatus,
-  c as DialogStatusEnum
+  R as DialogStatus,
+  u as DialogStatusEnum
 };

package/dist/components/List/ListItemHeader.js

@@ -1,4 +1,4 @@
-import { jsxs as i, jsx as e } from "react/jsx-runtime";
+import { jsxs as n, jsx as e } from "react/jsx-runtime";
 import { c as B } from "../../index-L8X2o7IH.js";
 import { useId as E, isValidElement as w } from "react";
 import { Icon as z } from "../Icon/Icon.js";
@@ -12,87 +12,88 @@ import { ListItemSelect as V } from "./ListItemSelect.js";
 import "../Snackbar/useSnackbar.js";
 import { S as q, a as G } from "../../ChevronUp-DR4Lz2Jb.js";
 import { S as J } from "../../ChevronRight-BbelnTke.js";
-import '../../assets/ListItemHeader.css';const K = "_header_1v4fh_1", M = "_label_1v4fh_27", O = "_link_1v4fh_39", P = "_badge_1v4fh_43", Q = "_linkIcon_1v4fh_47", T = "_linkFocus_1v4fh_57", t = {
+import '../../assets/ListItemHeader.css';const K = "_header_1v1u9_1", M = "_label_1v1u9_27", O = "_link_1v1u9_39", P = "_badge_1v1u9_43", Q = "_linkIcon_1v1u9_47", T = "_linkFocus_1v1u9_57", W = "_controls_1v1u9_65", o = {
   header: K,
   label: M,
   link: O,
   badge: P,
   linkIcon: Q,
-  linkFocus: T
-}, ce = ({
-  as: f,
-  interactive: h = !0,
-  color: p,
-  loading: o,
+  linkFocus: T,
+  controls: W
+}, mo = ({
+  as: _,
+  interactive: i = !0,
+  color: u,
+  loading: s,
   disabled: v,
-  collapsible: _,
-  linkIcon: I,
-  expanded: k,
-  select: n,
-  href: u,
+  collapsible: f,
+  linkIcon: h,
+  expanded: I,
+  select: l,
+  href: k,
   onClick: b,
   onKeyPress: L,
   tabIndex: N,
   size: a,
-  title: s,
+  title: r,
   description: S,
-  icon: x,
-  active: l,
-  badge: r,
-  controls: c,
-  className: y,
-  children: C,
-  ariaLabel: m
+  icon: C,
+  active: c,
+  badge: t,
+  controls: m,
+  className: x,
+  children: y,
+  ariaLabel: d
 }) => {
-  const d = _ ? k ? q : G : I ? J : void 0, F = () => r && !o && typeof r == "object" && "label" in r ? /* @__PURE__ */ e(A, { ...r, className: t.badge }) : w(r) ? r : null, j = m !== void 0 ? m : typeof s == "string" ? s : void 0, g = E();
-  return /* @__PURE__ */ i(
+  const p = f ? I ? q : G : h ? J : void 0, F = () => t && !s && typeof t == "object" && "label" in t ? /* @__PURE__ */ e(A, { ...t, className: o.badge }) : w(t) ? t : null, j = d !== void 0 ? d : typeof r == "string" ? r : void 0, g = E();
+  return /* @__PURE__ */ n(
     "div",
     {
-      className: B(t.header, y),
-      "data-color": p,
-      "data-interactive": h,
+      className: B(o.header, x),
+      "data-color": u,
+      "data-interactive": i,
       "data-size": a,
-      "data-has-active-child": l,
+      "data-has-active-child": c,
       children: [
-        /* @__PURE__ */ i(
+        /* @__PURE__ */ n(
           D,
           {
-            as: f,
-            href: u,
+            as: _,
+            href: k,
             onClick: b,
             onKeyPress: L,
             tabIndex: N,
-            loading: o,
-            disabled: v || o,
-            active: l,
+            loading: s,
+            disabled: v || s,
+            active: c,
             ariaLabel: j,
-            className: t.link,
+            className: o.link,
             children: [
-              /* @__PURE__ */ e("div", { className: t.linkFocus, "aria-hidden": "true" }),
-              n && /* @__PURE__ */ e(V, { ...n, className: t.select }),
-              /* @__PURE__ */ e(R, { loading: o, icon: x }),
+              i && /* @__PURE__ */ e("div", { className: o.linkFocus, "aria-hidden": "true" }),
+              l && /* @__PURE__ */ e(V, { ...l, className: o.select }),
+              /* @__PURE__ */ e(R, { loading: s, icon: C }),
               /* @__PURE__ */ e(
                 H,
                 {
                   size: a,
-                  loading: o,
-                  title: s,
+                  loading: s,
+                  title: r,
                   description: S,
                   id: g,
-                  className: t.label,
-                  children: C
+                  className: o.label,
+                  children: y
                 }
               )
             ]
           }
         ),
-        /* @__PURE__ */ i(U, { className: t.controls, children: [
-          c && !o && /* @__PURE__ */ e("span", { children: c }),
+        /* @__PURE__ */ n(U, { className: o.controls, children: [
+          m && !s && /* @__PURE__ */ e("span", { className: o.customControls, children: m }),
           F(),
-          d && /* @__PURE__ */ e("span", { className: t.linkIcon, children: /* @__PURE__ */ e(
+          p && /* @__PURE__ */ e("span", { className: o.linkIcon, children: /* @__PURE__ */ e(
             z,
             {
-              svgElement: d,
+              svgElement: p,
               style: {
                 fontSize: "1.5rem"
               }
@@ -104,5 +105,5 @@ import '../../assets/ListItemHeader.css';const K = "_header_1v4fh_1", M = "_labe
   );
 };
 export {
-  ce as ListItemHeader
+  mo as ListItemHeader
 };

package/dist/components/Metadata/MetaItemIcon.js

@@ -2,21 +2,21 @@ import { jsxs as e, jsx as o } from "react/jsx-runtime";
 import { isValidElement as p } from "react";
 import { isIconProps as i, Icon as m } from "../Icon/Icon.js";
 import { ProgressIcon as n } from "../Icon/ProgressIcon.js";
-import { isAvatarProps as c, Avatar as l } from "../Avatar/Avatar.js";
-import { isAvatarGroupProps as f, AvatarGroup as u } from "../Avatar/AvatarGroup.js";
+import { isAvatarProps as c, Avatar as f } from "../Avatar/Avatar.js";
+import { isAvatarGroupProps as l, AvatarGroup as u } from "../Avatar/AvatarGroup.js";
 import "../../index-L8X2o7IH.js";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
-import '../../assets/MetaItemIcon.css';const v = "_media_13vkl_1", _ = "_icon_13vkl_7", d = "_avatarGroup_13vkl_15", t = {
-  media: v,
-  icon: _,
-  avatarGroup: d
+import '../../assets/MetaItemIcon.css';const _ = "_media_1pqyq_1", d = "_icon_1pqyq_7", y = "_avatarGroup_1pqyq_11", t = {
+  media: _,
+  icon: d,
+  avatarGroup: y
 };
-function N(r) {
+function v(r) {
   return typeof r == "string" || typeof r == "number" || typeof r == "boolean" || r === null || p(r);
 }
 const E = ({ size: r = "xs", icon: a, progress: s }) => !a && typeof s != "number" ? !1 : /* @__PURE__ */ e("span", { className: t.media, "data-size": r, children: [
-  c(a) && /* @__PURE__ */ o(l, { ...a, className: t.avatar }) || f(a) && /* @__PURE__ */ o(u, { ...a, className: t.avatarGroup }) || i(a) && /* @__PURE__ */ o(m, { ...a, className: t.icon }) || N(a) && a || /* @__PURE__ */ o(m, { svgElement: a, className: t.icon }),
+  c(a) && /* @__PURE__ */ o(f, { ...a, className: t.avatar }) || l(a) && /* @__PURE__ */ o(u, { ...a, className: t.avatarGroup }) || i(a) && /* @__PURE__ */ o(m, { ...a, className: t.icon }) || v(a) && a || /* @__PURE__ */ o(m, { svgElement: a, className: t.icon }),
   s && /* @__PURE__ */ o(n, { value: s, className: t.icon })
 ] });
 export {

package/dist/types/lib/components/Dialog/DialogStatus.d.ts

@@ -1,4 +1,4 @@
-import { MetaItemSize } from '../Metadata';
+import { MetaItemSize } from '../';
 export declare enum DialogStatusEnum {
     /** No explicit status. This is the default. */
     'not-applicable' = "NOT_APPLICABLE",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@altinn/altinn-components",
-  "version": "0.36.4",
+  "version": "0.36.6",
   "main": "dist/index.js",
   "files": [
     "dist/",