@mattilsynet/design 3.1.15 → 3.1.18

package/mtds/styles.json

@@ -1,46 +1,47 @@
 {
-  "alert": "_alert_1d3iq_1 _ds-alert_s9m4f_3",
-  "app": "_app_1d3iq_1",
-  "sticky": "_sticky_1d3iq_1",
-  "avatar": "_avatar_1d3iq_1 _ds-avatar_s9m4f_1",
-  "badge": "_badge_1d3iq_1",
-  "breadcrumbs": "_breadcrumbs_1d3iq_1 _ds-breadcrumbs_s9m4f_5",
-  "button": "_button_1d3iq_1 _ds-button_s9m4f_1",
-  "card": "_card_1d3iq_1",
-  "group": "_group_1d3iq_1",
-  "chip": "_chip_1d3iq_1 _ds-chip_s9m4f_5",
-  "details": "_details_1d3iq_1 _ds-details_s9m4f_3",
-  "dialog": "_dialog_1d3iq_1 _ds-dialog_s9m4f_5",
-  "divider": "_divider_1d3iq_1",
-  "errorsummary": "_errorsummary_1d3iq_1 _ds-error-summary_s9m4f_5",
-  "field": "_field_1d3iq_1 _ds-field_s9m4f_1",
-  "suggestion": "_suggestion_1d3iq_1 _ds-suggestion_s9m4f_5",
-  "affixes": "_affixes_1d3iq_1 _ds-field-affixes_s9m4f_3",
-  "fieldset": "_fieldset_1d3iq_1 _ds-fieldset_s9m4f_3",
-  "fileupload": "_fileupload_1d3iq_1",
-  "helptext": "_helptext_1d3iq_1 _ds-focus_s9m4f_1",
-  "input": "_input_1d3iq_1 _ds-input_s9m4f_1",
-  "law": "_law_1d3iq_1",
-  "grid": "_grid_1d3iq_1",
-  "flex": "_flex_1d3iq_1",
-  "link": "_link_1d3iq_1",
-  "logo": "_logo_1d3iq_1",
-  "pagination": "_pagination_1d3iq_1 _ds-pagination_s9m4f_5",
-  "popover": "_popover_1d3iq_1 _ds-popover_s9m4f_3",
-  "progress": "_progress_1d3iq_1",
-  "skeleton": "_skeleton_1d3iq_1 _ds-skeleton_s9m4f_5",
-  "spinner": "_spinner_1d3iq_1",
-  "steps": "_steps_1d3iq_1",
-  "table": "_table_1d3iq_1 _ds-table_s9m4f_5",
-  "tabs": "_tabs_1d3iq_1 _ds-tabs_s9m4f_5",
-  "tag": "_tag_1d3iq_1 _ds-tag_s9m4f_5",
-  "toast": "_toast_1d3iq_1",
-  "togglegroup": "_togglegroup_1d3iq_1 _ds-toggle-group_s9m4f_5",
-  "heading": "_heading_1d3iq_1 _ds-heading_s9m4f_1",
-  "ingress": "_ingress_1d3iq_1",
-  "muted": "_muted_1d3iq_1",
-  "info": "_info_1d3iq_1",
-  "prose": "_prose_1d3iq_1",
-  "validation": "_validation_1d3iq_1 _ds-validation-message_s9m4f_1",
-  "body": "_body_1d3iq_161"
+  "alert": "_alert_jc0nn_1 _ds-alert_c9r86_3",
+  "app": "_app_jc0nn_1",
+  "sticky": "_sticky_jc0nn_1",
+  "avatar": "_avatar_jc0nn_1 _ds-avatar_c9r86_1",
+  "badge": "_badge_jc0nn_1",
+  "breadcrumbs": "_breadcrumbs_jc0nn_1 _ds-breadcrumbs_c9r86_5",
+  "button": "_button_jc0nn_1 _ds-button_c9r86_1",
+  "card": "_card_jc0nn_1",
+  "group": "_group_jc0nn_1",
+  "chip": "_chip_jc0nn_1 _ds-chip_c9r86_5",
+  "details": "_details_jc0nn_1 _ds-details_c9r86_3",
+  "dialog": "_dialog_jc0nn_1 _ds-dialog_c9r86_5",
+  "divider": "_divider_jc0nn_1",
+  "errorsummary": "_errorsummary_jc0nn_1 _ds-error-summary_c9r86_5",
+  "field": "_field_jc0nn_1 _ds-field_c9r86_1",
+  "suggestion": "_suggestion_jc0nn_1 _ds-suggestion_c9r86_5",
+  "affixes": "_affixes_jc0nn_1 _ds-field-affixes_c9r86_3",
+  "fieldset": "_fieldset_jc0nn_1 _ds-fieldset_c9r86_3",
+  "fileupload": "_fileupload_jc0nn_1",
+  "helptext": "_helptext_jc0nn_1 _ds-focus_c9r86_1",
+  "input": "_input_jc0nn_1 _ds-input_c9r86_1",
+  "law": "_law_jc0nn_1",
+  "grid": "_grid_jc0nn_1",
+  "flex": "_flex_jc0nn_1",
+  "link": "_link_jc0nn_1",
+  "logo": "_logo_jc0nn_1",
+  "pagination": "_pagination_jc0nn_1 _ds-pagination_c9r86_5",
+  "popover": "_popover_jc0nn_1 _ds-popover_c9r86_3",
+  "print": "_print_jc0nn_1",
+  "progress": "_progress_jc0nn_1",
+  "skeleton": "_skeleton_jc0nn_1 _ds-skeleton_c9r86_5",
+  "spinner": "_spinner_jc0nn_1",
+  "steps": "_steps_jc0nn_1",
+  "table": "_table_jc0nn_1 _ds-table_c9r86_5",
+  "tabs": "_tabs_jc0nn_1 _ds-tabs_c9r86_5",
+  "tag": "_tag_jc0nn_1 _ds-tag_c9r86_5",
+  "toast": "_toast_jc0nn_1",
+  "togglegroup": "_togglegroup_jc0nn_1 _ds-toggle-group_c9r86_5",
+  "heading": "_heading_jc0nn_1 _ds-heading_c9r86_1",
+  "ingress": "_ingress_jc0nn_1",
+  "muted": "_muted_jc0nn_1",
+  "info": "_info_jc0nn_1",
+  "prose": "_prose_jc0nn_1",
+  "validation": "_validation_jc0nn_1 _ds-validation-message_c9r86_1",
+  "body": "_body_jc0nn_162"
 }

