@mattilsynet/design 2.2.6 → 2.2.7

package/mtds/styles.json

@@ -1,44 +1,44 @@
 {
-  "alert": "_alert_1a0v1_1 _ds-alert_nwz76_3",
+  "alert": "_alert_1a0v1_1 _ds-alert_14b25_3",
   "app": "_app_1a0v1_1",
   "sticky": "_sticky_1a0v1_1",
-  "avatar": "_avatar_1a0v1_1 _ds-avatar_nwz76_1",
+  "avatar": "_avatar_1a0v1_1 _ds-avatar_14b25_1",
   "badge": "_badge_1a0v1_1",
-  "breadcrumbs": "_breadcrumbs_1a0v1_1 _ds-breadcrumbs_nwz76_5",
-  "button": "_button_1a0v1_1 _ds-button_nwz76_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_nwz76_5",
-  "details": "_details_1a0v1_1 _ds-details_nwz76_3",
-  "dialog": "_dialog_1a0v1_1 _ds-dialog_nwz76_5",
+  "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_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",
+  "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_nwz76_5",
+  "pagination": "_pagination_1a0v1_1 _ds-pagination_14b25_5",
   "popover": "_popover_1a0v1_1",
   "progress": "_progress_1a0v1_1",
-  "skeleton": "_skeleton_1a0v1_1 _ds-skeleton_nwz76_5",
+  "skeleton": "_skeleton_1a0v1_1 _ds-skeleton_14b25_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",
+  "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_nwz76_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_nwz76_1",
+  "validation": "_validation_1a0v1_1 _ds-validation-message_14b25_1",
   "body": "_body_1a0v1_173"
 }

package/mtds/styles.module.css.js

@@ -1,11 +1,11 @@
-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", __ = {
+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: t,
   sticky: a,
   avatar: s,
   badge: o,
-  breadcrumbs: n,
-  button: e,
+  breadcrumbs: e,
+  button: n,
   card: r,
   group: i,
   chip: d,
@@ -13,24 +13,24 @@ const _ = "_alert_1a0v1_1 _ds-alert_nwz76_3", t = "_app_1a0v1_1", a = "_sticky_1
   dialog: l,
   _drawer: v,
   divider: p,
-  errorsummary: g,
-  _errorsummary: u,
-  field: m,
-  _datalist: b,
-  affixes: w,
-  fieldset: f,
-  helptext: z,
-  input: k,
-  grid: h,
-  flex: y,
-  link: x,
-  logo: C,
-  map: M,
-  pagination: O,
-  popover: S,
-  progress: T,
-  _indeterminate: j,
-  skeleton: q,
+  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,
@@ -56,10 +56,10 @@ const _ = "_alert_1a0v1_1 _ds-alert_nwz76_3", t = "_app_1a0v1_1", a = "_sticky_1
 };
 export {
   $ as _checked,
-  b as _datalist,
+  m as _datalist,
   v as _drawer,
-  u as _errorsummary,
-  j as _indeterminate,
+  g as _errorsummary,
+  q as _indeterminate,
   H as _scrollMask,
   F as _scrollShadow,
   A as _skeleton,
@@ -67,40 +67,40 @@ export {
   L as _toastOpen,
   N as _toastTimeout,
   Q as _tooltip,
-  w as affixes,
+  f as affixes,
   _ as alert,
   t as app,
   s as avatar,
   o as badge,
   Z as body,
-  n as breadcrumbs,
-  e as button,
+  e as breadcrumbs,
+  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,
-  h as grid,
+  b as errorsummary,
+  u as field,
+  k as fieldset,
+  w as flex,
+  x as grid,
   i as group,
   R as heading,
-  z as helptext,
+  h as helptext,
   W as info,
   U as ingress,
-  k as input,
-  x as link,
-  C as logo,
-  M as map,
+  y as input,
+  C as link,
+  M as logo,
+  O as map,
   V as muted,
-  O as pagination,
-  S as popover,
-  T as progress,
+  S as pagination,
+  T as popover,
+  j as progress,
   X as prose,
-  q as skeleton,
+  z as skeleton,
   B as spinner,
   D as steps,
   a as sticky,

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/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.6",
+	"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",