@mattilsynet/design 2.1.5 → 2.1.7

package/mtds/styles.json

@@ -1,42 +1,42 @@
 {
-  "alert": "_alert_1run0_1 _ds-alert_wy3tx_1",
+  "alert": "_alert_1run0_1 _ds-alert_alzsp_1",
   "app": "_app_1run0_1",
   "sticky": "_sticky_1run0_1",
-  "avatar": "_avatar_1run0_1 _ds-avatar_wy3tx_1",
+  "avatar": "_avatar_1run0_1 _ds-avatar_alzsp_1",
   "badge": "_badge_1run0_1",
-  "breadcrumbs": "_breadcrumbs_1run0_1 _ds-breadcrumbs_wy3tx_1",
-  "button": "_button_1run0_1 _ds-button_wy3tx_1",
+  "breadcrumbs": "_breadcrumbs_1run0_1 _ds-breadcrumbs_alzsp_1",
+  "button": "_button_1run0_1 _ds-button_alzsp_1",
   "card": "_card_1run0_1",
   "group": "_group_1run0_1",
-  "chip": "_chip_1run0_1 _ds-chip_wy3tx_1",
-  "details": "_details_1run0_1 _ds-details_wy3tx_1",
-  "dialog": "_dialog_1run0_1 _ds-dialog_wy3tx_1",
+  "chip": "_chip_1run0_1 _ds-chip_alzsp_1",
+  "details": "_details_1run0_1 _ds-details_alzsp_1",
+  "dialog": "_dialog_1run0_1 _ds-dialog_alzsp_1",
   "divider": "_divider_1run0_1",
-  "errorsummary": "_errorsummary_1run0_1 _ds-error-summary_wy3tx_1",
-  "field": "_field_1run0_1 _ds-field_wy3tx_1",
-  "affixes": "_affixes_1run0_1 _ds-field-affixes_wy3tx_1",
-  "fieldset": "_fieldset_1run0_1 _ds-fieldset_wy3tx_1",
-  "heading": "_heading_1run0_1 _ds-heading_wy3tx_1",
+  "errorsummary": "_errorsummary_1run0_1 _ds-error-summary_alzsp_1",
+  "field": "_field_1run0_1 _ds-field_alzsp_1",
+  "affixes": "_affixes_1run0_1 _ds-field-affixes_alzsp_1",
+  "fieldset": "_fieldset_1run0_1 _ds-fieldset_alzsp_1",
+  "heading": "_heading_1run0_1 _ds-heading_alzsp_1",
   "ingress": "_ingress_1run0_1",
   "muted": "_muted_1run0_1",
   "info": "_info_1run0_1",
   "prose": "_prose_1run0_1",
-  "helptext": "_helptext_1run0_1 _ds-focus_wy3tx_1",
-  "input": "_input_1run0_1 _ds-input_wy3tx_1",
+  "helptext": "_helptext_1run0_1 _ds-focus_alzsp_1",
+  "input": "_input_1run0_1 _ds-input_alzsp_1",
   "grid": "_grid_1run0_1",
   "flex": "_flex_1run0_1",
   "link": "_link_1run0_1",
   "logo": "_logo_1run0_1",
-  "pagination": "_pagination_1run0_1 _ds-pagination_wy3tx_1",
+  "pagination": "_pagination_1run0_1 _ds-pagination_alzsp_1",
   "popover": "_popover_1run0_1",
   "progress": "_progress_1run0_1",
-  "skeleton": "_skeleton_1run0_1 _ds-skeleton_wy3tx_1",
+  "skeleton": "_skeleton_1run0_1 _ds-skeleton_alzsp_1",
   "spinner": "_spinner_1run0_1",
   "steps": "_steps_1run0_1",
-  "table": "_table_1run0_1 _ds-table_wy3tx_1",
-  "tabs": "_tabs_1run0_1 _ds-tabs_wy3tx_1",
-  "tag": "_tag_1run0_1 _ds-tag_wy3tx_1",
+  "table": "_table_1run0_1 _ds-table_alzsp_1",
+  "tabs": "_tabs_1run0_1 _ds-tabs_alzsp_1",
+  "tag": "_tag_1run0_1 _ds-tag_alzsp_1",
   "togglegroup": "_togglegroup_1run0_1",
-  "validation": "_validation_1run0_1 _ds-validation-message_wy3tx_1",
+  "validation": "_validation_1run0_1 _ds-validation-message_alzsp_1",
   "body": "_body_1run0_153"
 }