package/mtds/styles.module.css.js

@@ -1,23 +1,23 @@
-const _ = "_alert_1d3iq_1 _ds-alert_s9m4f_3", s = "_app_1d3iq_1", t = "_sticky_1d3iq_1", o = "_avatar_1d3iq_1 _ds-avatar_s9m4f_1", i = "_badge_1d3iq_1", d = "_breadcrumbs_1d3iq_1 _ds-breadcrumbs_s9m4f_5", e = "_button_1d3iq_1 _ds-button_s9m4f_1", n = "_card_1d3iq_1", a = "_group_1d3iq_1", l = "_chip_1d3iq_1 _ds-chip_s9m4f_5", c = "_details_1d3iq_1 _ds-details_s9m4f_3", r = "_dialog_1d3iq_1 _ds-dialog_s9m4f_5", p = "__drawer_1d3iq_1", g = "_divider_1d3iq_1", q = "_errorsummary_1d3iq_1 _ds-error-summary_s9m4f_5", f = "_field_1d3iq_1 _ds-field_s9m4f_1", m = "_suggestion_1d3iq_1 _ds-suggestion_s9m4f_5", u = "_affixes_1d3iq_1 _ds-field-affixes_s9m4f_3", b = "_fieldset_1d3iq_1 _ds-fieldset_s9m4f_3", k = "_fileupload_1d3iq_1", h = "_helptext_1d3iq_1 _ds-focus_s9m4f_1", v = "_input_1d3iq_1 _ds-input_s9m4f_1", x = "_law_1d3iq_1", y = "_grid_1d3iq_1", w = "_flex_1d3iq_1", C = "_link_1d3iq_1", M = "_logo_1d3iq_1", O = "__logo_1d3iq_1", S = "_pagination_1d3iq_1 _ds-pagination_s9m4f_5", T = "_popover_1d3iq_1 _ds-popover_s9m4f_3", j = "_progress_1d3iq_1", z = "__indeterminate_1d3iq_1", A = "_skeleton_1d3iq_1 _ds-skeleton_s9m4f_5", B = "__skeleton_1d3iq_1", D = "_spinner_1d3iq_1", E = "_steps_1d3iq_1", F = "_table_1d3iq_1 _ds-table_s9m4f_5", G = "__scrollShadow_1d3iq_1", H = "_tabs_1d3iq_1 _ds-tabs_s9m4f_5", I = "__scrollMask_1d3iq_1", J = "_tag_1d3iq_1 _ds-tag_s9m4f_5", K = "_toast_1d3iq_1", L = "__toastClose_1d3iq_1", N = "__toastOpen_1d3iq_1", P = "__toastTimeout_1d3iq_1", Q = "_togglegroup_1d3iq_1 _ds-toggle-group_s9m4f_5", R = "__tooltip_1d3iq_1 _ds-tooltip_s9m4f_5", U = "_heading_1d3iq_1 _ds-heading_s9m4f_1", V = "_ingress_1d3iq_1", W = "_muted_1d3iq_1", X = "_info_1d3iq_1", Y = "_prose_1d3iq_1", Z = "_validation_1d3iq_1 _ds-validation-message_s9m4f_1", $ = "_body_1d3iq_161", __ = "__checked_1d3iq_1", s_ = {
+const _ = "_alert_jc0nn_1 _ds-alert_c9r86_3", n = "_app_jc0nn_1", t = "_sticky_jc0nn_1", s = "_avatar_jc0nn_1 _ds-avatar_c9r86_1", o = "_badge_jc0nn_1", c = "_breadcrumbs_jc0nn_1 _ds-breadcrumbs_c9r86_5", e = "_button_jc0nn_1 _ds-button_c9r86_1", a = "_card_jc0nn_1", r = "_group_jc0nn_1", i = "_chip_jc0nn_1 _ds-chip_c9r86_5", d = "_details_jc0nn_1 _ds-details_c9r86_3", l = "_dialog_jc0nn_1 _ds-dialog_c9r86_5", p = "__drawer_jc0nn_1", g = "_divider_jc0nn_1", j = "_errorsummary_jc0nn_1 _ds-error-summary_c9r86_5", u = "_field_jc0nn_1 _ds-field_c9r86_1", f = "_suggestion_jc0nn_1 _ds-suggestion_c9r86_5", b = "_affixes_jc0nn_1 _ds-field-affixes_c9r86_3", m = "_fieldset_jc0nn_1 _ds-fieldset_c9r86_3", k = "_fileupload_jc0nn_1", h = "_helptext_jc0nn_1 _ds-focus_c9r86_1", v = "_input_jc0nn_1 _ds-input_c9r86_1", x = "_law_jc0nn_1", y = "_grid_jc0nn_1", w = "_flex_jc0nn_1", C = "_link_jc0nn_1", M = "_logo_jc0nn_1", O = "__logo_jc0nn_1", S = "_pagination_jc0nn_1 _ds-pagination_c9r86_5", T = "_popover_jc0nn_1 _ds-popover_c9r86_3", q = "_print_jc0nn_1", z = "_progress_jc0nn_1", A = "__indeterminate_jc0nn_1", B = "_skeleton_jc0nn_1 _ds-skeleton_c9r86_5", D = "__skeleton_jc0nn_1", E = "_spinner_jc0nn_1", F = "_steps_jc0nn_1", G = "_table_jc0nn_1 _ds-table_c9r86_5", H = "__scrollShadow_jc0nn_1", I = "_tabs_jc0nn_1 _ds-tabs_c9r86_5", J = "__scrollMask_jc0nn_1", K = "_tag_jc0nn_1 _ds-tag_c9r86_5", L = "_toast_jc0nn_1", N = "__toastClose_jc0nn_1", P = "__toastOpen_jc0nn_1", Q = "__toastTimeout_jc0nn_1", R = "_togglegroup_jc0nn_1 _ds-toggle-group_c9r86_5", U = "__tooltip_jc0nn_1 _ds-tooltip_c9r86_5", V = "_heading_jc0nn_1 _ds-heading_c9r86_1", W = "_ingress_jc0nn_1", X = "_muted_jc0nn_1", Y = "_info_jc0nn_1", Z = "_prose_jc0nn_1", $ = "_validation_jc0nn_1 _ds-validation-message_c9r86_1", __ = "_body_jc0nn_162", n_ = "__checked_jc0nn_1", t_ = {
   alert: _,
-  app: s,
+  app: n,
   sticky: t,
-  avatar: o,
-  badge: i,
-  breadcrumbs: d,
+  avatar: s,
+  badge: o,
+  breadcrumbs: c,
   button: e,
-  card: n,
-  group: a,
-  chip: l,
-  details: c,
-  dialog: r,
+  card: a,
+  group: r,
+  chip: i,
+  details: d,
+  dialog: l,
   _drawer: p,
   divider: g,
-  errorsummary: q,
-  field: f,
-  suggestion: m,
-  affixes: u,
-  fieldset: b,
+  errorsummary: j,
+  field: u,
+  suggestion: f,
+  affixes: b,
+  fieldset: m,
   fileupload: k,
   helptext: h,
   input: v,
@@ -29,88 +29,90 @@ const _ = "_alert_1d3iq_1 _ds-alert_s9m4f_3", s = "_app_1d3iq_1", t = "_sticky_1
   _logo: O,
   pagination: S,
   popover: T,
-  progress: j,
-  _indeterminate: z,
-  skeleton: A,
-  _skeleton: B,
-  spinner: D,
-  steps: E,
-  table: F,
-  _scrollShadow: G,
-  tabs: H,
-  _scrollMask: I,
-  tag: J,
-  toast: K,
-  _toastClose: L,
-  _toastOpen: N,
-  _toastTimeout: P,
-  togglegroup: Q,
-  _tooltip: R,
-  heading: U,
-  ingress: V,
-  muted: W,
-  info: X,
-  prose: Y,
-  validation: Z,
-  body: $,
-  _checked: __
+  print: q,
+  progress: z,
+  _indeterminate: A,
+  skeleton: B,
+  _skeleton: D,
+  spinner: E,
+  steps: F,
+  table: G,
+  _scrollShadow: H,
+  tabs: I,
+  _scrollMask: J,
+  tag: K,
+  toast: L,
+  _toastClose: N,
+  _toastOpen: P,
+  _toastTimeout: Q,
+  togglegroup: R,
+  _tooltip: U,
+  heading: V,
+  ingress: W,
+  muted: X,
+  info: Y,
+  prose: Z,
+  validation: $,
+  body: __,
+  _checked: n_
 };
 export {
-  __ as _checked,
+  n_ as _checked,
   p as _drawer,
-  z as _indeterminate,
+  A as _indeterminate,
   O as _logo,
-  I as _scrollMask,
-  G as _scrollShadow,
-  B as _skeleton,
-  L as _toastClose,
-  N as _toastOpen,
-  P as _toastTimeout,
-  R as _tooltip,
-  u as affixes,
+  J as _scrollMask,
+  H as _scrollShadow,
+  D as _skeleton,
+  N as _toastClose,
+  P as _toastOpen,
+  Q as _toastTimeout,
+  U as _tooltip,
+  b as affixes,
   _ as alert,
-  s as app,
-  o as avatar,
-  i as badge,
-  $ as body,
-  d as breadcrumbs,
+  n as app,
+  s as avatar,
+  o as badge,
+  __ as body,
+  c as breadcrumbs,
   e as button,
-  n as card,
-  l as chip,
-  s_ as default,
-  c as details,
-  r as dialog,
+  a as card,
+  i as chip,
+  t_ as default,
+  d as details,
+  l as dialog,
   g as divider,
-  q as errorsummary,
-  f as field,
-  b as fieldset,
+  j as errorsummary,
+  u as field,
+  m as fieldset,
   k as fileupload,
   w as flex,
   y as grid,
-  a as group,
-  U as heading,
+  r as group,
+  V as heading,
   h as helptext,
-  X as info,
-  V as ingress,
+  Y as info,
+  W as ingress,
   v as input,
   x as law,
   C as link,
   M as logo,
-  W as muted,
+  X as muted,
   S as pagination,
   T as popover,
-  j as progress,
-  Y as prose,
-  A as skeleton,
-  D as spinner,
-  E as steps,
+  q as print,
+  z as progress,
+  Z as prose,
+  B as skeleton,
+  E as spinner,
+  F as steps,
   t as sticky,
-  m as suggestion,
-  F as table,
-  H as tabs,
-  J as tag,
-  K as toast,
-  Q as togglegroup,
-  Z as validation
+  f as suggestion,
+  G as table,
+  I as tabs,
+  K as tag,
+  L as toast,
+  R as togglegroup,
+  $ 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/tag/tag.js

@@ -1,10 +1,19 @@
-import { jsx as f } from "react/jsx-runtime";
-import s from "clsx";
+import { jsx as s } from "react/jsx-runtime";
+import i from "clsx";
 import { forwardRef as n } from "react";
 import p from "../styles.module.css.js";
-const x = n(function({ as: r, className: t, ...o }, a) {
-  const m = r || (o.href ? "a" : "span");
-  return /* @__PURE__ */ f(m, { className: s(p.tag, t), ref: a, ...o });
+const x = n(function({ as: r, className: a, "data-tooltip": o, ...t }, m) {
+  const f = r || (t.href ? "a" : "span");
+  return /* @__PURE__ */ s(
+    f,
+    {
+      className: i(p.tag, a),
+      "data-tooltip": o,
+      tabIndex: o ? 0 : void 0,
+      ref: m,
+      ...t
+    }
+  );
 });
 export {
   x as Tag

package/mtds/tag/tag.js.map

@@ -1 +1 @@
-{"version":3,"file":"tag.js","sources":["../../designsystem/tag/tag.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { forwardRef, type JSX } from \"react\";\nimport type {\n\tPolymorphicComponentPropWithRef,\n\tPolymorphicRef,\n} from \"../react-types\";\nimport styles from \"../styles.module.css\";\n\nexport type TagProps<\n\tHref,\n\tAs extends React.ElementType = Href extends string ? \"a\" : \"span\",\n> = PolymorphicComponentPropWithRef<\n\tAs,\n\t{ \"data-icon\"?: boolean | \"true\" | \"false\" | \"none\" }\n>;\n\ntype TagComponent = <\n\tHref,\n\tAs extends React.ElementType = Href extends string ? \"a\" : \"span\",\n>(\n\tprops: TagProps<Href, As>,\n) => JSX.Element;\n\nexport const Tag: TagComponent = forwardRef<null>(function Tag<\n\tHref,\n\tAs extends React.ElementType = Href extends string ? \"a\" : \"span\",\n>({ as, className, ...rest }: TagProps<Href, As>, ref?: PolymorphicRef<As>) {\n\tconst Tag = as || (rest.href ? \"a\" : \"span\");\n\n\treturn <Tag className={clsx(styles.tag, className)} ref={ref} {...rest} />;\n}) as TagComponent; // Needed to tell Typescript this does not return ReactNode but acutally JSX.Element\n"],"names":["Tag","forwardRef","as","className","rest","ref","jsx","clsx","styles"],"mappings":";;;;AAuBO,MAAMA,IAAoBC,EAAiB,SAGhD,EAAE,IAAAC,GAAI,WAAAC,GAAW,GAAGC,EAAA,GAA4BC,GAA0B;AAC3E,QAAML,IAAME,MAAOE,EAAK,OAAO,MAAM;AAErC,SAAO,gBAAAE,EAACN,GAAA,EAAI,WAAWO,EAAKC,EAAO,KAAKL,CAAS,GAAG,KAAAE,GAAW,GAAGD,EAAA,CAAM;AACzE,CAAC;"}
+{"version":3,"file":"tag.js","sources":["../../designsystem/tag/tag.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { forwardRef, type JSX } from \"react\";\nimport type {\n\tPolymorphicComponentPropWithRef,\n\tPolymorphicRef,\n} from \"../react-types\";\nimport styles from \"../styles.module.css\";\n\nexport type TagProps<\n\tHref,\n\tAs extends React.ElementType = Href extends string ? \"a\" : \"span\",\n> = PolymorphicComponentPropWithRef<\n\tAs,\n\t{ \"data-icon\"?: boolean | \"true\" | \"false\" | \"none\" }\n>;\n\ntype TagComponent = <\n\tHref,\n\tAs extends React.ElementType = Href extends string ? \"a\" : \"span\",\n>(\n\tprops: TagProps<Href, As>,\n) => JSX.Element;\n\nexport const Tag: TagComponent = forwardRef<null>(function Tag<\n\tHref,\n\tAs extends React.ElementType = Href extends string ? \"a\" : \"span\",\n>(\n\t{ as, className, \"data-tooltip\": dataTooltip, ...rest }: TagProps<Href, As>,\n\tref?: PolymorphicRef<As>,\n) {\n\tconst Tag = as || (rest.href ? \"a\" : \"span\");\n\n\treturn (\n\t\t<Tag\n\t\t\tclassName={clsx(styles.tag, className)}\n\t\t\tdata-tooltip={dataTooltip}\n\t\t\ttabIndex={dataTooltip ? 0 : undefined}\n\t\t\tref={ref}\n\t\t\t{...rest}\n\t\t/>\n\t);\n}) as TagComponent; // Needed to tell Typescript this does not return ReactNode but acutally JSX.Element\n"],"names":["Tag","forwardRef","as","className","dataTooltip","rest","ref","jsx","clsx","styles"],"mappings":";;;;AAuBO,MAAMA,IAAoBC,EAAiB,SAIjD,EAAE,IAAAC,GAAI,WAAAC,GAAW,gBAAgBC,GAAa,GAAGC,EAAA,GACjDC,GACC;AACD,QAAMN,IAAME,MAAOG,EAAK,OAAO,MAAM;AAErC,SACC,gBAAAE;AAAA,IAACP;AAAAA,IAAA;AAAA,MACA,WAAWQ,EAAKC,EAAO,KAAKN,CAAS;AAAA,MACrC,gBAAcC;AAAA,MACd,UAAUA,IAAc,IAAI;AAAA,MAC5B,KAAAE;AAAA,MACC,GAAGD;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}

package/mtds/toast/toast.js

@@ -1,4 +1,3 @@
-'use client';
 import { jsx as u } from "react/jsx-runtime";
 import m from "clsx";
 import { createRoot as f } from "react-dom/client";

package/mtds/utils.d.ts

@@ -47,7 +47,7 @@ export declare const onMutation: (el: Node, callback: (observer: MutationObserve
 export declare const toCustomElementProps: <T extends Record<string, unknown>>(rest: T, klass?: string) => T & {
     suppressHydrationWarning: boolean;
     "aria-selected": boolean | undefined;
-    class: string;
+    class: string | undefined;
     hidden: boolean;
     open: boolean;
 };

package/mtds/utils.js

@@ -30,12 +30,12 @@ const l = (e, t, o) => o === void 0 ? e.getAttribute(t) ?? null : (o === null ?
     n || (n = requestAnimationFrame(s));
   });
   return d.observe(e, o), s(), i;
-}, c = "aria-selected", R = (e, t) => Object.assign({}, e, {
+}, c = "aria-selected", v = (e, t) => Object.assign({}, e, {
   suppressHydrationWarning: !0,
   // Make Next.js happy
   [c]: e[c] === void 0 ? void 0 : `${(e[c] || "false") !== "false"}`,
   // Ensure aria-selected boolean is string
-  class: u(t, e.className),
+  class: u(t, e.className) || void 0,
   // Use class instead of className
   hidden: !!e.hidden,
   // Ensure boolean prop behaviour
@@ -45,21 +45,21 @@ const l = (e, t, o) => o === void 0 ? e.getAttribute(t) ?? null : (o === null ?
   const n = document.createElement(e);
   if (o && (n.textContent = o), t) for (const [s, i] of Object.entries(t)) l(n, s, i);
   return n;
-}, g = typeof HTMLElement > "u" ? class {
-} : HTMLElement, v = (e, t) => !r() || window.customElements.get(e) || window.customElements.define(e, t), w = typeof window < "u" && window.CSSStyleSheet && document.adoptedStyleSheets, H = (e, t) => {
+}, R = typeof HTMLElement > "u" ? class {
+} : HTMLElement, g = (e, t) => !r() || window.customElements.get(e) || window.customElements.define(e, t), w = typeof window < "u" && window.CSSStyleSheet && document.adoptedStyleSheets, H = (e, t) => {
   if (!w) return;
   e.shadowRoot || e.attachShadow({ mode: "open" }).append(m("slot"));
   const o = new CSSStyleSheet();
   o.replaceSync(t), e.shadowRoot.adoptedStyleSheets = [o];
 };
 export {
-  g as MTDSElement,
+  R as MTDSElement,
   E as QUICK_EVENT,
   w as SUPPORTS_CONSTRUCTED_CSS,
   H as attachStyle,
   l as attr,
   h as debounce,
-  v as defineElement,
+  g as defineElement,
   C as getByCSSModule,
   r as isBrowser,
   f as off,
@@ -67,6 +67,6 @@ export {
   T as onHotReload,
   b as onMutation,
   m as tag,
-  R as toCustomElementProps
+  v as toCustomElementProps
 };
 //# sourceMappingURL=utils.js.map

package/mtds/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../designsystem/utils.ts"],"sourcesContent":["import clsx from \"clsx\";\nimport styles from \"./styles.module.css\";\n\nexport const QUICK_EVENT = { capture: true, passive: true };\nexport const isBrowser = () =>\n\ttypeof window !== \"undefined\" && typeof document !== \"undefined\"; // Using function to play nice with Vitest where DOM can come and go\n\nexport const getByCSSModule = (key: string) =>\n\tisBrowser() ? document.getElementsByClassName(styles[key].split(\" \")[0]) : [];\n\nexport function debounce<T extends unknown[]>(\n\tcallback: (...args: T) => void,\n\tdelay: number,\n) {\n\tlet timer: ReturnType<typeof setTimeout>;\n\n\treturn function (this: unknown, ...args: T) {\n\t\tclearTimeout(timer);\n\t\ttimer = setTimeout(() => callback.apply(this, args), delay);\n\t};\n}\n\n/**\n * attr\n * @description Utility to quickly get, set and remove attributes\n * @param el The Element to read/write attributes from\n * @param name The attribute name to get, set or remove, or a object to set multiple attributes\n * @param value A valid attribute value or null to remove attribute\n */\nexport const attr = (\n\tel: Element,\n\tname: string,\n\tvalue?: string | null,\n): string | null => {\n\tif (value === undefined) return el.getAttribute(name) ?? null; // Fallback to null only if el is undefined\n\tif (value === null) el.removeAttribute(name);\n\telse if (el.getAttribute(name) !== value) el.setAttribute(name, value);\n\treturn null;\n};\n\n/**\n * on\n * @param el The Element to use as EventTarget\n * @param types A space separated string of event types\n * @param listener An event listener function or listener object\n */\nexport const on = (\n\tel: Node | Window | ShadowRoot,\n\t...rest: Parameters<typeof Element.prototype.addEventListener>\n): (() => void) => {\n\tconst [types, ...options] = rest;\n\tfor (const type of types.split(\" \")) el.addEventListener(type, ...options);\n\treturn () => off(el, ...rest);\n};\n\n/**\n * off\n * @param el The Element to use as EventTarget\n * @param types A space separated string of event types\n * @param listener An event listener function or listener object\n */\nexport const off = (\n\tel: Node | Window | ShadowRoot,\n\t...rest: Parameters<typeof Element.prototype.removeEventListener>\n): void => {\n\tconst [types, ...options] = rest;\n\tfor (const type of types.split(\" \")) el.removeEventListener(type, ...options);\n};\n\ndeclare global {\n\tinterface Window {\n\t\t_mtdsHotReloadCleanup?: Map<string, Array<() => void>>;\n\t}\n}\n\n/**\n * onHotReload\n * @description Runs a callback when window is loaded in browser, and ensures cleanup when hot-reloading\n * @param key The key to identify setup and corresponding cleanup\n * @param callback The callback to run when the page is ready\n */\nexport const onHotReload = (key: string, setup: () => Array<() => void>) => {\n\tif (!isBrowser()) return; // Skip if not in modern browser environment, but on each call as Vitest might have unloaded jsdom between tests\n\tif (!window._mtdsHotReloadCleanup) window._mtdsHotReloadCleanup = new Map(); // Hot reload cleanup support supporting all build tools\n\n\tconst run = () => {\n\t\twindow._mtdsHotReloadCleanup?.get(key)?.map((cleanup) => cleanup()); // Run previous cleanup\n\t\twindow._mtdsHotReloadCleanup?.set(key, setup()); // Store new cleanup\n\t};\n\n\tif (document.readyState !== \"complete\") on(window, \"load\", run);\n\telse document.fonts?.ready?.then(run) || setTimeout(run, 0); // Prefer fonts ready promise if available, but fallback to setTimeout\n};\n\n/**\n * Speed up MutationObserver by debouncing and only running when page is visible\n * @return new MutaionObserver\n */\nexport const onMutation = (\n\tel: Node,\n\tcallback: (observer: MutationObserver) => void,\n\toptions: MutationObserverInit,\n) => {\n\tlet queue = 0;\n\tconst onFrame = () => {\n\t\tif (!el.isConnected) return cleanup(); // Disconnect if element is removed from DOM\n\t\tcallback(observer);\n\t\tobserver.takeRecords(); // Clear records to avoid multiple triggers\n\t\tqueue = 0;\n\t};\n\tconst cleanup = () => observer?.disconnect?.();\n\tconst observer = new MutationObserver(() => {\n\t\tif (!queue) queue = requestAnimationFrame(onFrame); // requestAnimationFrame only runs when page is visible\n\t});\n\n\tobserver.observe(el, options);\n\tonFrame(); // Initial run\n\treturn cleanup;\n};\n\n/**\n * toCustomElementProps\n * @description Utility to quickly convert props to custom element attributes\n * @param props The props to convert\n * @returns The converted props\n */\nconst SELECTED = \"aria-selected\";\nexport const toCustomElementProps = <T extends Record<string, unknown>>(\n\trest: T,\n\tklass?: string,\n) =>\n\tObject.assign({}, rest, {\n\t\tsuppressHydrationWarning: true, // Make Next.js happy\n\t\t[SELECTED]:\n\t\t\trest[SELECTED] === undefined\n\t\t\t\t? undefined\n\t\t\t\t: (`${(rest[SELECTED] || \"false\") !== \"false\"}` as unknown as boolean), // Ensure aria-selected boolean is string\n\t\tclass: clsx(klass, rest.className as string), // Use class instead of className\n\t\thidden: !!rest.hidden, // Ensure boolean prop behaviour\n\t\topen: !!rest.open, // Ensure boolean prop behaviour\n\t});\n\n/**\n * tag\n * @description creates element and assigns properties\n * @param tagName The tagname of element to create\n * @param attrs Optional attributes to add to the element\n * @param text Optional text content to add to the element\n * @return HTMLElement with props\n */\nexport const tag = <TagName extends keyof HTMLElementTagNameMap>(\n\ttagName: TagName,\n\tattrs?: Record<string, string | null> | null,\n\ttext?: string | null,\n): HTMLElementTagNameMap[TagName] => {\n\tconst el = document.createElement(tagName);\n\tif (text) el.textContent = text;\n\tif (attrs) for (const [key, val] of Object.entries(attrs)) attr(el, key, val);\n\treturn el;\n};\n\n// Make sure we have a HTMLElement to extend (for server side rendering)\nexport const MTDSElement =\n\ttypeof HTMLElement === \"undefined\"\n\t\t? (class {} as typeof HTMLElement)\n\t\t: HTMLElement;\n\n/**\n * defineElement\n * @description Defines a customElement if running in browser and if not already registered\n */\nexport const defineElement = (\n\tname: string,\n\tinstance: CustomElementConstructor,\n) =>\n\t!isBrowser() ||\n\twindow.customElements.get(name) ||\n\twindow.customElements.define(name, instance);\n\n/**\n * attachStyle\n * @param el The Element to scope styles for\n * @param css The css to inject\n */\nexport const SUPPORTS_CONSTRUCTED_CSS =\n\ttypeof window !== \"undefined\" &&\n\twindow.CSSStyleSheet &&\n\tdocument.adoptedStyleSheets;\n\nexport const attachStyle = (el: Element, css: string) => {\n\tif (!SUPPORTS_CONSTRUCTED_CSS) return;\n\tif (!el.shadowRoot) el.attachShadow({ mode: \"open\" }).append(tag(\"slot\"));\n\n\tconst sheet = new CSSStyleSheet();\n\tsheet.replaceSync(css);\n\t(el.shadowRoot as ShadowRoot).adoptedStyleSheets = [sheet];\n};\n"],"names":["QUICK_EVENT","isBrowser","getByCSSModule","key","styles","debounce","callback","delay","timer","args","attr","el","name","value","on","rest","types","options","type","off","onHotReload","setup","run","cleanup","onMutation","queue","onFrame","observer","SELECTED","toCustomElementProps","klass","clsx","tag","tagName","attrs","text","val","MTDSElement","defineElement","instance","SUPPORTS_CONSTRUCTED_CSS","attachStyle","css","sheet"],"mappings":";;AAGO,MAAMA,IAAc,EAAE,SAAS,IAAM,SAAS,GAAA,GACxCC,IAAY,MACxB,OAAO,SAAW,OAAe,OAAO,WAAa,KAEzCC,IAAiB,CAACC,MAC9BF,EAAA,IAAc,SAAS,uBAAuBG,EAAOD,CAAG,EAAE,MAAM,GAAG,EAAE,CAAC,CAAC,IAAI,CAAA;AAErE,SAASE,EACfC,GACAC,GACC;AACD,MAAIC;AAEJ,SAAO,YAA4BC,GAAS;AAC3C,iBAAaD,CAAK,GAClBA,IAAQ,WAAW,MAAMF,EAAS,MAAM,MAAMG,CAAI,GAAGF,CAAK;AAAA,EAC3D;AACD;AASO,MAAMG,IAAO,CACnBC,GACAC,GACAC,MAEIA,MAAU,SAAkBF,EAAG,aAAaC,CAAI,KAAK,QACrDC,MAAU,OAAMF,EAAG,gBAAgBC,CAAI,IAClCD,EAAG,aAAaC,CAAI,MAAMC,KAAOF,EAAG,aAAaC,GAAMC,CAAK,GAC9D,OASKC,IAAK,CACjBH,MACGI,MACe;AAClB,QAAM,CAACC,GAAO,GAAGC,CAAO,IAAIF;AAC5B,aAAWG,KAAQF,EAAM,MAAM,GAAG,EAAG,CAAAL,EAAG,iBAAiBO,GAAM,GAAGD,CAAO;AACzE,SAAO,MAAME,EAAIR,GAAI,GAAGI,CAAI;AAC7B,GAQaI,IAAM,CAClBR,MACGI,MACO;AACV,QAAM,CAACC,GAAO,GAAGC,CAAO,IAAIF;AAC5B,aAAWG,KAAQF,EAAM,MAAM,GAAG,EAAG,CAAAL,EAAG,oBAAoBO,GAAM,GAAGD,CAAO;AAC7E,GAcaG,IAAc,CAACjB,GAAakB,MAAmC;AAC3E,MAAI,CAACpB,IAAa;AAClB,EAAK,OAAO,0BAAuB,OAAO,4CAA4B,IAAA;AAEtE,QAAMqB,IAAM,MAAM;AACjB,WAAO,uBAAuB,IAAInB,CAAG,GAAG,IAAI,CAACoB,MAAYA,GAAS,GAClE,OAAO,uBAAuB,IAAIpB,GAAKkB,EAAA,CAAO;AAAA,EAC/C;AAEA,EAAI,SAAS,eAAe,aAAYP,EAAG,QAAQ,QAAQQ,CAAG,IACzD,SAAS,OAAO,OAAO,KAAKA,CAAG,KAAK,WAAWA,GAAK,CAAC;AAC3D,GAMaE,IAAa,CACzBb,GACAL,GACAW,MACI;AACJ,MAAIQ,IAAQ;AACZ,QAAMC,IAAU,MAAM;AACrB,QAAI,CAACf,EAAG,YAAa,QAAOY,EAAA;AAC5B,IAAAjB,EAASqB,CAAQ,GACjBA,EAAS,YAAA,GACTF,IAAQ;AAAA,EACT,GACMF,IAAU,MAAMI,GAAU,aAAA,GAC1BA,IAAW,IAAI,iBAAiB,MAAM;AAC3C,IAAKF,MAAOA,IAAQ,sBAAsBC,CAAO;AAAA,EAClD,CAAC;AAED,SAAAC,EAAS,QAAQhB,GAAIM,CAAO,GAC5BS,EAAA,GACOH;AACR,GAQMK,IAAW,iBACJC,IAAuB,CACnCd,GACAe,MAEA,OAAO,OAAO,CAAA,GAAIf,GAAM;AAAA,EACvB,0BAA0B;AAAA;AAAA,EAC1B,CAACa,CAAQ,GACRb,EAAKa,CAAQ,MAAM,SAChB,SACC,IAAIb,EAAKa,CAAQ,KAAK,aAAa,OAAO;AAAA;AAAA,EAC/C,OAAOG,EAAKD,GAAOf,EAAK,SAAmB;AAAA;AAAA,EAC3C,QAAQ,CAAC,CAACA,EAAK;AAAA;AAAA,EACf,MAAM,CAAC,CAACA,EAAK;AAAA;AACd,CAAC,GAUWiB,IAAM,CAClBC,GACAC,GACAC,MACoC;AACpC,QAAMxB,IAAK,SAAS,cAAcsB,CAAO;AAEzC,MADIE,QAAS,cAAcA,IACvBD,EAAO,YAAW,CAAC/B,GAAKiC,CAAG,KAAK,OAAO,QAAQF,CAAK,EAAG,CAAAxB,EAAKC,GAAIR,GAAKiC,CAAG;AAC5E,SAAOzB;AACR,GAGa0B,IACZ,OAAO,cAAgB,MACnB,MAAM;AAAC,IACR,aAMSC,IAAgB,CAC5B1B,GACA2B,MAEA,CAACtC,OACD,OAAO,eAAe,IAAIW,CAAI,KAC9B,OAAO,eAAe,OAAOA,GAAM2B,CAAQ,GAO/BC,IACZ,OAAO,SAAW,OAClB,OAAO,iBACP,SAAS,oBAEGC,IAAc,CAAC9B,GAAa+B,MAAgB;AACxD,MAAI,CAACF,EAA0B;AAC/B,EAAK7B,EAAG,cAAYA,EAAG,aAAa,EAAE,MAAM,OAAA,CAAQ,EAAE,OAAOqB,EAAI,MAAM,CAAC;AAExE,QAAMW,IAAQ,IAAI,cAAA;AAClB,EAAAA,EAAM,YAAYD,CAAG,GACpB/B,EAAG,WAA0B,qBAAqB,CAACgC,CAAK;AAC1D;"}
+{"version":3,"file":"utils.js","sources":["../designsystem/utils.ts"],"sourcesContent":["import clsx from \"clsx\";\nimport styles from \"./styles.module.css\";\n\nexport const QUICK_EVENT = { capture: true, passive: true };\nexport const isBrowser = () =>\n\ttypeof window !== \"undefined\" && typeof document !== \"undefined\"; // Using function to play nice with Vitest where DOM can come and go\n\nexport const getByCSSModule = (key: string) =>\n\tisBrowser() ? document.getElementsByClassName(styles[key].split(\" \")[0]) : [];\n\nexport function debounce<T extends unknown[]>(\n\tcallback: (...args: T) => void,\n\tdelay: number,\n) {\n\tlet timer: ReturnType<typeof setTimeout>;\n\n\treturn function (this: unknown, ...args: T) {\n\t\tclearTimeout(timer);\n\t\ttimer = setTimeout(() => callback.apply(this, args), delay);\n\t};\n}\n\n/**\n * attr\n * @description Utility to quickly get, set and remove attributes\n * @param el The Element to read/write attributes from\n * @param name The attribute name to get, set or remove, or a object to set multiple attributes\n * @param value A valid attribute value or null to remove attribute\n */\nexport const attr = (\n\tel: Element,\n\tname: string,\n\tvalue?: string | null,\n): string | null => {\n\tif (value === undefined) return el.getAttribute(name) ?? null; // Fallback to null only if el is undefined\n\tif (value === null) el.removeAttribute(name);\n\telse if (el.getAttribute(name) !== value) el.setAttribute(name, value);\n\treturn null;\n};\n\n/**\n * on\n * @param el The Element to use as EventTarget\n * @param types A space separated string of event types\n * @param listener An event listener function or listener object\n */\nexport const on = (\n\tel: Node | Window | ShadowRoot,\n\t...rest: Parameters<typeof Element.prototype.addEventListener>\n): (() => void) => {\n\tconst [types, ...options] = rest;\n\tfor (const type of types.split(\" \")) el.addEventListener(type, ...options);\n\treturn () => off(el, ...rest);\n};\n\n/**\n * off\n * @param el The Element to use as EventTarget\n * @param types A space separated string of event types\n * @param listener An event listener function or listener object\n */\nexport const off = (\n\tel: Node | Window | ShadowRoot,\n\t...rest: Parameters<typeof Element.prototype.removeEventListener>\n): void => {\n\tconst [types, ...options] = rest;\n\tfor (const type of types.split(\" \")) el.removeEventListener(type, ...options);\n};\n\ndeclare global {\n\tinterface Window {\n\t\t_mtdsHotReloadCleanup?: Map<string, Array<() => void>>;\n\t}\n}\n\n/**\n * onHotReload\n * @description Runs a callback when window is loaded in browser, and ensures cleanup when hot-reloading\n * @param key The key to identify setup and corresponding cleanup\n * @param callback The callback to run when the page is ready\n */\nexport const onHotReload = (key: string, setup: () => Array<() => void>) => {\n\tif (!isBrowser()) return; // Skip if not in modern browser environment, but on each call as Vitest might have unloaded jsdom between tests\n\tif (!window._mtdsHotReloadCleanup) window._mtdsHotReloadCleanup = new Map(); // Hot reload cleanup support supporting all build tools\n\n\tconst run = () => {\n\t\twindow._mtdsHotReloadCleanup?.get(key)?.map((cleanup) => cleanup()); // Run previous cleanup\n\t\twindow._mtdsHotReloadCleanup?.set(key, setup()); // Store new cleanup\n\t};\n\n\tif (document.readyState !== \"complete\") on(window, \"load\", run);\n\telse document.fonts?.ready?.then(run) || setTimeout(run, 0); // Prefer fonts ready promise if available, but fallback to setTimeout\n};\n\n/**\n * Speed up MutationObserver by debouncing and only running when page is visible\n * @return new MutaionObserver\n */\nexport const onMutation = (\n\tel: Node,\n\tcallback: (observer: MutationObserver) => void,\n\toptions: MutationObserverInit,\n) => {\n\tlet queue = 0;\n\tconst onFrame = () => {\n\t\tif (!el.isConnected) return cleanup(); // Disconnect if element is removed from DOM\n\t\tcallback(observer);\n\t\tobserver.takeRecords(); // Clear records to avoid multiple triggers\n\t\tqueue = 0;\n\t};\n\tconst cleanup = () => observer?.disconnect?.();\n\tconst observer = new MutationObserver(() => {\n\t\tif (!queue) queue = requestAnimationFrame(onFrame); // requestAnimationFrame only runs when page is visible\n\t});\n\n\tobserver.observe(el, options);\n\tonFrame(); // Initial run\n\treturn cleanup;\n};\n\n/**\n * toCustomElementProps\n * @description Utility to quickly convert props to custom element attributes\n * @param props The props to convert\n * @returns The converted props\n */\nconst SELECTED = \"aria-selected\";\nexport const toCustomElementProps = <T extends Record<string, unknown>>(\n\trest: T,\n\tklass?: string,\n) =>\n\tObject.assign({}, rest, {\n\t\tsuppressHydrationWarning: true, // Make Next.js happy\n\t\t[SELECTED]:\n\t\t\trest[SELECTED] === undefined\n\t\t\t\t? undefined\n\t\t\t\t: (`${(rest[SELECTED] || \"false\") !== \"false\"}` as unknown as boolean), // Ensure aria-selected boolean is string\n\t\tclass: clsx(klass, rest.className as string) || undefined, // Use class instead of className\n\t\thidden: !!rest.hidden, // Ensure boolean prop behaviour\n\t\topen: !!rest.open, // Ensure boolean prop behaviour\n\t});\n\n/**\n * tag\n * @description creates element and assigns properties\n * @param tagName The tagname of element to create\n * @param attrs Optional attributes to add to the element\n * @param text Optional text content to add to the element\n * @return HTMLElement with props\n */\nexport const tag = <TagName extends keyof HTMLElementTagNameMap>(\n\ttagName: TagName,\n\tattrs?: Record<string, string | null> | null,\n\ttext?: string | null,\n): HTMLElementTagNameMap[TagName] => {\n\tconst el = document.createElement(tagName);\n\tif (text) el.textContent = text;\n\tif (attrs) for (const [key, val] of Object.entries(attrs)) attr(el, key, val);\n\treturn el;\n};\n\n// Make sure we have a HTMLElement to extend (for server side rendering)\nexport const MTDSElement =\n\ttypeof HTMLElement === \"undefined\"\n\t\t? (class {} as typeof HTMLElement)\n\t\t: HTMLElement;\n\n/**\n * defineElement\n * @description Defines a customElement if running in browser and if not already registered\n */\nexport const defineElement = (\n\tname: string,\n\tinstance: CustomElementConstructor,\n) =>\n\t!isBrowser() ||\n\twindow.customElements.get(name) ||\n\twindow.customElements.define(name, instance);\n\n/**\n * attachStyle\n * @param el The Element to scope styles for\n * @param css The css to inject\n */\nexport const SUPPORTS_CONSTRUCTED_CSS =\n\ttypeof window !== \"undefined\" &&\n\twindow.CSSStyleSheet &&\n\tdocument.adoptedStyleSheets;\n\nexport const attachStyle = (el: Element, css: string) => {\n\tif (!SUPPORTS_CONSTRUCTED_CSS) return;\n\tif (!el.shadowRoot) el.attachShadow({ mode: \"open\" }).append(tag(\"slot\"));\n\n\tconst sheet = new CSSStyleSheet();\n\tsheet.replaceSync(css);\n\t(el.shadowRoot as ShadowRoot).adoptedStyleSheets = [sheet];\n};\n"],"names":["QUICK_EVENT","isBrowser","getByCSSModule","key","styles","debounce","callback","delay","timer","args","attr","el","name","value","on","rest","types","options","type","off","onHotReload","setup","run","cleanup","onMutation","queue","onFrame","observer","SELECTED","toCustomElementProps","klass","clsx","tag","tagName","attrs","text","val","MTDSElement","defineElement","instance","SUPPORTS_CONSTRUCTED_CSS","attachStyle","css","sheet"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@mattilsynet/design",
-	"version": "3.1.15",
+	"version": "3.1.18",
 	"type": "module",
 	"repository": {
 		"type": "git",
@@ -54,42 +54,44 @@
 		"storybook:build": "npm run build && storybook build"
 	},
 	"devDependencies": {
-		"@biomejs/biome": "2.4.5",
-		"@digdir/designsystemet-css": "^1.12.1",
-		"@digdir/designsystemet-types": "^1.12.1",
-		"@handsontable/react-wrapper": "^16.2.0",
+		"@biomejs/biome": "2.4.8",
+		"@digdir/designsystemet-css": "^1.13.0",
+		"@digdir/designsystemet-types": "^1.13.0",
+		"@handsontable/react-wrapper": "17.0.1",
 		"@phosphor-icons/core": "^2.1.1",
 		"@phosphor-icons/react": "^2.1.10",
-		"@storybook/addon-docs": "^10.2.15",
-		"@storybook/addon-themes": "^10.2.15",
-		"@storybook/react-vite": "^10.2.15",
+		"@storybook/addon-docs": "^10.3.3",
+		"@storybook/addon-themes": "^10.3.3",
+		"@storybook/react-vite": "^10.3.3",
 		"@tanstack/react-table": "^8.21.3",
 		"@turf/boolean-point-in-polygon": "^7.3.4",
 		"@turf/helpers": "^7.3.4",
 		"@types/leaflet": "^1.9.21",
 		"@types/leaflet.markercluster": "^1.5.6",
-		"@types/node": "^25.3.3",
+		"@types/node": "^25.5.0",
 		"@types/react": "^19.2.14",
 		"@types/react-dom": "^19.2.3",
-		"@vitejs/plugin-react": "^5.1.4",
+		"@vitejs/plugin-react": "^5.2.0",
 		"fast-glob": "^3.3.3",
-		"handsontable": "^16.2.0",
+		"handsontable": "17.0.1",
 		"leaflet": "^2.0.0-alpha.1",
 		"postcss": "^8.5.8",
 		"postcss-nesting": "^14.0.0",
 		"react": "^19.2.4",
 		"react-dom": "^19.2.4",
 		"react-moveable": "^0.56.0",
-		"storybook": "^10.2.15",
-		"typescript": "^5.9.3",
+		"storybook": "^10.3.3",
+		"typescript": "^6.0.2",
 		"vite": "^7.3.1",
 		"vite-plugin-dts": "^4.5.4"
 	},
 	"dependencies": {
-		"@digdir/designsystemet-web": "^1.12.1",
+		"@digdir/designsystemet-web": "^1.13.0",
+		"@u-elements/u-combobox": "^1.0.7",
 		"@u-elements/u-datalist": "^1.1.0",
 		"@u-elements/u-details": "^0.2.2",
 		"@u-elements/u-progress": "^0.0.7",
+		"@u-elements/u-tabs": "^0.1.2",
 		"clsx": "^2.1.1"
 	},
 	"overrides": {