@mattilsynet/design 2.2.5 → 2.2.7

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_14b25_3",
+  "app": "_app_1a0v1_1",
+  "sticky": "_sticky_1a0v1_1",
+  "avatar": "_avatar_1a0v1_1 _ds-avatar_14b25_1",
+  "badge": "_badge_1a0v1_1",
+  "breadcrumbs": "_breadcrumbs_1a0v1_1 _ds-breadcrumbs_14b25_5",
+  "button": "_button_1a0v1_1 _ds-button_14b25_1",
+  "card": "_card_1a0v1_1",
+  "group": "_group_1a0v1_1",
+  "chip": "_chip_1a0v1_1 _ds-chip_14b25_5",
+  "details": "_details_1a0v1_1 _ds-details_14b25_3",
+  "dialog": "_dialog_1a0v1_1 _ds-dialog_14b25_5",
+  "divider": "_divider_1a0v1_1",
+  "errorsummary": "_errorsummary_1a0v1_1 _ds-error-summary_14b25_5",
+  "field": "_field_1a0v1_1 _ds-field_14b25_1",
+  "affixes": "_affixes_1a0v1_1 _ds-field-affixes_14b25_3",
+  "fieldset": "_fieldset_1a0v1_1 _ds-fieldset_14b25_3",
+  "helptext": "_helptext_1a0v1_1 _ds-focus_14b25_1",
+  "input": "_input_1a0v1_1 _ds-input_14b25_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_14b25_5",
+  "popover": "_popover_1a0v1_1",
+  "progress": "_progress_1a0v1_1",
+  "skeleton": "_skeleton_1a0v1_1 _ds-skeleton_14b25_5",
+  "spinner": "_spinner_1a0v1_1",
+  "steps": "_steps_1a0v1_1",
+  "table": "_table_1a0v1_1 _ds-table_14b25_5",
+  "tabs": "_tabs_1a0v1_1 _ds-tabs_14b25_5",
+  "tag": "_tag_1a0v1_1 _ds-tag_14b25_5",
+  "toast": "_toast_1a0v1_1",
+  "togglegroup": "_togglegroup_1a0v1_1",
+  "heading": "_heading_1a0v1_1 _ds-heading_14b25_1",
+  "ingress": "_ingress_1a0v1_1",
+  "muted": "_muted_1a0v1_1",
+  "info": "_info_1a0v1_1",
+  "prose": "_prose_1a0v1_1",
+  "validation": "_validation_1a0v1_1 _ds-validation-message_14b25_1",
+  "body": "_body_1a0v1_173"
 }

package/mtds/styles.module.css.js

@@ -1,112 +1,114 @@
-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_14b25_3", t = "_app_1a0v1_1", a = "_sticky_1a0v1_1", s = "_avatar_1a0v1_1 _ds-avatar_14b25_1", o = "_badge_1a0v1_1", e = "_breadcrumbs_1a0v1_1 _ds-breadcrumbs_14b25_5", n = "_button_1a0v1_1 _ds-button_14b25_1", r = "_card_1a0v1_1", i = "_group_1a0v1_1", d = "_chip_1a0v1_1 _ds-chip_14b25_5", c = "_details_1a0v1_1 _ds-details_14b25_3", l = "_dialog_1a0v1_1 _ds-dialog_14b25_5", v = "__drawer_1a0v1_1", p = "_divider_1a0v1_1", b = "_errorsummary_1a0v1_1 _ds-error-summary_14b25_5", g = "__errorsummary_1a0v1_1", u = "_field_1a0v1_1 _ds-field_14b25_1", m = "__datalist_1a0v1_1", f = "_affixes_1a0v1_1 _ds-field-affixes_14b25_3", k = "_fieldset_1a0v1_1 _ds-fieldset_14b25_3", h = "_helptext_1a0v1_1 _ds-focus_14b25_1", y = "_input_1a0v1_1 _ds-input_14b25_1", x = "_grid_1a0v1_1", w = "_flex_1a0v1_1", C = "_link_1a0v1_1", M = "_logo_1a0v1_1", O = "_map_1a0v1_1", S = "_pagination_1a0v1_1 _ds-pagination_14b25_5", T = "_popover_1a0v1_1", j = "_progress_1a0v1_1", q = "__indeterminate_1a0v1_1", z = "_skeleton_1a0v1_1 _ds-skeleton_14b25_5", A = "__skeleton_1a0v1_1", B = "_spinner_1a0v1_1", D = "_steps_1a0v1_1", E = "_table_1a0v1_1 _ds-table_14b25_5", F = "__scrollShadow_1a0v1_1", G = "_tabs_1a0v1_1 _ds-tabs_14b25_5", H = "__scrollMask_1a0v1_1", I = "_tag_1a0v1_1 _ds-tag_14b25_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_14b25_1", U = "_ingress_1a0v1_1", V = "_muted_1a0v1_1", W = "_info_1a0v1_1", X = "_prose_1a0v1_1", Y = "_validation_1a0v1_1 _ds-validation-message_14b25_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,
+  button: n,
+  card: r,
+  group: i,
+  chip: d,
+  details: c,
+  dialog: l,
+  _drawer: v,
   divider: p,
