@mattilsynet/design 0.2.11 → 0.2.13

package/mtds/styles.json

@@ -1,36 +1,36 @@
 {
-  "validation": "_validation_f0nxn_1 _ds-validation-message_1yo2l_1",
-  "tag": "_tag_f0nxn_1 _ds-tag_1yo2l_1",
-  "tabs": "_tabs_f0nxn_1",
-  "table": "_table_f0nxn_1 _ds-table_1yo2l_1",
-  "scrollShadow": "_scrollShadow_f0nxn_1",
-  "tableChildAdded": "_tableChildAdded_f0nxn_1",
-  "skeleton": "_skeleton_f0nxn_1 _ds-skeleton_1yo2l_1",
-  "popover": "_popover_f0nxn_1",
-  "pagination": "_pagination_f0nxn_1 _ds-pagination_1yo2l_1",
-  "modal": "_modal_f0nxn_1 _ds-modal_1yo2l_1",
-  "logo": "_logo_f0nxn_1 _ds-focus_1yo2l_1",
-  "link": "_link_f0nxn_1",
-  "grid": "_grid_f0nxn_1",
-  "flex": "_flex_f0nxn_1",
-  "box": "_box_f0nxn_1",
-  "input": "_input_f0nxn_1 _ds-input_1yo2l_1",
-  "fieldset": "_fieldset_f0nxn_1 _ds-fieldset_1yo2l_1",
-  "fieldsetValidationAdded": "_fieldsetValidationAdded_f0nxn_1",
-  "field": "_field_f0nxn_1 _ds-field_1yo2l_1",
-  "fieldChildAdded": "_fieldChildAdded_f0nxn_1",
-  "affixes": "_affixes_f0nxn_1 _ds-field-affixes_1yo2l_1",
-  "count": "_count_f0nxn_1",
-  "errorsummary": "_errorsummary_f0nxn_1 _ds-error-summary_1yo2l_1",
-  "details": "_details_f0nxn_1 _ds-details_1yo2l_1",
-  "chip": "_chip_f0nxn_1 _ds-chip_1yo2l_1",
-  "card": "_card_f0nxn_1",
-  "info": "_info_f0nxn_1",
-  "button": "_button_f0nxn_1 _ds-button_1yo2l_1",
-  "breadcrumbs": "_breadcrumbs_f0nxn_1 _ds-breadcrumbs_1yo2l_1",
-  "badge": "_badge_f0nxn_1",
-  "avatar": "_avatar_f0nxn_1 _ds-avatar_1yo2l_1",
-  "alert": "_alert_f0nxn_1 _ds-alert_1yo2l_1",
-  "heading": "_heading_f0nxn_1 _ds-heading_1yo2l_1",
-  "body": "_body_f0nxn_100"
+  "validation": "_validation_1p8e7_1 _ds-validation-message_1yo2l_1",
+  "tag": "_tag_1p8e7_1 _ds-tag_1yo2l_1",
+  "tabs": "_tabs_1p8e7_1",
+  "table": "_table_1p8e7_1 _ds-table_1yo2l_1",
+  "scrollShadow": "_scrollShadow_1p8e7_1",
+  "tableChildAdded": "_tableChildAdded_1p8e7_1",
+  "skeleton": "_skeleton_1p8e7_1 _ds-skeleton_1yo2l_1",
+  "popover": "_popover_1p8e7_1",
+  "pagination": "_pagination_1p8e7_1 _ds-pagination_1yo2l_1",
+  "modal": "_modal_1p8e7_1 _ds-modal_1yo2l_1",
+  "logo": "_logo_1p8e7_1 _ds-focus_1yo2l_1",
+  "link": "_link_1p8e7_1",
+  "grid": "_grid_1p8e7_1",
+  "flex": "_flex_1p8e7_1",
+  "box": "_box_1p8e7_1",
+  "input": "_input_1p8e7_1 _ds-input_1yo2l_1",
+  "fieldset": "_fieldset_1p8e7_1 _ds-fieldset_1yo2l_1",
+  "fieldsetValidationAdded": "_fieldsetValidationAdded_1p8e7_1",
+  "field": "_field_1p8e7_1 _ds-field_1yo2l_1",
+  "fieldChildAdded": "_fieldChildAdded_1p8e7_1",
+  "affixes": "_affixes_1p8e7_1 _ds-field-affixes_1yo2l_1",
+  "count": "_count_1p8e7_1",
+  "errorsummary": "_errorsummary_1p8e7_1 _ds-error-summary_1yo2l_1",
+  "details": "_details_1p8e7_1 _ds-details_1yo2l_1",
+  "chip": "_chip_1p8e7_1 _ds-chip_1yo2l_1",
+  "card": "_card_1p8e7_1",
+  "info": "_info_1p8e7_1",
+  "button": "_button_1p8e7_1 _ds-button_1yo2l_1",
+  "breadcrumbs": "_breadcrumbs_1p8e7_1 _ds-breadcrumbs_1yo2l_1",
+  "badge": "_badge_1p8e7_1",
+  "avatar": "_avatar_1p8e7_1 _ds-avatar_1yo2l_1",
+  "alert": "_alert_1p8e7_1 _ds-alert_1yo2l_1",
+  "heading": "_heading_1p8e7_1 _ds-heading_1yo2l_1",
+  "body": "_body_1p8e7_104"
 }

