@mattilsynet/design 2.2.4 → 2.2.6

package/mtds/styles.json

@@ -1,43 +1,44 @@
 {
-  "alert": "_alert_1nshl_1 _ds-alert_nwz76_3",
-  "app": "_app_1nshl_1",
-  "sticky": "_sticky_1nshl_1",
-  "avatar": "_avatar_1nshl_1 _ds-avatar_nwz76_1",
-  "badge": "_badge_1nshl_1",
-  "breadcrumbs": "_breadcrumbs_1nshl_1 _ds-breadcrumbs_nwz76_5",
-  "button": "_button_1nshl_1 _ds-button_nwz76_1",
-  "card": "_card_1nshl_1",
-  "group": "_group_1nshl_1",
-  "chip": "_chip_1nshl_1 _ds-chip_nwz76_5",
-  "details": "_details_1nshl_1 _ds-details_nwz76_3",
-  "dialog": "_dialog_1nshl_1 _ds-dialog_nwz76_5",
-  "divider": "_divider_1nshl_1",
-  "errorsummary": "_errorsummary_1nshl_1 _ds-error-summary_nwz76_5",
-  "field": "_field_1nshl_1 _ds-field_nwz76_1",
-  "affixes": "_affixes_1nshl_1 _ds-field-affixes_nwz76_3",
-  "fieldset": "_fieldset_1nshl_1 _ds-fieldset_nwz76_3",
-  "helptext": "_helptext_1nshl_1 _ds-focus_nwz76_1",
-  "input": "_input_1nshl_1 _ds-input_nwz76_1",
-  "grid": "_grid_1nshl_1",
-  "flex": "_flex_1nshl_1",
-  "link": "_link_1nshl_1",
-  "logo": "_logo_1nshl_1",
-  "pagination": "_pagination_1nshl_1 _ds-pagination_nwz76_5",
-  "popover": "_popover_1nshl_1",
-  "progress": "_progress_1nshl_1",
-  "skeleton": "_skeleton_1nshl_1 _ds-skeleton_nwz76_5",
-  "spinner": "_spinner_1nshl_1",
-  "steps": "_steps_1nshl_1",
-  "table": "_table_1nshl_1 _ds-table_nwz76_5",
-  "tabs": "_tabs_1nshl_1 _ds-tabs_nwz76_5",
-  "tag": "_tag_1nshl_1 _ds-tag_nwz76_5",
-  "toast": "_toast_1nshl_1",
-  "togglegroup": "_togglegroup_1nshl_1",
-  "heading": "_heading_1nshl_1 _ds-heading_nwz76_1",
-  "ingress": "_ingress_1nshl_1",
-  "muted": "_muted_1nshl_1",
-  "info": "_info_1nshl_1",
-  "prose": "_prose_1nshl_1",
-  "validation": "_validation_1nshl_1 _ds-validation-message_nwz76_1",
-  "body": "_body_1nshl_172"
+  "alert": "_alert_1a0v1_1 _ds-alert_nwz76_3",
+  "app": "_app_1a0v1_1",
+  "sticky": "_sticky_1a0v1_1",
+  "avatar": "_avatar_1a0v1_1 _ds-avatar_nwz76_1",
+  "badge": "_badge_1a0v1_1",
+  "breadcrumbs": "_breadcrumbs_1a0v1_1 _ds-breadcrumbs_nwz76_5",
+  "button": "_button_1a0v1_1 _ds-button_nwz76_1",
+  "card": "_card_1a0v1_1",
+  "group": "_group_1a0v1_1",
+  "chip": "_chip_1a0v1_1 _ds-chip_nwz76_5",
+  "details": "_details_1a0v1_1 _ds-details_nwz76_3",
+  "dialog": "_dialog_1a0v1_1 _ds-dialog_nwz76_5",
+  "divider": "_divider_1a0v1_1",
+  "errorsummary": "_errorsummary_1a0v1_1 _ds-error-summary_nwz76_5",
+  "field": "_field_1a0v1_1 _ds-field_nwz76_1",
+  "affixes": "_affixes_1a0v1_1 _ds-field-affixes_nwz76_3",
+  "fieldset": "_fieldset_1a0v1_1 _ds-fieldset_nwz76_3",
+  "helptext": "_helptext_1a0v1_1 _ds-focus_nwz76_1",
+  "input": "_input_1a0v1_1 _ds-input_nwz76_1",
+  "grid": "_grid_1a0v1_1",
+  "flex": "_flex_1a0v1_1",
+  "link": "_link_1a0v1_1",
+  "logo": "_logo_1a0v1_1",
+  "map": "_map_1a0v1_1",
+  "pagination": "_pagination_1a0v1_1 _ds-pagination_nwz76_5",
+  "popover": "_popover_1a0v1_1",
+  "progress": "_progress_1a0v1_1",
+  "skeleton": "_skeleton_1a0v1_1 _ds-skeleton_nwz76_5",
+  "spinner": "_spinner_1a0v1_1",
+  "steps": "_steps_1a0v1_1",
+  "table": "_table_1a0v1_1 _ds-table_nwz76_5",
+  "tabs": "_tabs_1a0v1_1 _ds-tabs_nwz76_5",
+  "tag": "_tag_1a0v1_1 _ds-tag_nwz76_5",
+  "toast": "_toast_1a0v1_1",
+  "togglegroup": "_togglegroup_1a0v1_1",
+  "heading": "_heading_1a0v1_1 _ds-heading_nwz76_1",
+  "ingress": "_ingress_1a0v1_1",
+  "muted": "_muted_1a0v1_1",
+  "info": "_info_1a0v1_1",
+  "prose": "_prose_1a0v1_1",
+  "validation": "_validation_1a0v1_1 _ds-validation-message_nwz76_1",
+  "body": "_body_1a0v1_173"
 }

