@mattilsynet/design 2.2.18 → 2.2.20

package/mtds/logo/logo-observer.js

@@ -6,7 +6,7 @@ function u() {
   if (t instanceof SVGSVGElement) {
     for (const i of document.head.querySelectorAll("link[rel~='icon']"))
       i.setAttribute("rel", "disabled");
-    const o = e?.hasAttribute("data-env"), n = window.getComputedStyle(t), s = n.getPropertyValue("color"), l = n.getPropertyValue("--mtds-logo-color"), r = t.outerHTML.replace(/\n+/g, " ").replace(/(fill|width|height|xmlns)="[^"]+"/gi, "").replace("<svg", `<svg width="40" height="40" fill="${s}"`);
+    const o = e?.hasAttribute("data-env"), n = window.getComputedStyle(t), s = n.getPropertyValue("color"), l = n.getPropertyValue("--mtdsc-logo-background"), r = t.outerHTML.replace(/\n+/g, " ").replace(/(fill|width|height|xmlns)="[^"]+"/gi, "").replace("<svg", `<svg width="40" height="40" fill="${s}"`);
     document.head.appendChild(
       h("link", {
         href: `data:image/svg+xml,${encodeURIComponent(`<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 55 55'><rect fill='${o ? "none" : l}' width='51' height='51' x='2' y='2' stroke='${s}' stroke-dasharray='0.09 6.38' stroke-linecap='round' stroke-opacity='${o ? 0.6 : 0}' stroke-width='2.3' rx='25.5'/><g transform="translate(7.5 7.5)">${r}</g></svg>`)}`,

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

@@ -1 +1 @@
-{"version":3,"file":"logo-observer.js","sources":["../../designsystem/logo/logo-observer.ts"],"sourcesContent":["import styles from \"../styles.module.css\";\nimport { IS_BROWSER, onLoaded, onMutation, tag } from \"../utils\";\n\nconst CSS_LOGO = styles.logo.split(\" \")[0];\nconst LOGOS = IS_BROWSER ? document.getElementsByClassName(CSS_LOGO) : [];\n\nfunction handleLogoMutation() {\n\tconst logo = LOGOS[0];\n\tconst svg = logo?.firstElementChild;\n\n\tif (svg instanceof SVGSVGElement) {\n\t\tfor (const icon of document.head.querySelectorAll(\"link[rel~='icon']\"))\n\t\t\ticon.setAttribute(\"rel\", \"disabled\"); // Disable previous icon (but not remove is as this makes Next.js sad)\n\n\t\tconst isDot = logo?.hasAttribute(\"data-env\");\n\t\tconst style = window.getComputedStyle(svg);\n\t\tconst text = style.getPropertyValue(\"color\");\n\t\tconst back = style.getPropertyValue(\"--mtds-logo-color\");\n\t\tconst icon = svg.outerHTML\n\t\t\t.replace(/\\n+/g, \" \") // Prevent line breaks\n\t\t\t.replace(/(fill|width|height|xmlns)=\"[^\"]+\"/gi, \"\")\n\t\t\t.replace(\"<svg\", `<svg width=\"40\" height=\"40\" fill=\"${text}\"`);\n\n\t\tdocument.head.appendChild(\n\t\t\ttag(\"link\", {\n\t\t\t\thref: `data:image/svg+xml,${encodeURIComponent(`<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 55 55'><rect fill='${isDot ? \"none\" : back}' width='51' height='51' x='2' y='2' stroke='${text}' stroke-dasharray='0.09 6.38' stroke-linecap='round' stroke-opacity='${isDot ? 0.6 : 0}' stroke-width='2.3' rx='25.5'/><g transform=\"translate(7.5 7.5)\">${icon}</g></svg>`)}`,\n\t\t\t\trel: \"icon\",\n\t\t\t}),\n\t\t);\n\t}\n}\n\nonLoaded(() => [onMutation(handleLogoMutation, \"class\")]);\n"],"names":["CSS_LOGO","styles","LOGOS","IS_BROWSER","handleLogoMutation","logo","svg","icon","isDot","style","text","back","tag","onLoaded","onMutation"],"mappings":";;AAGA,MAAMA,IAAWC,EAAO,KAAK,MAAM,GAAG,EAAE,CAAC,GACnCC,IAAQC,IAAa,SAAS,uBAAuBH,CAAQ,IAAI,CAAA;AAEvE,SAASI,IAAqB;AAC7B,QAAMC,IAAOH,EAAM,CAAC,GACdI,IAAMD,GAAM;AAElB,MAAIC,aAAe,eAAe;AACjC,eAAWC,KAAQ,SAAS,KAAK,iBAAiB,mBAAmB;AACpEA,MAAAA,EAAK,aAAa,OAAO,UAAU;AAEpC,UAAMC,IAAQH,GAAM,aAAa,UAAU,GACrCI,IAAQ,OAAO,iBAAiBH,CAAG,GACnCI,IAAOD,EAAM,iBAAiB,OAAO,GACrCE,IAAOF,EAAM,iBAAiB,mBAAmB,GACjDF,IAAOD,EAAI,UACf,QAAQ,QAAQ,GAAG,EACnB,QAAQ,uCAAuC,EAAE,EACjD,QAAQ,QAAQ,qCAAqCI,CAAI,GAAG;AAE9D,aAAS,KAAK;AAAA,MACbE,EAAI,QAAQ;AAAA,QACX,MAAM,sBAAsB,mBAAmB,2EAA2EJ,IAAQ,SAASG,CAAI,gDAAgDD,CAAI,yEAAyEF,IAAQ,MAAM,CAAC,qEAAqED,CAAI,YAAY,CAAC;AAAA,QACjX,KAAK;AAAA,MAAA,CACL;AAAA,IAAA;AAAA,EAEH;AACD;AAEAM,EAAS,MAAM,CAACC,EAAWV,GAAoB,OAAO,CAAC,CAAC;"}
+{"version":3,"file":"logo-observer.js","sources":["../../designsystem/logo/logo-observer.ts"],"sourcesContent":["import styles from \"../styles.module.css\";\nimport { IS_BROWSER, onLoaded, onMutation, tag } from \"../utils\";\n\nconst CSS_LOGO = styles.logo.split(\" \")[0];\nconst LOGOS = IS_BROWSER ? document.getElementsByClassName(CSS_LOGO) : [];\n\nfunction handleLogoMutation() {\n\tconst logo = LOGOS[0];\n\tconst svg = logo?.firstElementChild;\n\n\tif (svg instanceof SVGSVGElement) {\n\t\tfor (const icon of document.head.querySelectorAll(\"link[rel~='icon']\"))\n\t\t\ticon.setAttribute(\"rel\", \"disabled\"); // Disable previous icon (but not remove is as this makes Next.js sad)\n\n\t\tconst isDot = logo?.hasAttribute(\"data-env\");\n\t\tconst style = window.getComputedStyle(svg);\n\t\tconst text = style.getPropertyValue(\"color\");\n\t\tconst back = style.getPropertyValue(\"--mtdsc-logo-background\");\n\t\tconst icon = svg.outerHTML\n\t\t\t.replace(/\\n+/g, \" \") // Prevent line breaks\n\t\t\t.replace(/(fill|width|height|xmlns)=\"[^\"]+\"/gi, \"\")\n\t\t\t.replace(\"<svg\", `<svg width=\"40\" height=\"40\" fill=\"${text}\"`);\n\n\t\tdocument.head.appendChild(\n\t\t\ttag(\"link\", {\n\t\t\t\thref: `data:image/svg+xml,${encodeURIComponent(`<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 55 55'><rect fill='${isDot ? \"none\" : back}' width='51' height='51' x='2' y='2' stroke='${text}' stroke-dasharray='0.09 6.38' stroke-linecap='round' stroke-opacity='${isDot ? 0.6 : 0}' stroke-width='2.3' rx='25.5'/><g transform=\"translate(7.5 7.5)\">${icon}</g></svg>`)}`,\n\t\t\t\trel: \"icon\",\n\t\t\t}),\n\t\t);\n\t}\n}\n\nonLoaded(() => [onMutation(handleLogoMutation, \"class\")]);\n"],"names":["CSS_LOGO","styles","LOGOS","IS_BROWSER","handleLogoMutation","logo","svg","icon","isDot","style","text","back","tag","onLoaded","onMutation"],"mappings":";;AAGA,MAAMA,IAAWC,EAAO,KAAK,MAAM,GAAG,EAAE,CAAC,GACnCC,IAAQC,IAAa,SAAS,uBAAuBH,CAAQ,IAAI,CAAA;AAEvE,SAASI,IAAqB;AAC7B,QAAMC,IAAOH,EAAM,CAAC,GACdI,IAAMD,GAAM;AAElB,MAAIC,aAAe,eAAe;AACjC,eAAWC,KAAQ,SAAS,KAAK,iBAAiB,mBAAmB;AACpEA,MAAAA,EAAK,aAAa,OAAO,UAAU;AAEpC,UAAMC,IAAQH,GAAM,aAAa,UAAU,GACrCI,IAAQ,OAAO,iBAAiBH,CAAG,GACnCI,IAAOD,EAAM,iBAAiB,OAAO,GACrCE,IAAOF,EAAM,iBAAiB,yBAAyB,GACvDF,IAAOD,EAAI,UACf,QAAQ,QAAQ,GAAG,EACnB,QAAQ,uCAAuC,EAAE,EACjD,QAAQ,QAAQ,qCAAqCI,CAAI,GAAG;AAE9D,aAAS,KAAK;AAAA,MACbE,EAAI,QAAQ;AAAA,QACX,MAAM,sBAAsB,mBAAmB,2EAA2EJ,IAAQ,SAASG,CAAI,gDAAgDD,CAAI,yEAAyEF,IAAQ,MAAM,CAAC,qEAAqED,CAAI,YAAY,CAAC;AAAA,QACjX,KAAK;AAAA,MAAA,CACL;AAAA,IAAA;AAAA,EAEH;AACD;AAEAM,EAAS,MAAM,CAACC,EAAWV,GAAoB,OAAO,CAAC,CAAC;"}

package/mtds/package.json.js

@@ -1,4 +1,4 @@
-const o = "2.2.18";
+const o = "2.2.20";
 export {
   o as version
 };

package/mtds/react.d.ts

@@ -16,6 +16,7 @@ export * from './fieldset/fieldset';
 export * from './fileupload/fileupload';
 export * from './helptext/helptext';
 export * from './input/input';
+export * from './law/law';
 export * from './layout/layout';
 export * from './link/link';
 export * from './logo/logo';

package/mtds/react.js

@@ -10,28 +10,29 @@ import { Chip as P } from "./chip/chip.js";
 import { Details as b } from "./details/details.js";
 import { Dialog as A } from "./dialog/dialog.js";
 import { Divider as D } from "./divider/divider.js";
-import { Errorsummary as c } from "./errorsummary/errorsummary.js";
-import { Field as k, FieldComp as G } from "./field/field.js";
-import { Fieldset as L } from "./fieldset/fieldset.js";
-import { Fileupload as E } from "./fileupload/fileupload.js";
-import { HelpText as V } from "./helptext/helptext.js";
-import { Input as q, Select as w, Textarea as z } from "./input/input.js";
-import { Flex as K, Grid as N } from "./layout/layout.js";
-import { Link as Q } from "./link/link.js";
-import { Logo as U } from "./logo/logo.js";
-import { Pagination as X } from "./pagination/pagination.js";
-import { Popover as Z } from "./popover/popover.js";
-import { Progress as $ } from "./progress/progress.js";
-import { Skeleton as or } from "./skeleton/skeleton.js";
-import { Spinner as tr } from "./spinner/spinner.js";
-import { Steps as mr } from "./steps/steps.js";
-import { Table as fr } from "./table/table.js";
-import { Tabs as ir } from "./tabs/tabs.js";
-import { Tag as dr } from "./tag/tag.js";
-import { toast as sr } from "./toast/toast.js";
-import { Togglegroup as ur } from "./togglegroup/togglegroup.js";
-import { Heading as Fr, Info as Cr, Ingress as Pr, Muted as Sr, Prose as br } from "./typography/typography.js";
-import { Validation as Ar } from "./validation/validation.js";
+import { Errorsummary as L } from "./errorsummary/errorsummary.js";
+import { Field as h, FieldComp as k } from "./field/field.js";
+import { Fieldset as H } from "./fieldset/fieldset.js";
+import { Fileupload as y } from "./fileupload/fileupload.js";
+import { HelpText as M } from "./helptext/helptext.js";
+import { Input as j, Select as q, Textarea as z } from "./input/input.js";
+import { Law as K } from "./law/law.js";
+import { Flex as O, Grid as Q } from "./layout/layout.js";
+import { Link as U } from "./link/link.js";
+import { Logo as X } from "./logo/logo.js";
+import { Pagination as Z } from "./pagination/pagination.js";
+import { Popover as $ } from "./popover/popover.js";
+import { Progress as or } from "./progress/progress.js";
+import { Skeleton as tr } from "./skeleton/skeleton.js";
+import { Spinner as mr } from "./spinner/spinner.js";
+import { Steps as fr } from "./steps/steps.js";
+import { Table as ir } from "./table/table.js";
+import { Tabs as dr } from "./tabs/tabs.js";
+import { Tag as sr } from "./tag/tag.js";
+import { toast as ur } from "./toast/toast.js";
+import { Togglegroup as Fr } from "./togglegroup/togglegroup.js";
+import { Heading as Pr, Info as Sr, Ingress as br, Muted as vr, Prose as Ar } from "./typography/typography.js";
+import { Validation as Dr } from "./validation/validation.js";
 export {
   e as Alert,
   p as App,
@@ -45,36 +46,37 @@ export {
   b as Details,
   A as Dialog,
   D as Divider,
-  c as Errorsummary,
-  k as Field,
-  G as FieldComp,
-  L as Fieldset,
-  E as Fileupload,
-  K as Flex,
-  N as Grid,
+  L as Errorsummary,
+  h as Field,
+  k as FieldComp,
+  H as Fieldset,
+  y as Fileupload,
+  O as Flex,
+  Q as Grid,
   u as Group,
-  Fr as Heading,
-  V as HelpText,
-  Cr as Info,
-  Pr as Ingress,
-  q as Input,
-  Q as Link,
-  U as Logo,
-  Sr as Muted,
-  X as Pagination,
-  Z as Popover,
-  $ as Progress,
-  br as Prose,
-  w as Select,
-  or as Skeleton,
-  tr as Spinner,
-  mr as Steps,
-  fr as Table,
-  ir as Tabs,
-  dr as Tag,
+  Pr as Heading,
+  M as HelpText,
+  Sr as Info,
+  br as Ingress,
+  j as Input,
+  K as Law,
+  U as Link,
+  X as Logo,
+  vr as Muted,
+  Z as Pagination,
+  $ as Popover,
+  or as Progress,
+  Ar as Prose,
+  q as Select,
+  tr as Skeleton,
+  mr as Spinner,
+  fr as Steps,
+  ir as Table,
+  dr as Tabs,
+  sr as Tag,
   z as Textarea,
-  ur as Togglegroup,
-  Ar as Validation,
-  sr as toast
+  Fr as Togglegroup,
+  Dr as Validation,
+  ur as toast
 };
 //# sourceMappingURL=react.js.map

package/mtds/react.js.map

@@ -1 +1 @@
-{"version":3,"file":"react.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"react.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}