package/mtds/styles.module.css.js

@@ -1,26 +1,26 @@
-const _ = "_validation_f0nxn_1 _ds-validation-message_1yo2l_1", n = "_tag_f0nxn_1 _ds-tag_1yo2l_1", o = "_tabs_f0nxn_1", d = "_table_f0nxn_1 _ds-table_1yo2l_1", t = "_scrollShadow_f0nxn_1", s = "_tableChildAdded_f0nxn_1", a = "_skeleton_f0nxn_1 _ds-skeleton_1yo2l_1", l = "_popover_f0nxn_1", e = "_pagination_f0nxn_1 _ds-pagination_1yo2l_1", i = "_modal_f0nxn_1 _ds-modal_1yo2l_1", f = "_logo_f0nxn_1 _ds-focus_1yo2l_1", c = "_link_f0nxn_1", r = "_grid_f0nxn_1", x = "_flex_f0nxn_1", b = "_box_f0nxn_1", y = "_input_f0nxn_1 _ds-input_1yo2l_1", g = "_fieldset_f0nxn_1 _ds-fieldset_1yo2l_1", u = "_fieldsetValidationAdded_f0nxn_1", p = "_field_f0nxn_1 _ds-field_1yo2l_1", h = "_fieldChildAdded_f0nxn_1", m = "_affixes_f0nxn_1 _ds-field-affixes_1yo2l_1", v = "_count_f0nxn_1", A = "_errorsummary_f0nxn_1 _ds-error-summary_1yo2l_1", k = "_details_f0nxn_1 _ds-details_1yo2l_1", C = "_chip_f0nxn_1 _ds-chip_1yo2l_1", w = "_card_f0nxn_1", S = "_info_f0nxn_1", V = "_button_f0nxn_1 _ds-button_1yo2l_1", j = "_breadcrumbs_f0nxn_1 _ds-breadcrumbs_1yo2l_1", q = "_badge_f0nxn_1", z = "_avatar_f0nxn_1 _ds-avatar_1yo2l_1", B = "_alert_f0nxn_1 _ds-alert_1yo2l_1", D = "_heading_f0nxn_1 _ds-heading_1yo2l_1", E = "_body_f0nxn_100", F = {
+const _ = "_validation_1p8e7_1 _ds-validation-message_1yo2l_1", e = "_tag_1p8e7_1 _ds-tag_1yo2l_1", o = "_tabs_1p8e7_1", d = "_table_1p8e7_1 _ds-table_1yo2l_1", t = "_scrollShadow_1p8e7_1", s = "_tableChildAdded_1p8e7_1", a = "_skeleton_1p8e7_1 _ds-skeleton_1yo2l_1", l = "_popover_1p8e7_1", n = "_pagination_1p8e7_1 _ds-pagination_1yo2l_1", i = "_modal_1p8e7_1 _ds-modal_1yo2l_1", c = "_logo_1p8e7_1 _ds-focus_1yo2l_1", p = "_link_1p8e7_1", r = "_grid_1p8e7_1", b = "_flex_1p8e7_1", f = "_box_1p8e7_1", y = "_input_1p8e7_1 _ds-input_1yo2l_1", g = "_fieldset_1p8e7_1 _ds-fieldset_1yo2l_1", u = "_fieldsetValidationAdded_1p8e7_1", h = "_field_1p8e7_1 _ds-field_1yo2l_1", m = "_fieldChildAdded_1p8e7_1", v = "_affixes_1p8e7_1 _ds-field-affixes_1yo2l_1", x = "_count_1p8e7_1", A = "_errorsummary_1p8e7_1 _ds-error-summary_1yo2l_1", k = "_details_1p8e7_1 _ds-details_1yo2l_1", C = "_chip_1p8e7_1 _ds-chip_1yo2l_1", w = "_card_1p8e7_1", S = "_info_1p8e7_1", V = "_button_1p8e7_1 _ds-button_1yo2l_1", j = "_breadcrumbs_1p8e7_1 _ds-breadcrumbs_1yo2l_1", q = "_badge_1p8e7_1", z = "_avatar_1p8e7_1 _ds-avatar_1yo2l_1", B = "_alert_1p8e7_1 _ds-alert_1yo2l_1", D = "_heading_1p8e7_1 _ds-heading_1yo2l_1", E = "_body_1p8e7_104", F = {
   validation: _,
-  tag: n,
+  tag: e,
   tabs: o,
   table: d,
   scrollShadow: t,
   tableChildAdded: s,
   skeleton: a,
   popover: l,
-  pagination: e,
+  pagination: n,
   modal: i,
-  logo: f,
-  link: c,
+  logo: c,
+  link: p,
   grid: r,
-  flex: x,
-  box: b,
+  flex: b,
+  box: f,
   input: y,
   fieldset: g,
   fieldsetValidationAdded: u,
-  field: p,
-  fieldChildAdded: h,
-  affixes: m,
-  count: v,
+  field: h,
+  fieldChildAdded: m,
+  affixes: v,
+  count: x,
   errorsummary: A,
   details: k,
   chip: C,
@@ -35,40 +35,40 @@ const _ = "_validation_f0nxn_1 _ds-validation-message_1yo2l_1", n = "_tag_f0nxn_
   body: E
 };
 export {
-  m as affixes,
+  v as affixes,
   B as alert,
   z as avatar,
   q as badge,
   E as body,
-  b as box,
+  f as box,
   j as breadcrumbs,
   V as button,
   w as card,
   C as chip,
-  v as count,
+  x as count,
   F as default,
   k as details,
   A as errorsummary,
-  p as field,
-  h as fieldChildAdded,
+  h as field,
+  m as fieldChildAdded,
   g as fieldset,
   u as fieldsetValidationAdded,
-  x as flex,
+  b as flex,
   r as grid,
   D as heading,
   S as info,
   y as input,
-  c as link,
-  f as logo,
+  p as link,
+  c as logo,
   i as modal,
-  e as pagination,
+  n as pagination,
   l as popover,
   t as scrollShadow,
   a as skeleton,
   d as table,
   s as tableChildAdded,
   o as tabs,
-  n as tag,
+  e as tag,
   _ as validation
 };
 //# sourceMappingURL=styles.module.css.js.map

package/mtds/utils.d.ts

@@ -32,19 +32,21 @@ export declare const onAdd: (animationName: string, callback: () => void) => {
     disconnect: (el: Element | Document) => void;
 };
 export declare const isInputLike: (el: unknown) => el is HTMLInputElement;
+type Popover = "" | "auto" | "manual" | undefined;
 declare global {
     namespace React.JSX {
         interface IntrinsicAttributes {
             popovertargetaction?: string;
             popovertarget?: string;
-            popover?: string | boolean;
+            popover?: Popover;
         }
     }
     namespace React {
         interface HTMLAttributes<T> {
             popovertargetaction?: string;
             popovertarget?: string;
-            popover?: "" | "auto" | "manual" | undefined;
+            popover?: Popover;
         }
     }
 }
+export {};

package/mtds/utils.js

@@ -6,7 +6,7 @@ function u(n) {
 }
 const s = (n, t, e) => {
   for (const i of e[0].split(","))
-    e[0] = i, Element.prototype[`${n}EventListener`].apply(t, e);
+    e[0] = i, t[`${n}EventListener`](...e);
 }, r = (n, ...t) => s("add", n, t), m = (n, ...t) => s("remove", n, t), p = (n, t) => {
   let e = 0;
   const i = (o) => {
@@ -16,11 +16,11 @@ const s = (n, t, e) => {
     observe: (o) => r(o, "animationend", i, a),
     disconnect: (o) => m(o, "animationstart", i, a)
   };
-}, E = (n) => n instanceof HTMLElement && "validity" in n && !(n instanceof HTMLButtonElement);
+}, v = (n) => n instanceof HTMLElement && "validity" in n && !(n instanceof HTMLButtonElement);
 export {
   f as IS_BROWSER,
   a as QUICK_EVENT,
-  E as isInputLike,
+  v as isInputLike,
   m as off,
   r as on,
   p as onAdd,

package/mtds/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../designsystem/utils.ts"],"sourcesContent":["export const IS_BROWSER = typeof window !== 'undefined' && typeof document !== 'undefined';\nexport const QUICK_EVENT = { capture: true, passive: true };\n\n/**\n * useId\n * @return A generated unique ID\n */\nlet id = 0;\nconst UUID = `${Date.now().toString(36)}${Math.random().toString(36).slice(2, 5)}`;\nexport function useId (el: Element) {\n  if (!el.id) el.id = `${UUID}${++id}`;\n\treturn el.id;\n};\n\n/**\n * Speed up MutationObserver by debouncing and only running when page is visible\n * @return new MutaionObserver\n */\nexport function createOptimizedMutationObserver(callback: MutationCallback) {\n  const queue: MutationRecord[] = [];\n  const observer = new MutationObserver((mutations) => {\n    if (!queue[0]) requestAnimationFrame(process);\n    queue.push(...mutations);\n  });\n\n  const process = () => {\n    callback(queue, observer);\n    queue.length = 0; // Reset queue\n  };\n\n  return observer;\n}\n\n// Internal helper for on / off\nconst events = (\n\taction: \"add\" | \"remove\",\n\telement: Node | Window,\n\trest: Parameters<typeof Element.prototype.addEventListener>,\n): void => {\n\tfor (const type of rest[0].split(\",\")) {\n\t\trest[0] = type;\n\t\tElement.prototype[`${action}EventListener`].apply(element, rest);\n\t}\n};\n\n/**\n * on\n * @param element The Element to use as EventTarget\n * @param types A comma separated string of event types\n * @param listener An event listener function or listener object\n */\nexport const on = (\n\telement: Node | Window,\n\t...rest: Parameters<typeof Element.prototype.addEventListener>\n): void => events(\"add\", element, rest);\n\n/**\n * off\n * @param element The Element to use as EventTarget\n * @param types A comma separated string of event types\n * @param listener An event listener function or listener object\n */\nexport const off = (\n\telement: Node | Window,\n\t...rest: Parameters<typeof Element.prototype.removeEventListener>\n): void => events(\"remove\", element, rest);\n\n/**\n * Child added event inspired by:\n * https://davidwalsh.name/detect-node-insertion\n */\nexport const onAdd = (animationName: string, callback: () => void) => {\n  let timer: ReturnType<typeof requestAnimationFrame> | number = 0;\n  const onAnimation = (event: Event & { animationName?: string }) => {\n    if (event.animationName === animationName) {\n      cancelAnimationFrame(timer);\n      timer = requestAnimationFrame(callback);\n    }\n  };\n\n\treturn {\n\t\tobserve: (el: Element | Document, ) => on(el, 'animationend', onAnimation, QUICK_EVENT),\n\t\tdisconnect: (el: Element | Document, ) => off(el, 'animationstart', onAnimation, QUICK_EVENT)\n\t};\n}\n\nexport const isInputLike = (el: unknown): el is HTMLInputElement =>\n\tel instanceof HTMLElement && 'validity' in el && !(el instanceof HTMLButtonElement);\n\n// Make React support popover=\"\"target attribute\n// https://github.com/facebook/react/issues/27479\ndeclare global {\n\tnamespace React.JSX {\n\t\tinterface IntrinsicAttributes {\n\t\t\tpopovertargetaction?: string;\n\t\t\tpopovertarget?: string;\n\t\t\tpopover?: string | boolean;\n\t\t}\n\t}\n\tnamespace React {\n\t\tinterface HTMLAttributes<T> {\n\t\t\tpopovertargetaction?: string;\n\t\t\tpopovertarget?: string;\n\t\t\tpopover?: \"\" | \"auto\" | \"manual\" | undefined;\n\t\t}\n\t}\n}"],"names":["IS_BROWSER","QUICK_EVENT","id","UUID","useId","el","events","action","element","rest","type","on","off","onAdd","animationName","callback","timer","onAnimation","event","isInputLike"],"mappings":"AAAO,MAAMA,IAAa,OAAO,SAAW,OAAe,OAAO,WAAa,KAClEC,IAAc,EAAE,SAAS,IAAM,SAAS,GAAK;AAM1D,IAAIC,IAAK;AACT,MAAMC,IAAO,GAAG,KAAK,IAAM,EAAA,SAAS,EAAE,CAAC,GAAG,KAAK,SAAS,SAAS,EAAE,EAAE,MAAM,GAAG,CAAC,CAAC;AACzE,SAASC,EAAOC,GAAa;AAC9B,SAACA,EAAG,OAAIA,EAAG,KAAK,GAAGF,CAAI,GAAG,EAAED,CAAE,KAC5BG,EAAG;AACX;AAsBA,MAAMC,IAAS,CACdC,GACAC,GACAC,MACU;AACV,aAAWC,KAAQD,EAAK,CAAC,EAAE,MAAM,GAAG;AACnC,IAAAA,EAAK,CAAC,IAAIC,GACV,QAAQ,UAAU,GAAGH,CAAM,eAAe,EAAE,MAAMC,GAASC,CAAI;AAEjE,GAQaE,IAAK,CACjBH,MACGC,MACOH,EAAO,OAAOE,GAASC,CAAI,GAQzBG,IAAM,CAClBJ,MACGC,MACOH,EAAO,UAAUE,GAASC,CAAI,GAM5BI,IAAQ,CAACC,GAAuBC,MAAyB;AACpE,MAAIC,IAA2D;AACzD,QAAAC,IAAc,CAACC,MAA8C;AAC7D,IAAAA,EAAM,kBAAkBJ,MAC1B,qBAAqBE,CAAK,GAC1BA,IAAQ,sBAAsBD,CAAQ;AAAA,EAE1C;AAEM,SAAA;AAAA,IACN,SAAS,CAACV,MAA6BM,EAAGN,GAAI,gBAAgBY,GAAahB,CAAW;AAAA,IACtF,YAAY,CAACI,MAA6BO,EAAIP,GAAI,kBAAkBY,GAAahB,CAAW;AAAA,EAC7F;AACD,GAEakB,IAAc,CAACd,MAC3BA,aAAc,eAAe,cAAcA,KAAM,EAAEA,aAAc;"}
+{"version":3,"file":"utils.js","sources":["../designsystem/utils.ts"],"sourcesContent":["export const IS_BROWSER = typeof window !== 'undefined' && typeof document !== 'undefined';\nexport const QUICK_EVENT = { capture: true, passive: true };\n\n/**\n * useId\n * @return A generated unique ID\n */\nlet id = 0;\nconst UUID = `${Date.now().toString(36)}${Math.random().toString(36).slice(2, 5)}`;\nexport function useId (el: Element) {\n  if (!el.id) el.id = `${UUID}${++id}`;\n\treturn el.id;\n};\n\n/**\n * Speed up MutationObserver by debouncing and only running when page is visible\n * @return new MutaionObserver\n */\nexport function createOptimizedMutationObserver(callback: MutationCallback) {\n  const queue: MutationRecord[] = [];\n  const observer = new MutationObserver((mutations) => {\n    if (!queue[0]) requestAnimationFrame(process);\n    queue.push(...mutations);\n  });\n\n  const process = () => {\n    callback(queue, observer);\n    queue.length = 0; // Reset queue\n  };\n\n  return observer;\n}\n\n// Internal helper for on / off\nconst events = (\n\taction: \"add\" | \"remove\",\n\telement: Node | Window,\n\trest: Parameters<typeof Element.prototype.addEventListener>,\n): void => {\n\tfor (const type of rest[0].split(\",\")) {\n\t\trest[0] = type;\n\t\telement[`${action}EventListener`](...rest);\n\t}\n};\n\n/**\n * on\n * @param element The Element to use as EventTarget\n * @param types A comma separated string of event types\n * @param listener An event listener function or listener object\n */\nexport const on = (\n\telement: Node | Window,\n\t...rest: Parameters<typeof Element.prototype.addEventListener>\n): void => events(\"add\", element, rest);\n\n/**\n * off\n * @param element The Element to use as EventTarget\n * @param types A comma separated string of event types\n * @param listener An event listener function or listener object\n */\nexport const off = (\n\telement: Node | Window,\n\t...rest: Parameters<typeof Element.prototype.removeEventListener>\n): void => events(\"remove\", element, rest);\n\n/**\n * Child added event inspired by:\n * https://davidwalsh.name/detect-node-insertion\n */\nexport const onAdd = (animationName: string, callback: () => void) => {\n  let timer: ReturnType<typeof requestAnimationFrame> | number = 0;\n  const onAnimation = (event: Event & { animationName?: string }) => {\n    if (event.animationName === animationName) {\n      cancelAnimationFrame(timer);\n      timer = requestAnimationFrame(callback);\n    }\n  };\n\n\treturn {\n\t\tobserve: (el: Element | Document, ) => on(el, 'animationend', onAnimation, QUICK_EVENT),\n\t\tdisconnect: (el: Element | Document, ) => off(el, 'animationstart', onAnimation, QUICK_EVENT)\n\t};\n}\n\nexport const isInputLike = (el: unknown): el is HTMLInputElement =>\n\tel instanceof HTMLElement && 'validity' in el && !(el instanceof HTMLButtonElement);\n\n// Make React support popover=\"\"target attribute\n// https://github.com/facebook/react/issues/27479\ntype Popover = \"\" | \"auto\" | \"manual\" | undefined;\ndeclare global {\n\tnamespace React.JSX {\n\t\tinterface IntrinsicAttributes {\n\t\t\tpopovertargetaction?: string;\n\t\t\tpopovertarget?: string;\n\t\t\tpopover?: Popover;\n\t\t}\n\t}\n\tnamespace React {\n\t\tinterface HTMLAttributes<T> {\n\t\t\tpopovertargetaction?: string;\n\t\t\tpopovertarget?: string;\n\t\t\tpopover?: Popover;\n\t\t}\n\t}\n}"],"names":["IS_BROWSER","QUICK_EVENT","id","UUID","useId","el","events","action","element","rest","type","on","off","onAdd","animationName","callback","timer","onAnimation","event","isInputLike"],"mappings":"AAAO,MAAMA,IAAa,OAAO,SAAW,OAAe,OAAO,WAAa,KAClEC,IAAc,EAAE,SAAS,IAAM,SAAS,GAAK;AAM1D,IAAIC,IAAK;AACT,MAAMC,IAAO,GAAG,KAAK,IAAM,EAAA,SAAS,EAAE,CAAC,GAAG,KAAK,SAAS,SAAS,EAAE,EAAE,MAAM,GAAG,CAAC,CAAC;AACzE,SAASC,EAAOC,GAAa;AAC9B,SAACA,EAAG,OAAIA,EAAG,KAAK,GAAGF,CAAI,GAAG,EAAED,CAAE,KAC5BG,EAAG;AACX;AAsBA,MAAMC,IAAS,CACdC,GACAC,GACAC,MACU;AACV,aAAWC,KAAQD,EAAK,CAAC,EAAE,MAAM,GAAG;AACnC,IAAAA,EAAK,CAAC,IAAIC,GACVF,EAAQ,GAAGD,CAAM,eAAe,EAAE,GAAGE,CAAI;AAE3C,GAQaE,IAAK,CACjBH,MACGC,MACOH,EAAO,OAAOE,GAASC,CAAI,GAQzBG,IAAM,CAClBJ,MACGC,MACOH,EAAO,UAAUE,GAASC,CAAI,GAM5BI,IAAQ,CAACC,GAAuBC,MAAyB;AACpE,MAAIC,IAA2D;AACzD,QAAAC,IAAc,CAACC,MAA8C;AAC7D,IAAAA,EAAM,kBAAkBJ,MAC1B,qBAAqBE,CAAK,GAC1BA,IAAQ,sBAAsBD,CAAQ;AAAA,EAE1C;AAEM,SAAA;AAAA,IACN,SAAS,CAACV,MAA6BM,EAAGN,GAAI,gBAAgBY,GAAahB,CAAW;AAAA,IACtF,YAAY,CAACI,MAA6BO,EAAIP,GAAI,kBAAkBY,GAAahB,CAAW;AAAA,EAC7F;AACD,GAEakB,IAAc,CAACd,MAC3BA,aAAc,eAAe,cAAcA,KAAM,EAAEA,aAAc;"}

package/package.json

@@ -1,12 +1,10 @@
 {
 	"name": "@mattilsynet/design",
-	"version": "0.2.11",
+	"version": "0.2.13",
 	"type": "module",
 	"main": "./mtds/index.js",
 	"types": "./mtds/index.d.ts",
-	"files": [
-		"mtds"
-	],
+	"files": ["mtds"],
 	"engines": {
 		"npm": ">=10.0.0",
 		"node": ">=20.0.0"
@@ -38,6 +36,7 @@
 		"@biomejs/biome": "^1.9.4",
 		"@phosphor-icons/react": "^2.1.7",
 		"@storybook/addon-essentials": "^8.5.0",
+		"@storybook/addon-mdx-gfm": "^8.5.2",
 		"@storybook/addon-storysource": "^8.5.0",
 		"@storybook/blocks": "^8.5.0",
 		"@storybook/manager-api": "^8.5.0",