package/mtds/styles.module.css.js

@@ -1,17 +1,17 @@
-const _ = "_alert_1nshl_1 _ds-alert_nwz76_3", s = "_app_1nshl_1", n = "_sticky_1nshl_1", t = "_avatar_1nshl_1 _ds-avatar_nwz76_1", o = "_badge_1nshl_1", e = "_breadcrumbs_1nshl_1 _ds-breadcrumbs_nwz76_5", l = "_button_1nshl_1 _ds-button_nwz76_1", a = "_card_1nshl_1", r = "_group_1nshl_1", i = "_chip_1nshl_1 _ds-chip_nwz76_5", d = "_details_1nshl_1 _ds-details_nwz76_3", c = "_dialog_1nshl_1 _ds-dialog_nwz76_5", h = "__drawer_1nshl_1", p = "_divider_1nshl_1", g = "_errorsummary_1nshl_1 _ds-error-summary_nwz76_5", u = "__errorsummary_1nshl_1", m = "_field_1nshl_1 _ds-field_nwz76_1", b = "__datalist_1nshl_1", w = "_affixes_1nshl_1 _ds-field-affixes_nwz76_3", f = "_fieldset_1nshl_1 _ds-fieldset_nwz76_3", z = "_helptext_1nshl_1 _ds-focus_nwz76_1", k = "_input_1nshl_1 _ds-input_nwz76_1", v = "_grid_1nshl_1", y = "_flex_1nshl_1", x = "_link_1nshl_1", C = "_logo_1nshl_1", M = "_pagination_1nshl_1 _ds-pagination_nwz76_5", O = "_popover_1nshl_1", S = "_progress_1nshl_1", T = "__indeterminate_1nshl_1", j = "_skeleton_1nshl_1 _ds-skeleton_nwz76_5", q = "__skeleton_1nshl_1", A = "_spinner_1nshl_1", B = "_steps_1nshl_1", D = "_table_1nshl_1 _ds-table_nwz76_5", E = "__scrollShadow_1nshl_1", F = "_tabs_1nshl_1 _ds-tabs_nwz76_5", G = "__scrollMask_1nshl_1", H = "_tag_1nshl_1 _ds-tag_nwz76_5", I = "_toast_1nshl_1", J = "__toastClose_1nshl_1", K = "__toastOpen_1nshl_1", L = "__toastTimeout_1nshl_1", N = "_togglegroup_1nshl_1", P = "__tooltip_1nshl_1", Q = "_heading_1nshl_1 _ds-heading_nwz76_1", R = "_ingress_1nshl_1", U = "_muted_1nshl_1", V = "_info_1nshl_1", W = "_prose_1nshl_1", X = "_validation_1nshl_1 _ds-validation-message_nwz76_1", Y = "_body_1nshl_172", Z = "__checked_1nshl_1", $ = {
+const _ = "_alert_1a0v1_1 _ds-alert_nwz76_3", t = "_app_1a0v1_1", a = "_sticky_1a0v1_1", s = "_avatar_1a0v1_1 _ds-avatar_nwz76_1", o = "_badge_1a0v1_1", n = "_breadcrumbs_1a0v1_1 _ds-breadcrumbs_nwz76_5", e = "_button_1a0v1_1 _ds-button_nwz76_1", r = "_card_1a0v1_1", i = "_group_1a0v1_1", d = "_chip_1a0v1_1 _ds-chip_nwz76_5", c = "_details_1a0v1_1 _ds-details_nwz76_3", l = "_dialog_1a0v1_1 _ds-dialog_nwz76_5", v = "__drawer_1a0v1_1", p = "_divider_1a0v1_1", g = "_errorsummary_1a0v1_1 _ds-error-summary_nwz76_5", u = "__errorsummary_1a0v1_1", m = "_field_1a0v1_1 _ds-field_nwz76_1", b = "__datalist_1a0v1_1", w = "_affixes_1a0v1_1 _ds-field-affixes_nwz76_3", f = "_fieldset_1a0v1_1 _ds-fieldset_nwz76_3", z = "_helptext_1a0v1_1 _ds-focus_nwz76_1", k = "_input_1a0v1_1 _ds-input_nwz76_1", h = "_grid_1a0v1_1", y = "_flex_1a0v1_1", x = "_link_1a0v1_1", C = "_logo_1a0v1_1", M = "_map_1a0v1_1", O = "_pagination_1a0v1_1 _ds-pagination_nwz76_5", S = "_popover_1a0v1_1", T = "_progress_1a0v1_1", j = "__indeterminate_1a0v1_1", q = "_skeleton_1a0v1_1 _ds-skeleton_nwz76_5", A = "__skeleton_1a0v1_1", B = "_spinner_1a0v1_1", D = "_steps_1a0v1_1", E = "_table_1a0v1_1 _ds-table_nwz76_5", F = "__scrollShadow_1a0v1_1", G = "_tabs_1a0v1_1 _ds-tabs_nwz76_5", H = "__scrollMask_1a0v1_1", I = "_tag_1a0v1_1 _ds-tag_nwz76_5", J = "_toast_1a0v1_1", K = "__toastClose_1a0v1_1", L = "__toastOpen_1a0v1_1", N = "__toastTimeout_1a0v1_1", P = "_togglegroup_1a0v1_1", Q = "__tooltip_1a0v1_1", R = "_heading_1a0v1_1 _ds-heading_nwz76_1", U = "_ingress_1a0v1_1", V = "_muted_1a0v1_1", W = "_info_1a0v1_1", X = "_prose_1a0v1_1", Y = "_validation_1a0v1_1 _ds-validation-message_nwz76_1", Z = "_body_1a0v1_173", $ = "__checked_1a0v1_1", __ = {
   alert: _,
-  app: s,
-  sticky: n,
-  avatar: t,
+  app: t,
+  sticky: a,
+  avatar: s,
   badge: o,
-  breadcrumbs: e,
-  button: l,
-  card: a,
-  group: r,
-  chip: i,
-  details: d,
-  dialog: c,
-  _drawer: h,
+  breadcrumbs: n,
+  button: e,
+  card: r,
+  group: i,
+  chip: d,
+  details: c,
+  dialog: l,
+  _drawer: v,
   divider: p,
   errorsummary: g,
   _errorsummary: u,
@@ -21,92 +21,94 @@ const _ = "_alert_1nshl_1 _ds-alert_nwz76_3", s = "_app_1nshl_1", n = "_sticky_1
   fieldset: f,
   helptext: z,
   input: k,
-  grid: v,
+  grid: h,
   flex: y,
   link: x,
   logo: C,
-  pagination: M,
-  popover: O,
-  progress: S,
-  _indeterminate: T,
-  skeleton: j,
-  _skeleton: q,
-  spinner: A,
-  steps: B,
-  table: D,
-  _scrollShadow: E,
-  tabs: F,
-  _scrollMask: G,
-  tag: H,
-  toast: I,
-  _toastClose: J,
-  _toastOpen: K,
-  _toastTimeout: L,
-  togglegroup: N,
-  _tooltip: P,
-  heading: Q,
-  ingress: R,
-  muted: U,
-  info: V,
-  prose: W,
-  validation: X,
-  body: Y,
-  _checked: Z
+  map: M,
+  pagination: O,
+  popover: S,
+  progress: T,
+  _indeterminate: j,
+  skeleton: q,
+  _skeleton: A,
+  spinner: B,
+  steps: D,
+  table: E,
+  _scrollShadow: F,
+  tabs: G,
+  _scrollMask: H,
+  tag: I,
+  toast: J,
+  _toastClose: K,
+  _toastOpen: L,
+  _toastTimeout: N,
+  togglegroup: P,
+  _tooltip: Q,
+  heading: R,
+  ingress: U,
+  muted: V,
+  info: W,
+  prose: X,
+  validation: Y,
+  body: Z,
+  _checked: $
 };
 export {
-  Z as _checked,
+  $ as _checked,
   b as _datalist,
-  h as _drawer,
+  v as _drawer,
   u as _errorsummary,
-  T as _indeterminate,
-  G as _scrollMask,
-  E as _scrollShadow,
-  q as _skeleton,
-  J as _toastClose,
-  K as _toastOpen,
-  L as _toastTimeout,
-  P as _tooltip,
+  j as _indeterminate,
+  H as _scrollMask,
+  F as _scrollShadow,
+  A as _skeleton,
+  K as _toastClose,
+  L as _toastOpen,
+  N as _toastTimeout,
+  Q as _tooltip,
   w as affixes,
   _ as alert,
-  s as app,
-  t as avatar,
+  t as app,
+  s as avatar,
   o as badge,
-  Y as body,
-  e as breadcrumbs,
-  l as button,
-  a as card,
-  i as chip,
-  $ as default,
-  d as details,
-  c as dialog,
+  Z as body,
+  n as breadcrumbs,
+  e as button,
+  r as card,
+  d as chip,
+  __ as default,
+  c as details,
+  l as dialog,
   p as divider,
   g as errorsummary,
   m as field,
   f as fieldset,
   y as flex,
-  v as grid,
-  r as group,
-  Q as heading,
+  h as grid,
+  i as group,
+  R as heading,
   z as helptext,
-  V as info,
-  R as ingress,
+  W as info,
+  U as ingress,
   k as input,
   x as link,
   C as logo,
-  U as muted,
-  M as pagination,
-  O as popover,
-  S as progress,
-  W as prose,
-  j as skeleton,
-  A as spinner,
-  B as steps,
-  n as sticky,
-  D as table,
-  F as tabs,
-  H as tag,
-  I as toast,
-  N as togglegroup,
-  X as validation
+  M as map,
+  V as muted,
+  O as pagination,
+  S as popover,
+  T as progress,
+  X as prose,
+  q as skeleton,
+  B as spinner,
+  D as steps,
+  a as sticky,
+  E as table,
+  G as tabs,
+  I as tag,
+  J as toast,
+  P as togglegroup,
+  Y as validation
 };
 //# sourceMappingURL=styles.module.css.js.map

package/mtds/styles.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"styles.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/mtds/tailwind.css

@@ -39,6 +39,11 @@
 	--color-border-default: var(--mtds-color-border-default);
 	--color-border-strong: var(--mtds-color-border-strong);
 	--color-border-subtle: var(--mtds-color-border-subtle);
+	--color-charts-chart-a: var(--mtds-color-charts-chart-a);
+	--color-charts-chart-b: var(--mtds-color-charts-chart-b);
+	--color-charts-chart-c: var(--mtds-color-charts-chart-c);
+	--color-charts-chart-d: var(--mtds-color-charts-chart-d);
+	--color-charts-chart-e: var(--mtds-color-charts-chart-e);
 	--color-danger-background-default: var(--mtds-color-danger-background-default);
 	--color-danger-background-tinted: var(--mtds-color-danger-background-tinted);
 	--color-danger-base-active: var(--mtds-color-danger-base-active);

package/mtds/toast/toast.js

@@ -1,14 +1,15 @@
+'use client';
 import { jsx as m } from "react/jsx-runtime";
 import { clsx as u } from "../external/clsx/dist/clsx.js";
-import { c as f } from "../_virtual/client.js";
-import i from "../styles.module.css.js";
+import { createRoot as f } from "react-dom/client";
+import d from "../styles.module.css.js";
 import { IS_BROWSER as w, tag as y } from "../utils.js";
 if (w && !window._mtdsReactToasts) {
-  const t = f.createRoot(document.body.appendChild(y("div"))), o = /* @__PURE__ */ new Map(), e = () => t.render(Array.from(o.values() || []));
+  const t = f(document.body.appendChild(y("div"))), o = /* @__PURE__ */ new Map(), e = () => t.render(Array.from(o.values() || []));
   window._mtdsReactToasts = {
     set: (r, a) => o.set(r, a) && e(),
     delete: ({ animationName: r, currentTarget: a }) => {
-      r === i._toastClose && (o.delete(a.id), e());
+      r === d._toastClose && (o.delete(a.id), e());
     }
   };
 }
@@ -20,7 +21,7 @@ function s(t, o = {}) {
       "dialog",
       {
         "aria-busy": o.busy,
-        className: u(i.toast, o.className),
+        className: u(d.toast, o.className),
         "data-closedby": o.closedby,
         "data-color": o.color,
         "data-timeout": o.timeout,
@@ -39,12 +40,12 @@ s.info = (t, o) => s(t, { color: "info", ...o });
 s.warning = (t, o) => s(t, { color: "warning", ...o });
 s.neutral = (t, o) => s(t, { color: "neutral", ...o });
 s.promise = async function(o, e) {
-  const { loading: r, success: a, error: d, ...l } = e, c = s(r, { busy: !0, ...l });
+  const { loading: r, success: a, error: i, ...l } = e, c = s(r, { busy: !0, ...l });
   try {
     const n = await o();
     return s.success(a, { id: c, busy: !1 }), n;
   } catch (n) {
-    throw s.danger(d, { id: c, busy: !1 }), n;
+    throw s.danger(i, { id: c, busy: !1 }), n;
   }
 };
 export {

package/mtds/toast/toast.js.map

@@ -1 +1 @@
-{"version":3,"file":"toast.js","sources":["../../designsystem/toast/toast.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { createRoot } from \"react-dom/client\";\nimport styles from \"../styles.module.css\";\nimport { IS_BROWSER, tag } from \"../utils\";\nimport type { ToastOptions } from \"./toast-helper\";\n\ndeclare global {\n\tinterface Window {\n\t\t_mtdsReactToasts?: {\n\t\t\tset: (id: string, jsx: React.ReactNode) => void;\n\t\t\tdelete: (event: React.AnimationEvent<HTMLDialogElement>) => void;\n\t\t};\n\t}\n}\n\n// Ensure only a single toast master is created\nif (IS_BROWSER && !window._mtdsReactToasts) {\n\tconst root = createRoot(document.body.appendChild(tag(\"div\")));\n\tconst toasts = new Map<string, React.ReactNode>();\n\tconst render = () => root.render(Array.from(toasts.values() || []));\n\n\t// Expose methods to add/remove toasts from the root container\n\twindow._mtdsReactToasts = {\n\t\tset: (id, jsx) => toasts.set(id, jsx) && render(),\n\t\tdelete: ({ animationName, currentTarget }) => {\n\t\t\tif (animationName !== styles._toastClose) return;\n\t\t\ttoasts.delete(currentTarget.id);\n\t\t\trender();\n\t\t},\n\t};\n}\n\nexport function toast(content: React.ReactNode, opt: ToastOptions = {}) {\n\tconst id = opt.id || `${Date.now()}`;\n\twindow._mtdsReactToasts?.set(\n\t\tid,\n\t\t<dialog\n\t\t\taria-busy={opt.busy}\n\t\t\tclassName={clsx(styles.toast, opt.className)}\n\t\t\tdata-closedby={opt.closedby}\n\t\t\tdata-color={opt.color}\n\t\t\tdata-timeout={opt.timeout}\n\t\t\tid={id}\n\t\t\tkey={id}\n\t\t\tonAnimationEnd={window._mtdsReactToasts.delete}\n\t\t\topen={opt.open ?? true}\n\t\t>\n\t\t\t{content}\n\t\t</dialog>,\n\t);\n\n\treturn id;\n}\n\n// Expose toast.danger, toast.info, toast.success etc.\ntoast.success = (content: React.ReactNode, opt?: ToastOptions) =>\n\ttoast(content, { color: \"success\", ...opt });\ntoast.danger = (content: React.ReactNode, opt?: ToastOptions) =>\n\ttoast(content, { color: \"danger\", ...opt });\ntoast.info = (content: React.ReactNode, opt?: ToastOptions) =>\n\ttoast(content, { color: \"info\", ...opt });\ntoast.warning = (content: React.ReactNode, opt?: ToastOptions) =>\n\ttoast(content, { color: \"warning\", ...opt });\ntoast.neutral = (content: React.ReactNode, opt?: ToastOptions) =>\n\ttoast(content, { color: \"neutral\", ...opt });\ntoast.promise = async function promise<T>(\n\taction: () => Promise<T>,\n\tprops: ToastOptions & {\n\t\tloading: React.ReactNode;\n\t\tsuccess: React.ReactNode;\n\t\terror: React.ReactNode;\n\t},\n): Promise<T> {\n\tconst { loading, success, error, ...opt } = props;\n\tconst id = toast(loading, { busy: true, ...opt });\n\ttry {\n\t\tconst result = await action();\n\t\ttoast.success(success, { id, busy: false });\n\t\treturn result;\n\t} catch (_error) {\n\t\ttoast.danger(error, { id, busy: false });\n\t\tthrow _error;\n\t}\n};\n"],"names":["IS_BROWSER","root","createRoot","tag","toasts","render","id","jsx","animationName","currentTarget","styles","toast","content","opt","clsx","action","props","loading","success","error","result","_error"],"mappings":";;;;;AAgBA,IAAIA,KAAc,CAAC,OAAO,kBAAkB;AAC3C,QAAMC,IAAOC,EAAAA,WAAW,SAAS,KAAK,YAAYC,EAAI,KAAK,CAAC,CAAC,GACvDC,wBAAa,IAAA,GACbC,IAAS,MAAMJ,EAAK,OAAO,MAAM,KAAKG,EAAO,YAAY,CAAA,CAAE,CAAC;AAGlE,SAAO,mBAAmB;AAAA,IACzB,KAAK,CAACE,GAAIC,MAAQH,EAAO,IAAIE,GAAIC,CAAG,KAAKF,EAAA;AAAA,IACzC,QAAQ,CAAC,EAAE,eAAAG,GAAe,eAAAC,QAAoB;AAC7C,MAAID,MAAkBE,EAAO,gBAC7BN,EAAO,OAAOK,EAAc,EAAE,GAC9BJ,EAAA;AAAA,IACD;AAAA,EAAA;AAEF;AAEO,SAASM,EAAMC,GAA0BC,IAAoB,IAAI;AACvE,QAAMP,IAAKO,EAAI,MAAM,GAAG,KAAK,KAAK;AAClC,gBAAO,kBAAkB;AAAA,IACxBP;AAAA,IACA,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACA,aAAWM,EAAI;AAAA,QACf,WAAWC,EAAKJ,EAAO,OAAOG,EAAI,SAAS;AAAA,QAC3C,iBAAeA,EAAI;AAAA,QACnB,cAAYA,EAAI;AAAA,QAChB,gBAAcA,EAAI;AAAA,QAClB,IAAAP;AAAA,QAEA,gBAAgB,OAAO,iBAAiB;AAAA,QACxC,MAAMO,EAAI,QAAQ;AAAA,QAEjB,UAAAD;AAAA,MAAA;AAAA,MAJIN;AAAA,IAAA;AAAA,EAKN,GAGMA;AACR;AAGAK,EAAM,UAAU,CAACC,GAA0BC,MAC1CF,EAAMC,GAAS,EAAE,OAAO,WAAW,GAAGC,GAAK;AAC5CF,EAAM,SAAS,CAACC,GAA0BC,MACzCF,EAAMC,GAAS,EAAE,OAAO,UAAU,GAAGC,GAAK;AAC3CF,EAAM,OAAO,CAACC,GAA0BC,MACvCF,EAAMC,GAAS,EAAE,OAAO,QAAQ,GAAGC,GAAK;AACzCF,EAAM,UAAU,CAACC,GAA0BC,MAC1CF,EAAMC,GAAS,EAAE,OAAO,WAAW,GAAGC,GAAK;AAC5CF,EAAM,UAAU,CAACC,GAA0BC,MAC1CF,EAAMC,GAAS,EAAE,OAAO,WAAW,GAAGC,GAAK;AAC5CF,EAAM,UAAU,eACfI,GACAC,GAKa;AACb,QAAM,EAAE,SAAAC,GAAS,SAAAC,GAAS,OAAAC,GAAO,GAAGN,MAAQG,GACtCV,IAAKK,EAAMM,GAAS,EAAE,MAAM,IAAM,GAAGJ,GAAK;AAChD,MAAI;AACH,UAAMO,IAAS,MAAML,EAAA;AACrB,WAAAJ,EAAM,QAAQO,GAAS,EAAE,IAAAZ,GAAI,MAAM,IAAO,GACnCc;AAAA,EACR,SAASC,GAAQ;AAChB,UAAAV,EAAM,OAAOQ,GAAO,EAAE,IAAAb,GAAI,MAAM,IAAO,GACjCe;AAAA,EACP;AACD;"}
+{"version":3,"file":"toast.js","sources":["../../designsystem/toast/toast.tsx"],"sourcesContent":["\"use client\";\nimport clsx from \"clsx\";\nimport { createRoot } from \"react-dom/client\";\nimport styles from \"../styles.module.css\";\nimport { IS_BROWSER, tag } from \"../utils\";\nimport type { ToastOptions } from \"./toast-helper\";\n\ndeclare global {\n\tinterface Window {\n\t\t_mtdsReactToasts?: {\n\t\t\tset: (id: string, jsx: React.ReactNode) => void;\n\t\t\tdelete: (event: React.AnimationEvent<HTMLDialogElement>) => void;\n\t\t};\n\t}\n}\n\n// Ensure only a single toast master is created\nif (IS_BROWSER && !window._mtdsReactToasts) {\n\tconst root = createRoot(document.body.appendChild(tag(\"div\")));\n\tconst toasts = new Map<string, React.ReactNode>();\n\tconst render = () => root.render(Array.from(toasts.values() || []));\n\n\t// Expose methods to add/remove toasts from the root container\n\twindow._mtdsReactToasts = {\n\t\tset: (id, jsx) => toasts.set(id, jsx) && render(),\n\t\tdelete: ({ animationName, currentTarget }) => {\n\t\t\tif (animationName !== styles._toastClose) return;\n\t\t\ttoasts.delete(currentTarget.id);\n\t\t\trender();\n\t\t},\n\t};\n}\n\nexport function toast(content: React.ReactNode, opt: ToastOptions = {}) {\n\tconst id = opt.id || `${Date.now()}`;\n\twindow._mtdsReactToasts?.set(\n\t\tid,\n\t\t<dialog\n\t\t\taria-busy={opt.busy}\n\t\t\tclassName={clsx(styles.toast, opt.className)}\n\t\t\tdata-closedby={opt.closedby}\n\t\t\tdata-color={opt.color}\n\t\t\tdata-timeout={opt.timeout}\n\t\t\tid={id}\n\t\t\tkey={id}\n\t\t\tonAnimationEnd={window._mtdsReactToasts.delete}\n\t\t\topen={opt.open ?? true}\n\t\t>\n\t\t\t{content}\n\t\t</dialog>,\n\t);\n\n\treturn id;\n}\n\n// Expose toast.danger, toast.info, toast.success etc.\ntoast.success = (content: React.ReactNode, opt?: ToastOptions) =>\n\ttoast(content, { color: \"success\", ...opt });\ntoast.danger = (content: React.ReactNode, opt?: ToastOptions) =>\n\ttoast(content, { color: \"danger\", ...opt });\ntoast.info = (content: React.ReactNode, opt?: ToastOptions) =>\n\ttoast(content, { color: \"info\", ...opt });\ntoast.warning = (content: React.ReactNode, opt?: ToastOptions) =>\n\ttoast(content, { color: \"warning\", ...opt });\ntoast.neutral = (content: React.ReactNode, opt?: ToastOptions) =>\n\ttoast(content, { color: \"neutral\", ...opt });\ntoast.promise = async function promise<T>(\n\taction: () => Promise<T>,\n\tprops: ToastOptions & {\n\t\tloading: React.ReactNode;\n\t\tsuccess: React.ReactNode;\n\t\terror: React.ReactNode;\n\t},\n): Promise<T> {\n\tconst { loading, success, error, ...opt } = props;\n\tconst id = toast(loading, { busy: true, ...opt });\n\ttry {\n\t\tconst result = await action();\n\t\ttoast.success(success, { id, busy: false });\n\t\treturn result;\n\t} catch (_error) {\n\t\ttoast.danger(error, { id, busy: false });\n\t\tthrow _error;\n\t}\n};\n"],"names":["IS_BROWSER","root","createRoot","tag","toasts","render","id","jsx","animationName","currentTarget","styles","toast","content","opt","clsx","action","props","loading","success","error","result","_error"],"mappings":";;;;;AAiBA,IAAIA,KAAc,CAAC,OAAO,kBAAkB;AAC3C,QAAMC,IAAOC,EAAW,SAAS,KAAK,YAAYC,EAAI,KAAK,CAAC,CAAC,GACvDC,wBAAa,IAAA,GACbC,IAAS,MAAMJ,EAAK,OAAO,MAAM,KAAKG,EAAO,YAAY,CAAA,CAAE,CAAC;AAGlE,SAAO,mBAAmB;AAAA,IACzB,KAAK,CAACE,GAAIC,MAAQH,EAAO,IAAIE,GAAIC,CAAG,KAAKF,EAAA;AAAA,IACzC,QAAQ,CAAC,EAAE,eAAAG,GAAe,eAAAC,QAAoB;AAC7C,MAAID,MAAkBE,EAAO,gBAC7BN,EAAO,OAAOK,EAAc,EAAE,GAC9BJ,EAAA;AAAA,IACD;AAAA,EAAA;AAEF;AAEO,SAASM,EAAMC,GAA0BC,IAAoB,IAAI;AACvE,QAAMP,IAAKO,EAAI,MAAM,GAAG,KAAK,KAAK;AAClC,gBAAO,kBAAkB;AAAA,IACxBP;AAAA,IACA,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACA,aAAWM,EAAI;AAAA,QACf,WAAWC,EAAKJ,EAAO,OAAOG,EAAI,SAAS;AAAA,QAC3C,iBAAeA,EAAI;AAAA,QACnB,cAAYA,EAAI;AAAA,QAChB,gBAAcA,EAAI;AAAA,QAClB,IAAAP;AAAA,QAEA,gBAAgB,OAAO,iBAAiB;AAAA,QACxC,MAAMO,EAAI,QAAQ;AAAA,QAEjB,UAAAD;AAAA,MAAA;AAAA,MAJIN;AAAA,IAAA;AAAA,EAKN,GAGMA;AACR;AAGAK,EAAM,UAAU,CAACC,GAA0BC,MAC1CF,EAAMC,GAAS,EAAE,OAAO,WAAW,GAAGC,GAAK;AAC5CF,EAAM,SAAS,CAACC,GAA0BC,MACzCF,EAAMC,GAAS,EAAE,OAAO,UAAU,GAAGC,GAAK;AAC3CF,EAAM,OAAO,CAACC,GAA0BC,MACvCF,EAAMC,GAAS,EAAE,OAAO,QAAQ,GAAGC,GAAK;AACzCF,EAAM,UAAU,CAACC,GAA0BC,MAC1CF,EAAMC,GAAS,EAAE,OAAO,WAAW,GAAGC,GAAK;AAC5CF,EAAM,UAAU,CAACC,GAA0BC,MAC1CF,EAAMC,GAAS,EAAE,OAAO,WAAW,GAAGC,GAAK;AAC5CF,EAAM,UAAU,eACfI,GACAC,GAKa;AACb,QAAM,EAAE,SAAAC,GAAS,SAAAC,GAAS,OAAAC,GAAO,GAAGN,MAAQG,GACtCV,IAAKK,EAAMM,GAAS,EAAE,MAAM,IAAM,GAAGJ,GAAK;AAChD,MAAI;AACH,UAAMO,IAAS,MAAML,EAAA;AACrB,WAAAJ,EAAM,QAAQO,GAAS,EAAE,IAAAZ,GAAI,MAAM,IAAO,GACnCc;AAAA,EACR,SAASC,GAAQ;AAChB,UAAAV,EAAM,OAAOQ,GAAO,EAAE,IAAAb,GAAI,MAAM,IAAO,GACjCe;AAAA,EACP;AACD;"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@mattilsynet/design",
-	"version": "2.2.4",
+	"version": "2.2.6",
 	"type": "module",
 	"main": "./mtds/index.js",
 	"types": "./mtds/index.d.ts",

package/mtds/_virtual/client.js

@@ -1,6 +0,0 @@
-import { __require as r } from "../external/react-dom/client.js";
-var i = r();
-export {
-  i as c
-};
-//# sourceMappingURL=client.js.map

package/mtds/_virtual/client.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"client.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/mtds/_virtual/client2.js

@@ -1,5 +0,0 @@
-var e = { exports: {} };
-export {
-  e as __module
-};
-//# sourceMappingURL=client2.js.map

package/mtds/_virtual/client2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"client2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/mtds/_virtual/index.js

@@ -1,5 +0,0 @@
-var e = { exports: {} };
-export {
-  e as __module
-};
-//# sourceMappingURL=index.js.map

package/mtds/_virtual/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/mtds/_virtual/react-dom-client.development.js

@@ -1,5 +0,0 @@
-var e = {};
-export {
-  e as __exports
-};
-//# sourceMappingURL=react-dom-client.development.js.map

package/mtds/_virtual/react-dom-client.development.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"react-dom-client.development.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/mtds/_virtual/react-dom-client.production.js

@@ -1,5 +0,0 @@
-var o = {};
-export {
-  o as __exports
-};
-//# sourceMappingURL=react-dom-client.production.js.map

package/mtds/_virtual/react-dom-client.production.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"react-dom-client.production.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/mtds/_virtual/scheduler.development.js

@@ -1,5 +0,0 @@
-var e = {};
-export {
-  e as __exports
-};
-//# sourceMappingURL=scheduler.development.js.map

package/mtds/_virtual/scheduler.development.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"scheduler.development.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/mtds/_virtual/scheduler.production.js

@@ -1,5 +0,0 @@
-var r = {};
-export {
-  r as __exports
-};
-//# sourceMappingURL=scheduler.production.js.map

package/mtds/_virtual/scheduler.production.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"scheduler.production.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}