-  errorsummary: g,
-  _errorsummary: u,
-  field: m,
-  _datalist: b,
-  affixes: w,
-  fieldset: f,
-  helptext: z,
-  input: k,
-  grid: v,
-  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
+  errorsummary: b,
+  _errorsummary: g,
+  field: u,
+  _datalist: m,
+  affixes: f,
+  fieldset: k,
+  helptext: h,
+  input: y,
+  grid: x,
+  flex: w,
+  link: C,
+  logo: M,
+  map: O,
+  pagination: S,
+  popover: T,
+  progress: j,
+  _indeterminate: q,
+  skeleton: z,
+  _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,
-  b as _datalist,
-  h 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,
-  w as affixes,
+  $ as _checked,
+  m as _datalist,
+  v as _drawer,
+  g as _errorsummary,
+  q as _indeterminate,
+  H as _scrollMask,
+  F as _scrollShadow,
+  A as _skeleton,
+  K as _toastClose,
+  L as _toastOpen,
+  N as _toastTimeout,
+  Q as _tooltip,
+  f as affixes,
   _ as alert,
-  s as app,
-  t as avatar,
+  t as app,
+  s as avatar,
   o as badge,
-  Y as body,
+  Z as body,
   e as breadcrumbs,
-  l as button,
-  a as card,
-  i as chip,
-  $ as default,
-  d as details,
-  c as dialog,
+  n 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,
-  z as helptext,
-  V as info,
-  R 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
+  b as errorsummary,
+  u as field,
+  k as fieldset,
+  w as flex,
+  x as grid,
+  i as group,
+  R as heading,
+  h as helptext,
+  W as info,
+  U as ingress,
+  y as input,
+  C as link,
+  M as logo,
+  O as map,
+  V as muted,
+  S as pagination,
+  T as popover,
+  j as progress,
+  X as prose,
+  z 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/table/table.js

@@ -1,5 +1,5 @@
 import { jsx as t } from "react/jsx-runtime";