package/mtds/styles.module.css.js

@@ -1,33 +1,33 @@
-const _ = "_alert_1run0_1 _ds-alert_wy3tx_1", t = "_app_1run0_1", n = "_sticky_1run0_1", s = "_avatar_1run0_1 _ds-avatar_wy3tx_1", r = "_badge_1run0_1", o = "_breadcrumbs_1run0_1 _ds-breadcrumbs_wy3tx_1", e = "_button_1run0_1 _ds-button_wy3tx_1", a = "_card_1run0_1", d = "_group_1run0_1", i = "_chip_1run0_1 _ds-chip_wy3tx_1", u = "_details_1run0_1 _ds-details_wy3tx_1", c = "_dialog_1run0_1 _ds-dialog_wy3tx_1", l = "__drawer_1run0_1", p = "_divider_1run0_1", g = "_errorsummary_1run0_1 _ds-error-summary_wy3tx_1", y = "__errorsummary_1run0_1", x = "_field_1run0_1 _ds-field_wy3tx_1", b = "__datalist_1run0_1", w = "_affixes_1run0_1 _ds-field-affixes_wy3tx_1", f = "_fieldset_1run0_1 _ds-fieldset_wy3tx_1", m = "_heading_1run0_1 _ds-heading_wy3tx_1", k = "_ingress_1run0_1", h = "_muted_1run0_1", v = "_info_1run0_1", M = "_prose_1run0_1", S = "_helptext_1run0_1 _ds-focus_wy3tx_1", j = "_input_1run0_1 _ds-input_wy3tx_1", q = "_grid_1run0_1", z = "_flex_1run0_1", A = "_link_1run0_1", B = "_logo_1run0_1", C = "_pagination_1run0_1 _ds-pagination_wy3tx_1", D = "_popover_1run0_1", E = "_progress_1run0_1", F = "__indeterminate_1run0_1", G = "_skeleton_1run0_1 _ds-skeleton_wy3tx_1", H = "__skeleton_1run0_1", I = "_spinner_1run0_1", J = "_steps_1run0_1", K = "_table_1run0_1 _ds-table_wy3tx_1", L = "__scrollShadow_1run0_1", N = "_tabs_1run0_1 _ds-tabs_wy3tx_1", O = "__scrollMask_1run0_1", P = "_tag_1run0_1 _ds-tag_wy3tx_1", Q = "_togglegroup_1run0_1", R = "__tooltip_1run0_1", T = "_validation_1run0_1 _ds-validation-message_wy3tx_1", U = "_body_1run0_153", V = "__checked_1run0_1", W = {
+const _ = "_alert_1run0_1 _ds-alert_alzsp_1", s = "_app_1run0_1", n = "_sticky_1run0_1", t = "_avatar_1run0_1 _ds-avatar_alzsp_1", r = "_badge_1run0_1", o = "_breadcrumbs_1run0_1 _ds-breadcrumbs_alzsp_1", a = "_button_1run0_1 _ds-button_alzsp_1", e = "_card_1run0_1", l = "_group_1run0_1", d = "_chip_1run0_1 _ds-chip_alzsp_1", i = "_details_1run0_1 _ds-details_alzsp_1", u = "_dialog_1run0_1 _ds-dialog_alzsp_1", c = "__drawer_1run0_1", p = "_divider_1run0_1", g = "_errorsummary_1run0_1 _ds-error-summary_alzsp_1", b = "__errorsummary_1run0_1", f = "_field_1run0_1 _ds-field_alzsp_1", m = "__datalist_1run0_1", z = "_affixes_1run0_1 _ds-field-affixes_alzsp_1", k = "_fieldset_1run0_1 _ds-fieldset_alzsp_1", h = "_heading_1run0_1 _ds-heading_alzsp_1", v = "_ingress_1run0_1", y = "_muted_1run0_1", x = "_info_1run0_1", w = "_prose_1run0_1", M = "_helptext_1run0_1 _ds-focus_alzsp_1", S = "_input_1run0_1 _ds-input_alzsp_1", j = "_grid_1run0_1", q = "_flex_1run0_1", A = "_link_1run0_1", B = "_logo_1run0_1", C = "_pagination_1run0_1 _ds-pagination_alzsp_1", D = "_popover_1run0_1", E = "_progress_1run0_1", F = "__indeterminate_1run0_1", G = "_skeleton_1run0_1 _ds-skeleton_alzsp_1", H = "__skeleton_1run0_1", I = "_spinner_1run0_1", J = "_steps_1run0_1", K = "_table_1run0_1 _ds-table_alzsp_1", L = "__scrollShadow_1run0_1", N = "_tabs_1run0_1 _ds-tabs_alzsp_1", O = "__scrollMask_1run0_1", P = "_tag_1run0_1 _ds-tag_alzsp_1", Q = "_togglegroup_1run0_1", R = "__tooltip_1run0_1", T = "_validation_1run0_1 _ds-validation-message_alzsp_1", U = "_body_1run0_153", V = "__checked_1run0_1", W = {
   alert: _,
-  app: t,
+  app: s,
   sticky: n,
-  avatar: s,
+  avatar: t,
   badge: r,
   breadcrumbs: o,
-  button: e,
-  card: a,
-  group: d,
-  chip: i,
-  details: u,
-  dialog: c,
-  _drawer: l,
+  button: a,
+  card: e,
+  group: l,
+  chip: d,
+  details: i,
+  dialog: u,
+  _drawer: c,
   divider: p,
   errorsummary: g,
-  _errorsummary: y,
-  field: x,
-  _datalist: b,
-  affixes: w,
-  fieldset: f,
-  heading: m,
-  ingress: k,
-  muted: h,
-  info: v,
-  prose: M,
-  helptext: S,
-  input: j,
-  grid: q,
-  flex: z,
+  _errorsummary: b,
+  field: f,
+  _datalist: m,
+  affixes: z,
+  fieldset: k,
+  heading: h,
+  ingress: v,
+  muted: y,
+  info: x,
+  prose: w,
+  helptext: M,
+  input: S,
+  grid: j,
+  flex: q,
   link: A,
   logo: B,
   pagination: C,
@@ -51,46 +51,46 @@ const _ = "_alert_1run0_1 _ds-alert_wy3tx_1", t = "_app_1run0_1", n = "_sticky_1
 };
 export {
   V as _checked,
-  b as _datalist,
-  l as _drawer,
-  y as _errorsummary,
+  m as _datalist,
+  c as _drawer,
+  b as _errorsummary,
   F as _indeterminate,
   O as _scrollMask,
   L as _scrollShadow,
   H as _skeleton,
   R as _tooltip,
-  w as affixes,
+  z as affixes,
   _ as alert,
-  t as app,
-  s as avatar,
+  s as app,
+  t as avatar,
   r as badge,
   U as body,
   o as breadcrumbs,
-  e as button,
-  a as card,
-  i as chip,
+  a as button,
+  e as card,
+  d as chip,
   W as default,
-  u as details,
-  c as dialog,
+  i as details,
+  u as dialog,
   p as divider,
   g as errorsummary,
-  x as field,
-  f as fieldset,
-  z as flex,
-  q as grid,
-  d as group,
-  m as heading,
-  S as helptext,
-  v as info,
-  k as ingress,
-  j as input,
+  f as field,
+  k as fieldset,
+  q as flex,
+  j as grid,
+  l as group,
+  h as heading,
+  M as helptext,
+  x as info,
+  v as ingress,
+  S as input,
   A as link,
   B as logo,
-  h as muted,
+  y as muted,
   C as pagination,
   D as popover,
   E as progress,
-  M as prose,
+  w as prose,
   G as skeleton,
   I as spinner,
   J as steps,

package/mtds/table/table-observer.js

@@ -1,23 +1,19 @@
 import s from "../styles.module.css.js";
-import { onLoaded as i, onMutation as f, attr as o } from "../utils.js";
+import { onLoaded as c, onMutation as a, attr as f } from "../utils.js";
 const d = s.table.split(" ")[0];
-function m(a) {
-  for (const t of a) {
-    const n = [];
-    o(t, "role", "table"), t.caption && o(t.caption, "role", "caption");
-    for (const r of [t.tHead, t.tFoot, ...t.tBodies])
-      if (r) {
-        o(r, "role", "rowgroup");
-        const l = r.nodeName === "TBODY";
-        for (const c of r.rows) {
-          o(c, "role", "row");
-          for (const e of c.cells)
-            l ? o(e, "data-th", n[e.cellIndex] || ":empty") : n.push(e.innerText.trim()), e.nodeName === "TD" ? o(e, "role", "cell") : (o(e, "role", l ? "rowheader" : "columnheader"), o(e, "scope", l ? "row" : "col"));
-        }
-      }
+function m(n) {
+  for (const t of n) {
+    const r = Array.from(
+      t.tHead?.rows[0]?.cells || [],
+      (o) => o.innerText.trim()
+    );
+    for (const o of t.tBodies)
+      for (const l of o.rows)
+        for (const e of l.cells)
+          f(e, "data-th", r[e.cellIndex] || ":empty");
   }
 }
-i(
-  () => f(document.documentElement, d, m)
+c(
+  () => a(document.documentElement, d, m)
 );
 //# sourceMappingURL=table-observer.js.map

package/mtds/table/table-observer.js.map

@@ -1 +1 @@
-{"version":3,"file":"table-observer.js","sources":["../../designsystem/table/table-observer.ts"],"sourcesContent":["import styles from \"../styles.module.css\";\nimport { attr, onLoaded, onMutation } from \"../utils\";\n\nconst CSS_TABLE = styles.table.split(\" \")[0];\n\nfunction handleTableMutation(tables: HTMLCollectionOf<HTMLTableElement>) {\n\tfor (const table of tables) {\n\t\tconst ths: string[] = []; // Add data-th=\"\" to each cell to support data-mobile designs\n\n\t\tattr(table, \"role\", \"table\"); // Add helping role=\"\" to ensure screen readers understand the table regardless of CSS display\n\t\tif (table.caption) attr(table.caption, \"role\", \"caption\");\n\t\tfor (const group of [table.tHead, table.tFoot, ...table.tBodies])\n\t\t\tif (group) {\n\t\t\t\tattr(group, \"role\", \"rowgroup\");\n\t\t\t\tconst isTbody = group.nodeName === \"TBODY\";\n\n\t\t\t\tfor (const row of group.rows) {\n\t\t\t\t\tattr(row, \"role\", \"row\");\n\t\t\t\t\tfor (const cell of row.cells) {\n\t\t\t\t\t\tif (isTbody) attr(cell, \"data-th\", ths[cell.cellIndex] || \":empty\");\n\t\t\t\t\t\telse ths.push(cell.innerText.trim()); // Using innerText to only include visible text\n\t\t\t\t\t\tif (cell.nodeName === \"TD\") attr(cell, \"role\", \"cell\");\n\t\t\t\t\t\telse {\n\t\t\t\t\t\t\tattr(cell, \"role\", isTbody ? \"rowheader\" : \"columnheader\");\n\t\t\t\t\t\t\tattr(cell, \"scope\", isTbody ? \"row\" : \"col\");\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t}\n}\n\nonLoaded(() =>\n\tonMutation(document.documentElement, CSS_TABLE, handleTableMutation),\n);\n"],"names":["CSS_TABLE","styles","handleTableMutation","tables","table","ths","attr","group","isTbody","row","cell","onLoaded","onMutation"],"mappings":";;AAGA,MAAMA,IAAYC,EAAO,MAAM,MAAM,GAAG,EAAE,CAAC;AAE3C,SAASC,EAAoBC,GAA4C;AACxE,aAAWC,KAASD,GAAQ;AAC3B,UAAME,IAAgB,CAAA;AAEtB,IAAAC,EAAKF,GAAO,QAAQ,OAAO,GACvBA,EAAM,WAASE,EAAKF,EAAM,SAAS,QAAQ,SAAS;AACxD,eAAWG,KAAS,CAACH,EAAM,OAAOA,EAAM,OAAO,GAAGA,EAAM,OAAO;AAC9D,UAAIG,GAAO;AACV,QAAAD,EAAKC,GAAO,QAAQ,UAAU;AAC9B,cAAMC,IAAUD,EAAM,aAAa;AAEnC,mBAAWE,KAAOF,EAAM,MAAM;AAC7B,UAAAD,EAAKG,GAAK,QAAQ,KAAK;AACvB,qBAAWC,KAAQD,EAAI;AACtB,YAAID,MAAcE,GAAM,WAAWL,EAAIK,EAAK,SAAS,KAAK,QAAQ,IAC7DL,EAAI,KAAKK,EAAK,UAAU,MAAM,GAC/BA,EAAK,aAAa,OAAMJ,EAAKI,GAAM,QAAQ,MAAM,KAEpDJ,EAAKI,GAAM,QAAQF,IAAU,cAAc,cAAc,GACzDF,EAAKI,GAAM,SAASF,IAAU,QAAQ,KAAK;AAAA,QAG9C;AAAA,MACD;AAAA,EACF;AACD;AAEAG;AAAA,EAAS,MACRC,EAAW,SAAS,iBAAiBZ,GAAWE,CAAmB;AACpE;"}
+{"version":3,"file":"table-observer.js","sources":["../../designsystem/table/table-observer.ts"],"sourcesContent":["import styles from \"../styles.module.css\";\nimport { attr, onLoaded, onMutation } from \"../utils\";\n\nconst CSS_TABLE = styles.table.split(\" \")[0];\n\nfunction handleTableMutation(tables: HTMLCollectionOf<HTMLTableElement>) {\n\tfor (const table of tables) {\n\t\tconst ths = Array.from(table.tHead?.rows[0]?.cells || [], (th) =>\n\t\t\tth.innerText.trim(),\n\t\t);\n\n\t\tfor (const tbody of table.tBodies)\n\t\t\tfor (const row of tbody.rows)\n\t\t\t\tfor (const cell of row.cells)\n\t\t\t\t\tattr(cell, \"data-th\", ths[cell.cellIndex] || \":empty\");\n\t}\n}\n\nonLoaded(() =>\n\tonMutation(document.documentElement, CSS_TABLE, handleTableMutation),\n);\n"],"names":["CSS_TABLE","styles","handleTableMutation","tables","table","ths","th","tbody","row","cell","attr","onLoaded","onMutation"],"mappings":";;AAGA,MAAMA,IAAYC,EAAO,MAAM,MAAM,GAAG,EAAE,CAAC;AAE3C,SAASC,EAAoBC,GAA4C;AACxE,aAAWC,KAASD,GAAQ;AAC3B,UAAME,IAAM,MAAM;AAAA,MAAKD,EAAM,OAAO,KAAK,CAAC,GAAG,SAAS,CAAA;AAAA,MAAI,CAACE,MAC1DA,EAAG,UAAU,KAAA;AAAA,IAAK;AAGnB,eAAWC,KAASH,EAAM;AACzB,iBAAWI,KAAOD,EAAM;AACvB,mBAAWE,KAAQD,EAAI;AACtB,UAAAE,EAAKD,GAAM,WAAWJ,EAAII,EAAK,SAAS,KAAK,QAAQ;AAAA,EACzD;AACD;AAEAE;AAAA,EAAS,MACRC,EAAW,SAAS,iBAAiBZ,GAAWE,CAAmB;AACpE;"}

package/mtds/tag/tag.d.ts

@@ -1,6 +1,8 @@
 import { JSX } from 'react';
 import { PolymorphicComponentPropWithRef } from '../react-types';
-export type TagProps<Href, As extends React.ElementType = Href extends string ? "a" : "span"> = PolymorphicComponentPropWithRef<As>;
+export type TagProps<Href, As extends React.ElementType = Href extends string ? "a" : "span"> = PolymorphicComponentPropWithRef<As, {
+    'data-icon'?: 'none';
+}>;
 type TagComponent = <Href, As extends React.ElementType = Href extends string ? "a" : "span">(props: TagProps<Href, As>) => JSX.Element;
 export declare const Tag: TagComponent;
 export {};

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<As>;\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":";;;;AAoBO,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<As, { 'data-icon'?: 'none' }>;\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":";;;;AAoBO,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;"}

package/mtds/typography/typography.d.ts

@@ -13,7 +13,9 @@ export declare const Muted: MutedComponent;
 export type IngressProps<As extends React.ElementType = "span"> = PolymorphicComponentPropWithRef<As>;
 type IngressComponent = <As extends React.ElementType = "span">(props: MutedProps<As>) => JSX.Element;
 export declare const Ingress: IngressComponent;
-export type InfoProps<As extends React.ElementType = "span"> = PolymorphicComponentPropWithRef<As>;
+export type InfoProps<As extends React.ElementType = "span"> = PolymorphicComponentPropWithRef<As, {
+    "data-variant"?: "regular" | "circle";
+}>;
 type InfoComponent = <As extends React.ElementType = "span">(props: MutedProps<As>) => JSX.Element;
 export declare const Info: InfoComponent;
 export {};

package/mtds/typography/typography.js.map

@@ -1 +1 @@
-{"version":3,"file":"typography.js","sources":["../../designsystem/typography/typography.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 HeadingSizes = \"2xs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\";\nexport type HeadingProps<As extends React.ElementType = \"h2\"> =\n\tPolymorphicComponentPropWithRef<\n\t\tAs,\n\t\t{\n\t\t\t\"data-size\"?: HeadingSizes;\n\t\t\t\"data-justify\"?: \"start\" | \"center\";\n\t\t}\n\t>;\n\ntype HeadingComponent = <As extends React.ElementType = \"h2\">(\n\tprops: HeadingProps<As>,\n) => JSX.Element;\n\nexport const Heading: HeadingComponent = forwardRef<null>(function Heading<\n\tAs extends React.ElementType = \"h2\",\n>({ as, className, ...rest }: HeadingProps<As>, ref?: PolymorphicRef<As>) {\n\tconst Tag = as || \"h2\";\n\n\treturn (\n\t\t<Tag className={clsx(styles.heading, className)} ref={ref} {...rest} />\n\t);\n}) as HeadingComponent; // Needed to tell Typescript this does not return ReactNode but acutally JSX.Element\n\nexport type MutedProps<As extends React.ElementType = \"small\"> =\n\tPolymorphicComponentPropWithRef<As>;\n\ntype MutedComponent = <As extends React.ElementType = \"small\">(\n\tprops: MutedProps<As>,\n) => JSX.Element;\n\nexport const Muted: MutedComponent = forwardRef<null>(function Muted<\n\tAs extends React.ElementType = \"small\",\n>({ as, className, ...rest }: MutedProps<As>, ref?: PolymorphicRef<As>) {\n\tconst Tag = as || \"small\";\n\treturn <Tag className={clsx(styles.muted, className)} ref={ref} {...rest} />;\n}) as MutedComponent; // Needed to tell Typescript this does not return ReactNode but acutally JSX.Element\n\nexport type IngressProps<As extends React.ElementType = \"span\"> =\n\tPolymorphicComponentPropWithRef<As>;\n\ntype IngressComponent = <As extends React.ElementType = \"span\">(\n\tprops: MutedProps<As>,\n) => JSX.Element;\n\nexport const Ingress: IngressComponent = forwardRef<null>(function Ingress<\n\tAs extends React.ElementType = \"span\",\n>({ as, className, ...rest }: IngressProps<As>, ref?: PolymorphicRef<As>) {\n\tconst Tag = as || \"span\";\n\treturn (\n\t\t<Tag className={clsx(styles.ingress, className)} ref={ref} {...rest} />\n\t);\n}) as IngressComponent; // Needed to tell Typescript this does not return ReactNode but acutally JSX.Element\n\nexport type InfoProps<As extends React.ElementType = \"span\"> =\n\tPolymorphicComponentPropWithRef<As>;\n\ntype InfoComponent = <As extends React.ElementType = \"span\">(\n\tprops: MutedProps<As>,\n) => JSX.Element;\n\nexport const Info: InfoComponent = forwardRef<null>(function Info<\n\tAs extends React.ElementType = \"span\",\n>({ as, className, ...rest }: InfoProps<As>, ref?: PolymorphicRef<As>) {\n\tconst Tag = as || \"span\";\n\treturn <Tag className={clsx(styles.info, className)} ref={ref} {...rest} />;\n}) as InfoComponent; // Needed to tell Typescript this does not return ReactNode but acutally JSX.Element\n"],"names":["Heading","forwardRef","as","className","rest","ref","jsx","clsx","styles","Muted","Ingress","Info"],"mappings":";;;;AAsBO,MAAMA,IAA4BC,EAAiB,SAExD,EAAE,IAAAC,GAAI,WAAAC,GAAW,GAAGC,EAAA,GAA0BC,GAA0B;AAGzE,SACC,gBAAAC,EAHWJ,KAAM,MAGhB,EAAI,WAAWK,EAAKC,EAAO,SAASL,CAAS,GAAG,KAAAE,GAAW,GAAGD,EAAA,CAAM;AAEvE,CAAC,GASYK,IAAwBR,EAAiB,SAEpD,EAAE,IAAAC,GAAI,WAAAC,GAAW,GAAGC,EAAA,GAAwBC,GAA0B;AAEvE,SAAO,gBAAAC,EADKJ,KAAM,SACV,EAAI,WAAWK,EAAKC,EAAO,OAAOL,CAAS,GAAG,KAAAE,GAAW,GAAGD,EAAA,CAAM;AAC3E,CAAC,GASYM,IAA4BT,EAAiB,SAExD,EAAE,IAAAC,GAAI,WAAAC,GAAW,GAAGC,EAAA,GAA0BC,GAA0B;AAEzE,SACC,gBAAAC,EAFWJ,KAAM,QAEhB,EAAI,WAAWK,EAAKC,EAAO,SAASL,CAAS,GAAG,KAAAE,GAAW,GAAGD,EAAA,CAAM;AAEvE,CAAC,GASYO,IAAsBV,EAAiB,SAElD,EAAE,IAAAC,GAAI,WAAAC,GAAW,GAAGC,EAAA,GAAuBC,GAA0B;AAEtE,SAAO,gBAAAC,EADKJ,KAAM,QACV,EAAI,WAAWK,EAAKC,EAAO,MAAML,CAAS,GAAG,KAAAE,GAAW,GAAGD,EAAA,CAAM;AAC1E,CAAC;"}
+{"version":3,"file":"typography.js","sources":["../../designsystem/typography/typography.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 HeadingSizes = \"2xs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\";\nexport type HeadingProps<As extends React.ElementType = \"h2\"> =\n\tPolymorphicComponentPropWithRef<\n\t\tAs,\n\t\t{\n\t\t\t\"data-size\"?: HeadingSizes;\n\t\t\t\"data-justify\"?: \"start\" | \"center\";\n\t\t}\n\t>;\n\ntype HeadingComponent = <As extends React.ElementType = \"h2\">(\n\tprops: HeadingProps<As>,\n) => JSX.Element;\n\nexport const Heading: HeadingComponent = forwardRef<null>(function Heading<\n\tAs extends React.ElementType = \"h2\",\n>({ as, className, ...rest }: HeadingProps<As>, ref?: PolymorphicRef<As>) {\n\tconst Tag = as || \"h2\";\n\n\treturn (\n\t\t<Tag className={clsx(styles.heading, className)} ref={ref} {...rest} />\n\t);\n}) as HeadingComponent; // Needed to tell Typescript this does not return ReactNode but acutally JSX.Element\n\nexport type MutedProps<As extends React.ElementType = \"small\"> =\n\tPolymorphicComponentPropWithRef<As>;\n\ntype MutedComponent = <As extends React.ElementType = \"small\">(\n\tprops: MutedProps<As>,\n) => JSX.Element;\n\nexport const Muted: MutedComponent = forwardRef<null>(function Muted<\n\tAs extends React.ElementType = \"small\",\n>({ as, className, ...rest }: MutedProps<As>, ref?: PolymorphicRef<As>) {\n\tconst Tag = as || \"small\";\n\treturn <Tag className={clsx(styles.muted, className)} ref={ref} {...rest} />;\n}) as MutedComponent; // Needed to tell Typescript this does not return ReactNode but acutally JSX.Element\n\nexport type IngressProps<As extends React.ElementType = \"span\"> =\n\tPolymorphicComponentPropWithRef<As>;\n\ntype IngressComponent = <As extends React.ElementType = \"span\">(\n\tprops: MutedProps<As>,\n) => JSX.Element;\n\nexport const Ingress: IngressComponent = forwardRef<null>(function Ingress<\n\tAs extends React.ElementType = \"span\",\n>({ as, className, ...rest }: IngressProps<As>, ref?: PolymorphicRef<As>) {\n\tconst Tag = as || \"span\";\n\treturn (\n\t\t<Tag className={clsx(styles.ingress, className)} ref={ref} {...rest} />\n\t);\n}) as IngressComponent; // Needed to tell Typescript this does not return ReactNode but acutally JSX.Element\n\nexport type InfoProps<As extends React.ElementType = \"span\"> =\n\tPolymorphicComponentPropWithRef<\n\t\tAs,\n\t\t{ \"data-variant\"?: \"regular\" | \"circle\" }\n\t>;\n\ntype InfoComponent = <As extends React.ElementType = \"span\">(\n\tprops: MutedProps<As>,\n) => JSX.Element;\n\nexport const Info: InfoComponent = forwardRef<null>(function Info<\n\tAs extends React.ElementType = \"span\",\n>({ as, className, ...rest }: InfoProps<As>, ref?: PolymorphicRef<As>) {\n\tconst Tag = as || \"span\";\n\treturn <Tag className={clsx(styles.info, className)} ref={ref} {...rest} />;\n}) as InfoComponent; // Needed to tell Typescript this does not return ReactNode but acutally JSX.Element\n"],"names":["Heading","forwardRef","as","className","rest","ref","jsx","clsx","styles","Muted","Ingress","Info"],"mappings":";;;;AAsBO,MAAMA,IAA4BC,EAAiB,SAExD,EAAE,IAAAC,GAAI,WAAAC,GAAW,GAAGC,EAAA,GAA0BC,GAA0B;AAGzE,SACC,gBAAAC,EAHWJ,KAAM,MAGhB,EAAI,WAAWK,EAAKC,EAAO,SAASL,CAAS,GAAG,KAAAE,GAAW,GAAGD,EAAA,CAAM;AAEvE,CAAC,GASYK,IAAwBR,EAAiB,SAEpD,EAAE,IAAAC,GAAI,WAAAC,GAAW,GAAGC,EAAA,GAAwBC,GAA0B;AAEvE,SAAO,gBAAAC,EADKJ,KAAM,SACV,EAAI,WAAWK,EAAKC,EAAO,OAAOL,CAAS,GAAG,KAAAE,GAAW,GAAGD,EAAA,CAAM;AAC3E,CAAC,GASYM,IAA4BT,EAAiB,SAExD,EAAE,IAAAC,GAAI,WAAAC,GAAW,GAAGC,EAAA,GAA0BC,GAA0B;AAEzE,SACC,gBAAAC,EAFWJ,KAAM,QAEhB,EAAI,WAAWK,EAAKC,EAAO,SAASL,CAAS,GAAG,KAAAE,GAAW,GAAGD,EAAA,CAAM;AAEvE,CAAC,GAYYO,IAAsBV,EAAiB,SAElD,EAAE,IAAAC,GAAI,WAAAC,GAAW,GAAGC,EAAA,GAAuBC,GAA0B;AAEtE,SAAO,gBAAAC,EADKJ,KAAM,QACV,EAAI,WAAWK,EAAKC,EAAO,MAAML,CAAS,GAAG,KAAAE,GAAW,GAAGD,EAAA,CAAM;AAC1E,CAAC;"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@mattilsynet/design",
-	"version": "2.1.5",
+	"version": "2.1.7",
 	"type": "module",
 	"main": "./mtds/index.js",
 	"types": "./mtds/index.d.ts",
@@ -41,36 +41,36 @@
 		"storybook:build": "npm run build && storybook build"
 	},
 	"devDependencies": {
-		"@biomejs/biome": "^2.2.0",
-		"@digdir/designsystemet": "^1.1.10",
-		"@digdir/designsystemet-css": "^1.1.10",
+		"@biomejs/biome": "^2.2.2",
+		"@digdir/designsystemet": "^1.3.0",
+		"@digdir/designsystemet-css": "^1.2.0",
 		"@phosphor-icons/core": "^2.1.1",
 		"@phosphor-icons/react": "^2.1.10",
-		"@storybook/addon-docs": "^9.1.2",
-		"@storybook/addon-themes": "^9.1.2",
-		"@storybook/react-vite": "^9.1.2",
+		"@storybook/addon-docs": "^9.1.3",
+		"@storybook/addon-themes": "^9.1.3",
+		"@storybook/react-vite": "^9.1.3",
 		"@tanstack/react-table": "^8.21.3",
 		"@types/node": "^24.3.0",
-		"@types/react": "^19.1.10",
-		"@types/react-dom": "^19.1.7",
+		"@types/react": "^19.1.11",
+		"@types/react-dom": "^19.1.8",
 		"@vitejs/plugin-react": "^5.0.1",
 		"fast-glob": "^3.3.3",
 		"postcss": "^8.5.6",
 		"postcss-nesting": "^13.0.2",
 		"react": "^19.1.1",
 		"react-dom": "^19.1.1",
-		"storybook": "^9.1.2",
+		"storybook": "^9.1.3",
 		"typescript": "^5.9.2",
 		"vite": "^7.1.3",
 		"vite-plugin-dts": "^4.5.4"
 	},
 	"dependencies": {
-		"@floating-ui/dom": "^1.7.3",
-		"@u-elements/u-combobox": "^1.0.0",
-		"@u-elements/u-datalist": "^1.0.13",
-		"@u-elements/u-details": "^0.1.2",
-		"@u-elements/u-progress": "^0.0.5",
-		"@u-elements/u-tabs": "^0.0.9",
+		"@floating-ui/dom": "^1.7.4",
+		"@u-elements/u-combobox": "^1.0.1",
+		"@u-elements/u-datalist": "^1.0.14",
+		"@u-elements/u-details": "^0.1.3",
+		"@u-elements/u-progress": "^0.0.6",
+		"@u-elements/u-tabs": "^0.0.12",
 		"clsx": "^2.1.1"
 	},
 	"overrides": {