-import { clsx as d } from "../external/clsx/dist/clsx.js";
+import d from "clsx";
 import { forwardRef as s } from "react";
 import i from "../styles.module.css.js";
 const l = {

package/mtds/tag/tag.js

@@ -1,5 +1,5 @@
 import { jsx as f } from "react/jsx-runtime";
-import { clsx as s } from "../external/clsx/dist/clsx.js";
+import s 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) {

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-helper.js

@@ -1,4 +1,4 @@
-import { clsx as m } from "../external/clsx/dist/clsx.js";
+import m from "clsx";
 import l from "../styles.module.css.js";
 import { tag as f, attr as s } from "../utils.js";
 function r(e, o = {}) {

package/mtds/toast/toast.js

@@ -1,6 +1,6 @@
 'use client';
 import { jsx as m } from "react/jsx-runtime";
-import { clsx as u } from "../external/clsx/dist/clsx.js";
+import u from "clsx";
 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";

package/mtds/togglegroup/togglegroup.js

@@ -1,5 +1,5 @@
 import { jsx as t, jsxs as i } from "react/jsx-runtime";
-import { clsx as u } from "../external/clsx/dist/clsx.js";
+import u from "clsx";
 import { forwardRef as g } from "react";
 import c from "../styles.module.css.js";
 const f = g(

package/mtds/tooltip/tooltip-observer.js

@@ -1,4 +1,4 @@
-import { flip as I, shift as h } from "../external/@floating-ui/dom/dist/floating-ui.dom.js";
+import { flip as I, shift as h } from "@floating-ui/dom";
 import w from "../styles.module.css.js";
 import { IS_BROWSER as C, tag as O, onLoaded as y, on as s, QUICK_EVENT as r, attr as a, anchorPosition as u } from "../utils.js";
 const m = "aria-describedby", p = "Escape", d = "aria-labelledby", A = "--mtds-tooltip-position", P = 300, T = "mtds-tooltip", o = C ? document.getElementById(T) || O("div", {

package/mtds/typography/typography.js

@@ -1,5 +1,5 @@
 import { jsx as r } from "react/jsx-runtime";
-import { clsx as a } from "../external/clsx/dist/clsx.js";
+import a from "clsx";
 import { forwardRef as e } from "react";
 import c from "../styles.module.css.js";
 const d = e(function({ as: n, className: s, ...o }, t) {

package/mtds/utils.js

@@ -1,5 +1,5 @@
-import { autoUpdate as p, computePosition as w } from "./external/@floating-ui/dom/dist/floating-ui.dom.js";
-import { clsx as E } from "./external/clsx/dist/clsx.js";
+import { autoUpdate as p, computePosition as w } from "@floating-ui/dom";
+import E from "clsx";
 const S = { capture: !0, passive: !0 }, f = typeof window < "u" && typeof document < "u";
 function h(t, e) {
   let n;

package/mtds/validation/validation.js

@@ -1,5 +1,5 @@
 import { jsx as t } from "react/jsx-runtime";
-import { clsx as a } from "../external/clsx/dist/clsx.js";
+import a from "clsx";
 import { forwardRef as n } from "react";
 import s from "../styles.module.css.js";
 const l = n(

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@mattilsynet/design",
-	"version": "2.2.5",
+	"version": "2.2.7",
 	"type": "module",
 	"main": "./mtds/index.js",
 	"types": "./mtds/index.d.ts",
@@ -20,18 +20,23 @@
 			"import": "./mtds/react.js",
 			"types": "./mtds/react.d.ts"
 		},
+		"./map": {
+			"import": "./mtds/map.js",
+			"types": "./mtds/map.d.ts"
+		},
 		"./*.svg": "./mtds/*.svg",
 		"./*.ico": "./mtds/*.ico",
 		"./icons/*": "./mtds/icons/*",
 		"./illustrations/*": "./mtds/illustrations/*",
 		"./index.iife.js": "./mtds/index.iife.js",
+		"./map.iife.js": "./mtds/map.iife.js",
 		"./package.json": "./package.json",
 		"./styles.css": "./mtds/styles.css",
 		"./styles.json": "./mtds/styles.json",
 		"./tailwind.css": "./mtds/tailwind.css"
 	},
 	"scripts": {
-		"build": "vite build --mode iife && vite build && rm -rf mtds/docs/ && rm -rf mtds/iife.css",
+		"build": "vite build --mode iife && vite build --mode iife-map && vite build && rm -rf mtds/docs/ && rm -rf mtds/iife.css",
 		"build:tokens": "npx @digdir/designsystemet tokens build",
 		"format": "npx @biomejs/biome format",
 		"lint": "npx @biomejs/biome lint",
@@ -42,20 +47,20 @@
 	},
 	"devDependencies": {
 		"@biomejs/biome": "^2.2.4",
-		"@digdir/designsystemet": "^1.5.1",
-		"@digdir/designsystemet-css": "^1.5.1",
+		"@digdir/designsystemet": "^1.6.0",
+		"@digdir/designsystemet-css": "^1.6.0",
 		"@phosphor-icons/core": "^2.1.1",
 		"@phosphor-icons/react": "^2.1.10",
 		"@storybook/addon-docs": "^9.1.8",
 		"@storybook/addon-themes": "^9.1.8",
 		"@storybook/react-vite": "^9.1.8",
 		"@tanstack/react-table": "^8.21.3",
-		"@types/node": "^24.5.2",
-		"@types/react": "^19.1.13",
+		"@types/leaflet": "^1.9.20",
+		"@types/node": "^24.6.0",
+		"@types/react": "^19.1.16",
 		"@types/react-dom": "^19.1.9",
-		"@vitejs/plugin-react": "^5.0.3",
+		"@vitejs/plugin-react": "^5.0.4",
 		"fast-glob": "^3.3.3",
-		"ol": "^10.6.1",
 		"postcss": "^8.5.6",
 		"postcss-nesting": "^13.0.2",
 		"react": "^19.1.1",
@@ -72,7 +77,8 @@
 		"@u-elements/u-details": "^0.1.5",
 		"@u-elements/u-progress": "^0.0.6",
 		"@u-elements/u-tabs": "^0.0.12",
-		"clsx": "^2.1.1"
+		"clsx": "^2.1.1",
+		"leaflet": "^1.9.4"
 	},
 	"overrides": {
 		"ansi-regex": "^6.2.2",