@mattilsynet/design 0.0.6 → 0.0.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (17) hide show
  1. package/mtds/field/field.d.ts +1 -0
  2. package/mtds/field/field.js +31 -0
  3. package/mtds/field/field.js.map +1 -0
  4. package/mtds/icons/cosmetics.svg +1 -0
  5. package/mtds/illustrations/food/person-ham.svg +1 -0
  6. package/mtds/illustrations/food/person-meat.svg +22 -0
  7. package/mtds/illustrations/humans/person-mobile.svg +1 -0
  8. package/mtds/index.d.ts +0 -1
  9. package/mtds/index.js +3 -6
  10. package/mtds/index.js.map +1 -1
  11. package/mtds/styles.css +1347 -1631
  12. package/mtds/styles.json +105 -233
  13. package/mtds/styles.module.css.js +116 -238
  14. package/mtds/styles.module.css.js.map +1 -1
  15. package/package.json +51 -51
  16. package/mtds/logo-symbol.svg +0 -1
  17. /package/mtds/{logo-engelsk.svg → logo-english.svg} +0 -0
package/mtds/field/field.d.ts ADDED
@@ -0,0 +1 @@
1
+ export {};
package/mtds/field/field.js ADDED
@@ -0,0 +1,31 @@
1
+ import r from "../styles.module.css.js";
2
+ const c = typeof window < "u" && typeof window.document < "u", l = c ? document.getElementsByClassName(r.field.split(" ")[0]) : [], a = `:${Date.now().toString(36)}${Math.random().toString(36).slice(2, 5)}`, u = r.validation.split(" ")[0];
3
+ let f = 0;
4
+ function o(n) {
5
+ return n.id || (n.id = `${a}${++f}`), n.id;
6
+ }
7
+ function d(n) {
8
+ const s = [], i = new MutationObserver((e) => {
9
+ s[0] || requestAnimationFrame(t), s.push(...e);
10
+ }), t = () => {
11
+ n(s, i), s.length = 0;
12
+ };
13
+ return t(), i;
14
+ }
15
+ function m() {
16
+ for (const n of l) {
17
+ const s = [], i = [];
18
+ let t = null;
19
+ for (const e of n.getElementsByTagName("*"))
20
+ e instanceof HTMLLabelElement ? s.push(e) : "validity" in e && !(e instanceof HTMLButtonElement) ? t = e : e.classList.contains(u) ? i.unshift(o(e)) : e.nodeName === "P" && i.push(o(e));
21
+ if (t) for (const e of s) e.htmlFor = o(t);
22
+ t == null || t.setAttribute("aria-describedby", i.join(" "));
23
+ }
24
+ }
25
+ c && d(m).observe(document.body, {
26
+ attributeFilter: ["class"],
27
+ attributes: !0,
28
+ childList: !0,
29
+ subtree: !0
30
+ });
31
+ //# sourceMappingURL=field.js.map
package/mtds/field/field.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"field.js","sources":["../../designsystem/field/field.ts"],"sourcesContent":["import styles from '../styles.module.css';\n\nconst IS_BROWSER = typeof window !== 'undefined' && typeof window.document !== 'undefined';\nconst FIELDS = IS_BROWSER ? document.getElementsByClassName(styles.field.split(' ')[0]) : []; // Reutrns a live HTMLCollection\nconst UUID = `:${Date.now().toString(36)}${Math.random().toString(36).slice(2, 5)}`;\nconst VALIDATION = styles.validation.split(' ')[0];\n\nlet id = 0;\nfunction useId (el: Element) {\n if (!el.id) el.id = `${UUID}${++id}`;\n\treturn el.id;\n};\n\n// Speed up MutationObserver by debouncing and only running when page is visible\nfunction 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 process(); // Initial setup\n return observer;\n}\n\n\nfunction process() {\n for(const field of FIELDS) {\n const labels: HTMLLabelElement[] = [];\n const descs: string[] = [];\n let input: Element | null = null;\n\n for (const el of field.getElementsByTagName('*')) {\n if (el instanceof HTMLLabelElement) labels.push(el);\n else if ('validity' in el && !(el instanceof HTMLButtonElement)) input = el;\n else if (el.classList.contains(VALIDATION)) descs.unshift(useId(el)); // Must be before validation since it can also be a <p>\n else if (el.nodeName === 'P') descs.push(useId(el));\n }\n\n if (input) for (const label of labels) label.htmlFor = useId(input);\n input?.setAttribute('aria-describedby', descs.join(' '));\n }\n}\n\nif (IS_BROWSER) {\n createOptimizedMutationObserver(process).observe(document.body, {\n attributeFilter: ['class'],\n attributes: true,\n childList: true,\n subtree: true\n });\n}"],"names":["IS_BROWSER","FIELDS","styles","UUID","VALIDATION","id","useId","el","createOptimizedMutationObserver","callback","queue","observer","mutations","process","field","labels","descs","input","label"],"mappings":";AAEA,MAAMA,IAAa,OAAO,SAAW,OAAe,OAAO,OAAO,WAAa,KACzEC,IAASD,IAAa,SAAS,uBAAuBE,EAAO,MAAM,MAAM,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,GACrFC,IAAO,IAAI,KAAK,MAAM,SAAS,EAAE,CAAC,GAAG,KAAK,OAAA,EAAS,SAAS,EAAE,EAAE,MAAM,GAAG,CAAC,CAAC,IAC3EC,IAAaF,EAAO,WAAW,MAAM,GAAG,EAAE,CAAC;AAEjD,IAAIG,IAAK;AACT,SAASC,EAAOC,GAAa;AACvB,SAACA,EAAG,OAAIA,EAAG,KAAK,GAAGJ,CAAI,GAAG,EAAEE,CAAE,KAC5BE,EAAG;AACX;AAGA,SAASC,EAAgCC,GAA4B;AACnE,QAAMC,IAA0B,CAAC,GAC3BC,IAAW,IAAI,iBAAiB,CAACC,MAAc;AACnD,IAAKF,EAAM,CAAC,2BAAyBG,CAAO,GACtCH,EAAA,KAAK,GAAGE,CAAS;AAAA,EAAA,CACxB,GAEKC,IAAU,MAAM;AACpB,IAAAJ,EAASC,GAAOC,CAAQ,GACxBD,EAAM,SAAS;AAAA,EACjB;AAEAG,SAAAA,EAAQ,GACDF;AACT;AAGA,SAASE,IAAU;AACjB,aAAUC,KAASb,GAAQ;AACzB,UAAMc,IAA6B,CAAC,GAC9BC,IAAkB,CAAC;AACzB,QAAIC,IAAwB;AAE5B,eAAWV,KAAMO,EAAM,qBAAqB,GAAG;AAC7C,MAAIP,aAAc,mBAAyBQ,EAAA,KAAKR,CAAE,IACzC,cAAcA,KAAM,EAAEA,aAAc,qBAA4BU,IAAAV,IAChEA,EAAG,UAAU,SAASH,CAAU,IAASY,EAAA,QAAQV,EAAMC,CAAE,CAAC,IAC1DA,EAAG,aAAa,SAAW,KAAKD,EAAMC,CAAE,CAAC;AAGpD,QAAIU,EAAkB,YAAAC,KAASH,EAAc,CAAAG,EAAA,UAAUZ,EAAMW,CAAK;AAClE,IAAAA,KAAA,QAAAA,EAAO,aAAa,oBAAoBD,EAAM,KAAK,GAAG;AAAA,EAAC;AAE3D;AAEIhB,KACFQ,EAAgCK,CAAO,EAAE,QAAQ,SAAS,MAAM;AAAA,EAC9D,iBAAiB,CAAC,OAAO;AAAA,EACzB,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,SAAS;AAAA,CACV;"}
package/mtds/icons/cosmetics.svg ADDED
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="152" height="152" fill="none" viewBox="0 0 152 152"><path fill="currentcolor" d="M60.8 83.67V36.15A40.83 40.83 0 0 0 91.2 53.2v22.88h7.6c-.02-2.68.15-24.63-.27-26.57-1.1-23.2-22.59-40.12-45.33-37.92v72.08h-7.6v56.93h60.8V83.67H60.8ZM90.38 45.5c-14.27-1.56-26.01-12.27-28.76-26.17 14.28 1.57 26.02 12.27 28.76 26.17Zm8.42 87.5H53.2V91.26h45.6V133Z"/></svg>
package/mtds/illustrations/food/person-ham.svg ADDED
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="145" height="248" fill="none" viewBox="0 0 145 248"><path fill="#C58F79" d="M106.07 96.7c2.5-.76 9.16-2.3 11.96-.94 2.78 1.37 1.33 2.25.19 2.57-1.2.33-4.68 1.22-.15 2.31 1.97.48 4.06 1.4 5.54 2.62.92.77.96 2.26-2.97 3.6-3.94 1.36-8.55 1.93-12.02.45-3.47-1.49-2.8-1.76-2.8-1.76l.25-8.85Z"/><path fill="#9ECCED" d="M81.45 80.43c-5.16-8.38-5.91-10.18-8.78-17.2-1.8-4.38-4.74-9.38-7.53-12.05-4.12-3.95-6.02-5.82-10.76-6.86-2.7-.6-6.52 1.4-7.32 5.57-.8 4.16 3.22 8.36 4.45 9.43 1.23 1.07 3.82 2.8 8.5 10.3 3.65 5.84 3.3 6.45 8.85 18.67 2.73 5.53 5.02 7.9 9.75 10.5 5.06 2.8 12.4 5.69 27.9 9.27.25-2.21 1.06-12.93 1.06-12.93-18.27-5.35-23.91-11.1-26.12-14.7Z"/><path fill="#C58F79" d="M9.84 131.4c1.04 2.1 3.4 7.75 2.73 10.46-.67 2.7-1.14 3.24-4.64 6.28-.78.68-2.27 1.15-4.03-2.12-1.75-3.27-2.97-7.26-2.32-10.59.65-3.33.98-2.78.98-2.78l7.28-1.24Z"/><path fill="#9ECCED" d="M36.27 49.42c-.06-1.95-1.35-7.44-6.53-5.84-5.33 1.65-11.09 3.73-16.59 11.65-5.29 7.6-9.82 17.8-11.14 37.28C.54 114.18.03 134.06 0 134.4l12.78-.28c.02-.32.05-16.11 2.5-44.6.7-8.02 3-16.74 5.86-20.91 1.86-2.72 4.42-6.06 6.13-7.59 0 0 2.96-2.06 5.2-3.67 3.63-2.62 3.88-5.4 3.8-7.91Z"/><path fill="#1E1A28" d="M17.86 241.33s-1.63 4.35-1.81 5.32c-.19.84-.6 1.13 2.4 1.16 0 0 17.74.28 18.95 0 .8-.18 1.8-1.3 1.26-6.23l-20.8-.25ZM53.68 241.6s-.29 4.2.33 5.1c.62.92.99 1.5 6.44 1.2 0 0 15.36.28 15.85-.11.49-.4-2.31-6.47-2.31-6.47l-20.31.29Z"/><path fill="#9ECCED" d="M15.89 108.74c-.12 8.23-.98 51.14-1.1 55.78-.19 4.64-.31 44.09-.31 48.46 0 4.38-.13 28.41.42 29.2.56.78 23.48 1.37 24.65.52 1.17-.85 0-39.64.18-44.28.12-4.64.86-27.57.12-46.25-.73-18.68.6-22.13 1.04-22.13.43 0 .8-.92 2.53 16.71 1.72 17.64 5.22 49.71 5.96 57.48.74 7.84 2.76 38.21 3.57 38.54.8.32 22.49-.07 23.22-.33.74-.26-1.16-25.6-1.4-28.41-.25-2.81-5.17-65.12-5.41-68.46-.25-3.32-2.46-38.14-2.46-38.14s-25.94.06-28.15.26c-2.27.13-22.86 1.05-22.86 1.05Z"/><path fill="#054449" d="m14.46 170.65 1.38-57.04 51.42-1.03 4.13 57.16-56.93.91Z"/><path fill="#9ECCED" d="M66.66 98c.03 6.46.52 12.7.64 15.44 0 0-26.22 2.61-37 1.31 0 0-13.78-.61-14.5-.61 0 0 .18-11.35.17-17.8.1-9.86.29-18.23.55-25.29.26-7.05-.64-20.79 8.46-25.5 5.7-2.93 7.34-2.75 15.26-3.14 6.48-.26 15.66.73 19.4 4.2 4.77 4.37 5.34 13.79 6 22.83.44 10.19.77 20.07 1.03 28.55Z"/><path fill="#054449" d="m15.8 115.68.24-25.43s4.96-.82 6.52-1.15c1.57-.32 1.83-43.69 1.83-43.69s2.29-.98 3.55-1.42c.32-.1 1.95 25.22 2.14 27.43 0 0 19.95-.46 20.86-.59 0 0 .47-21.58.6-22.94l.44-4.6s3.09.5 3.87.96c.78.46 1.15 32.72 1.8 43.58 0 0-.38.16 2.08.3 1.64.02 6.83.4 6.83.4l.79 26.23-51.54.92Z"/><path fill="#C58F79" d="M55.6 27.1c-.08-.44-.47-.67-.93-.87.19-3.56-.56-5.83-2.14-8.12-1.34-1.92-3.2-3.84-5.8-4.77-2.31-.82-7.98-.6-10.25.31-5.44 2.07-7.59 7.13-7.87 12.71-.46.12-.87.3-1 .71a3.3 3.3 0 0 0-.26 2.18c.18.63.58 1.03 1.4 1.57.21 2.6 1.03 5.09 2.38 7.15l.28.42c2.11 3.24 4.94 5.13 8.32 5.13h2.67c3.37 0 6.55-1.87 8.67-5.08l.84-1.29a15.4 15.4 0 0 0 2.36-6.65c.7-.35 1.07-.67 1.3-1.2.3-.74.23-1.44.03-2.2Z"/><path fill="#1E1A28" d="M62.43 31.37c-.36-1.88-2.63-4.32-3.41-5.54-2.08-3.24-2.93-4.9-2.93-4.9-2.26-4.63-7.17-8.45-12.75-8.72-2.88-.13-5.92-.08-8.65 1.53-.01 0 .02-.01 0 0-3.96 1.98-7.07 7.21-6.3 11.85.04.26.09.51.15.76.46-.01.99.1 1.4-.16a18.24 18.24 0 0 0 5.93-6.84c4.39 6.64 13.25 9.01 18.8 6.87v.01c.45.2.84.44.92.88.21.75.27 1.45-.02 2.2-.23.53-.62.85-1.3 1.2a15.4 15.4 0 0 1-2.37 6.66l-.85 1.28c-.7 1.06-1.5 1.97-2.4 2.72.16.56 1.27 3.58 5.47 2.71 4.43-.91 4.37-1.33 6.28-3.36 2.1-2.24 2.86-4.91 2.03-9.15Z"/><path fill="#F9C4AA" d="M107.44 68.99c-6.28 1.81-15.5 11.02-14.34 17.21 1.16 6.2 5.96 15.83 18.24 15.86 12.27.03 21.85-1.4 25.67-4.15 7.36-5.27 10.88-21.48 2.45-28.14-6.86-5.42-19.54-4.37-32.02-.78Z"/><path fill="#DA573B" d="M99.06 77.54c-1.58.76-4.83 5.55-3.8 8.43 1.04 2.88 2.58 8.51 6.38 10.89 3.8 2.37 10.15 2.98 13.25 2.84 3.1-.13 8.63 1.07 8.15-2.23-.48-3.3-.4-11.97-3.41-13.87-3.03-1.89-4.48-9.57-7.83-10.06-3.34-.49-3.38 2.6-6.02 4.28-2.64 1.66-4-1.58-6.72-.28ZM116.37 74.43c.34 1.64 2.74 6.49 4.39 7.44 1.64.96 13.36 2.32 12.9.53-.45-1.79-5.9-7.43-9.4-8.35-1.57-.42-8.18-1.04-7.89.38ZM127.07 85.6c-3.2.01-3.3 2.52-3.11 4.65.17 2.13 8.03.6 9.06-.78 1.04-1.37-2.05-3.88-5.95-3.87ZM135.4 89.65c-1.46.84-9.95 3.13-10.35 4.18-.4 1.04-1.96 4.52.33 4.79 2.3.27 9.58-.31 9.94-2.78.37-2.47 1.8-7.2.08-6.2Z"/><path fill="#9ECCED" d="M55.33 24.75s-.52-.94-2.44-2.65c-1.46-1.3-6.74-4.24-13.45-3.46-6.71.77-10.22 5.96-11.25 6.3-.35.12-.1-5.21-.1-5.21s.95-4.6 4.7-7.37c4-2.95 7.68-4.26 13.45-2.69 9.55 2.6 10.17 9.94 9.62 15.33l-.53-.26Z"/></svg>
package/mtds/illustrations/food/person-meat.svg ADDED
@@ -0,0 +1,22 @@
1
+ <svg width="185" height="290" viewBox="0 0 185 290" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <rect x="111.6" y="120.957" width="22.9772" height="8.75321" fill="#F9C4AA"/>
3
+ <path d="M104.555 0.311054C105.189 -0.53385 108.654 0.647451 109.233 0.311054C109.812 -0.0253427 113.865 12.4057 113.293 18.4765C112.824 23.4286 109.859 31.5334 100.111 30.5398C90.3637 29.5463 88.6113 20.0489 88.6113 17.7176C88.6113 15.3863 89.6909 15.0499 90.1134 15.0499C90.5358 15.0499 91.5294 15.9652 91.5294 16.7163C91.5294 17.4673 94.1971 23.632 99.775 23.632C105.353 23.632 107.293 19.0398 107.465 16.6302C107.731 13.0003 103.867 1.23419 104.547 0.318877L104.555 0.311054Z" fill="#CDE5F2"/>
4
+ <path d="M122.43 140.77C123.244 140.253 123.643 139.283 123.431 138.344C120.106 123.457 119.794 117.949 116.969 111.816C114.685 106.856 110.281 99.0329 103.521 88.9332C102.888 87.9944 102.723 86.8131 103.083 85.7413C104.405 81.7593 107.472 71.1354 106.979 59.2364C106.533 48.3465 103.279 39.5454 105.117 32.841C106.979 26.027 106.322 19.0017 105.195 16.733C103.967 14.2609 100.079 14.8711 96.2849 14.8867C93.1243 14.9024 92.608 27.662 92.256 30.142C92.256 30.142 95.1896 47.2434 86.412 56.1149C76.6565 65.98 60.7207 69.9542 60.7285 82.2287C60.7285 110.971 74.9745 119.483 76.7817 162.416C83.8617 164.638 85.9035 163.676 96.1284 163.386C96.5509 163.371 96.942 163.12 97.1141 162.737C98.0373 160.734 98.757 159.271 100.517 156.917C103.099 156.236 108.098 154.992 111.094 154.515C111.556 154.445 111.916 154.092 112.002 153.631C112.385 151.636 113.269 148.217 114.247 146.011C117.016 144.235 120.545 141.99 122.438 140.785L122.43 140.77Z" fill="#F9C4AA"/>
5
+ <path d="M165.28 0.311054C165.913 -0.53385 169.379 0.647451 169.958 0.311054C170.537 -0.0253427 174.589 12.4057 174.018 18.4765C173.549 23.4286 170.584 31.5334 160.836 30.5398C151.088 29.5463 149.336 20.0489 149.336 17.7176C149.336 15.3863 150.416 15.0499 150.838 15.0499C151.26 15.0499 152.254 15.9652 152.254 16.7163C152.254 17.4673 154.922 23.632 160.5 23.632C166.078 23.632 168.018 19.0398 168.19 16.6302C168.456 13.0003 164.591 1.23419 165.272 0.318877L165.28 0.311054Z" fill="#CDE5F2"/>
6
+ <path d="M183.153 140.77C183.966 140.253 184.365 139.283 184.154 138.344C180.829 123.457 180.516 117.949 177.692 111.816C175.408 106.856 171.003 99.0329 164.244 88.9332C163.61 87.9944 163.446 86.8131 163.806 85.7413C165.128 81.7593 168.195 71.1354 167.702 59.2364C167.256 48.3465 164.001 39.5454 165.84 32.841C167.702 26.027 167.045 19.0017 165.918 16.733C164.69 14.2609 160.802 14.8711 157.008 14.8867C153.847 14.9024 153.331 27.662 152.979 30.142C152.979 30.142 155.912 47.2434 147.135 56.1149C137.379 65.98 121.443 69.9542 121.451 82.2287C121.451 110.971 135.697 119.483 137.504 162.416C144.584 164.638 146.626 163.676 156.851 163.386C157.274 163.371 157.665 163.12 157.837 162.737C158.76 160.734 159.48 159.271 161.24 156.917C163.822 156.236 168.821 154.992 171.817 154.515C172.278 154.445 172.638 154.092 172.724 153.631C173.108 151.636 173.992 148.217 174.97 146.011C177.739 144.235 181.267 141.99 183.16 140.785L183.153 140.77Z" fill="#F9C4AA"/>
7
+ <path d="M43.8265 0.311054C44.4601 -0.53385 47.9258 0.647451 48.5047 0.311054C49.0836 -0.0253427 53.1361 12.4057 52.565 18.4765C52.0956 23.4286 49.1306 31.5334 39.3829 30.5398C29.6352 29.5463 27.8828 20.0489 27.8828 17.7176C27.8828 15.3863 28.9624 15.0499 29.3849 15.0499C29.8073 15.0499 30.8009 15.9652 30.8009 16.7163C30.8009 17.4673 33.4686 23.632 39.0465 23.632C44.6244 23.632 46.5646 19.0398 46.7367 16.6302C47.0027 13.0003 43.138 1.23419 43.8186 0.318877L43.8265 0.311054Z" fill="#CDE5F2"/>
8
+ <path d="M61.7015 140.77C62.5151 140.253 62.914 139.283 62.7028 138.344C59.378 123.457 59.065 117.949 56.2409 111.816C53.9565 106.856 49.552 99.0329 42.7928 88.9332C42.1591 87.9944 41.9949 86.8131 42.3547 85.7413C43.6768 81.7593 46.7435 71.1354 46.2507 59.2364C45.8047 48.3465 42.5503 39.5454 44.3888 32.841C46.2507 26.027 45.5935 19.0017 44.467 16.733C43.2387 14.2609 39.3506 14.8711 35.5564 14.8867C32.3958 14.9024 31.8795 27.662 31.5274 30.142C31.5274 30.142 34.4611 47.2434 25.6835 56.1149C15.928 65.98 -0.0078203 69.9542 2.87932e-06 82.2287C2.87932e-06 110.971 14.246 119.483 16.0532 162.416C23.1332 164.638 25.175 163.676 35.3999 163.386C35.8224 163.371 36.2135 163.12 36.3856 162.737C37.3088 160.734 38.0285 159.271 39.7887 156.917C42.3704 156.236 47.3694 154.992 50.3657 154.515C50.8272 154.445 51.1871 154.092 51.2731 153.631C51.6565 151.636 52.5405 148.217 53.5184 146.011C56.2878 144.235 59.8161 141.99 61.7093 140.785L61.7015 140.77Z" fill="#F9C4AA"/>
9
+ <path d="M66.8008 132.629C66.0401 130.674 63.712 125.721 61.4558 124.64C59.1997 123.559 59.3658 124.908 59.7295 125.786C60.1117 126.7 61.2823 129.329 58.3374 127.022C57.0506 126.015 55.4369 125.148 53.9211 124.827C52.9777 124.626 52.0139 125.331 53.1106 128.477C54.2091 131.622 56.1366 134.804 58.8045 136.257C61.4724 137.709 61.3174 137.159 61.3174 137.159L66.8008 132.631H66.799L66.8008 132.629Z" fill="#C58F79"/>
10
+ <path d="M102.623 149.993C112.689 144.653 119.603 140.202 120.746 135.087C121.228 132.926 120.384 129.74 117.46 128.197C114.962 126.88 112.866 127.208 111.044 127.963C109.34 128.668 108.656 129.293 107.698 129.971C101.244 134.535 97.2482 139.457 86.6155 143.369C83.6411 144.463 77.5815 139.926 72.9511 136.067C70.6192 134.123 67.7814 131.567 67.3088 130.87L59.7169 137.822C61.5928 139.79 71.7657 152.514 84.4793 155.257C89.4291 156.325 98.9541 151.942 102.626 149.994L102.623 149.993Z" fill="#9ECCED"/>
11
+ <path d="M150.773 197.335L156.588 198.323C156.588 198.323 156.852 197.89 157.371 200.547C157.889 203.205 156.914 206.394 155.514 209.004C154.115 211.614 152.923 211.241 152.293 210.694C149.5 208.267 149.123 207.842 148.593 205.682C148.062 203.522 149.943 199.009 150.77 197.335H150.771H150.773Z" fill="#C58F79"/>
12
+ <path d="M129.668 131.865C129.719 130.311 130.747 125.926 134.883 127.201C139.141 128.514 143.736 130.183 148.128 136.501C152.353 142.579 155.972 150.723 157.027 166.274C158.201 183.575 158.609 199.456 158.631 199.713L148.426 199.494C148.406 199.236 148.388 186.627 146.423 163.874C145.873 157.472 144.034 150.514 141.746 147.178C140.261 145.012 138.217 142.339 136.853 141.123C136.853 141.123 134.488 139.477 132.706 138.191C129.801 136.095 129.602 133.881 129.668 131.869V131.865Z" fill="#9ECCED"/>
13
+ <path d="M105.079 284.673C105.079 284.673 103.78 288.15 103.632 288.922C103.484 289.59 103.16 289.828 105.547 289.849C105.547 289.849 119.718 290.073 120.684 289.849C121.322 289.701 122.12 288.818 121.688 284.874L105.077 284.673H105.079Z" fill="#1E1A28"/>
14
+ <path d="M133.682 284.894C133.682 284.894 133.453 288.238 133.945 288.966C134.441 289.694 134.736 290.164 139.087 289.924C139.087 289.924 151.359 290.146 151.749 289.831C152.138 289.514 149.901 284.662 149.901 284.662L133.68 284.894H133.682Z" fill="#1E1A28"/>
15
+ <path d="M103.505 178.794C103.408 185.366 102.721 219.636 102.624 223.336C102.475 227.041 102.377 258.545 102.377 262.038C102.377 265.532 102.278 284.724 102.719 285.35C103.161 285.975 121.466 286.443 122.397 285.767C123.33 285.09 122.397 254.109 122.545 250.405C122.642 246.701 123.231 228.394 122.642 213.477C122.053 198.56 123.123 195.8 123.469 195.8C123.815 195.8 124.115 195.066 125.488 209.149C126.862 223.232 129.659 248.843 130.248 255.047C130.837 261.307 132.456 285.562 133.096 285.822C133.734 286.083 151.059 285.77 151.646 285.562C152.235 285.353 150.713 265.113 150.519 262.871C150.323 260.626 146.396 210.869 146.2 208.207C146.005 205.549 144.238 177.748 144.238 177.748C144.238 177.748 123.528 177.799 121.762 177.956C119.946 178.059 103.505 178.79 103.505 178.79H103.509L103.505 178.794Z" fill="#9ECCED"/>
16
+ <path d="M102.367 228.233L103.465 182.686L144.53 181.863L147.823 227.502L102.367 228.233Z" fill="#054449"/>
17
+ <path d="M144.047 170.213C144.071 175.377 144.457 180.356 144.559 182.546C144.559 182.546 123.619 184.635 115.014 183.597C115.014 183.597 104.008 183.105 103.436 183.105C103.436 183.105 103.573 174.04 103.564 168.885C103.639 161.018 103.796 154.332 104.004 148.7C104.213 143.068 103.496 132.095 110.761 128.339C115.311 125.991 116.622 126.141 122.946 125.828C128.119 125.619 135.456 126.41 138.435 129.174C142.249 132.666 142.703 140.189 143.233 147.407C143.583 155.545 143.844 163.434 144.049 170.213H144.047Z" fill="#9ECCED"/>
18
+ <path d="M103.436 184.336L103.618 164.026C103.618 164.026 107.582 163.371 108.832 163.112C110.081 162.852 110.29 128.223 110.29 128.223C110.29 128.223 112.117 127.441 113.121 127.091C113.383 127.003 114.681 147.225 114.837 148.99C114.837 148.99 130.765 148.626 131.493 148.524C131.493 148.524 131.87 131.291 131.975 130.203C132.079 129.112 132.32 126.528 132.32 126.528C132.32 126.528 134.786 126.932 135.41 127.296C136.034 127.66 136.332 153.424 136.853 162.093C136.853 162.093 136.548 162.223 138.51 162.331C139.82 162.354 143.963 162.658 143.963 162.658L144.592 183.599L103.437 184.336H103.436Z" fill="#054449"/>
19
+ <path d="M135.209 113.606C135.144 113.252 134.833 113.063 134.469 112.906C134.618 110.059 134.025 108.248 132.757 106.42C131.693 104.886 130.209 103.358 128.127 102.614C126.28 101.953 121.759 102.127 119.942 102.86C115.596 104.512 113.884 108.549 113.662 113.01C113.29 113.105 112.962 113.243 112.854 113.578C112.615 114.147 112.494 114.688 112.65 115.316C112.795 115.822 113.118 116.141 113.765 116.573C113.941 118.648 114.596 120.633 115.67 122.28L115.892 122.619C117.58 125.207 119.839 126.714 122.541 126.714H124.67C127.357 126.714 129.904 125.222 131.592 122.652L132.264 121.629C133.272 120.096 133.921 118.258 134.149 116.314C134.701 116.036 135.006 115.782 135.19 115.358C135.424 114.762 135.374 114.208 135.21 113.606H135.209Z" fill="#C58F79"/>
20
+ <path d="M140.668 117.009C140.376 115.509 138.563 113.559 137.939 112.585C136.283 109.996 135.6 108.668 135.6 108.668C133.795 104.976 129.874 101.923 125.418 101.71C123.123 101.602 120.695 101.643 118.514 102.93C118.502 102.936 118.526 102.922 118.514 102.93C115.352 104.51 112.866 108.691 113.478 112.394C113.513 112.6 113.553 112.802 113.604 113.003C113.973 112.991 114.391 113.084 114.721 112.873C116.245 111.905 118.284 109.807 119.452 107.407C122.958 112.71 130.037 114.61 134.464 112.895C134.464 112.899 134.464 112.903 134.464 112.908C134.829 113.064 135.141 113.254 135.206 113.608C135.371 114.21 135.42 114.766 135.186 115.363C135.001 115.787 134.696 116.042 134.143 116.32C133.915 118.268 133.264 120.107 132.253 121.641L131.58 122.666C131.024 123.511 130.375 124.238 129.66 124.835C129.793 125.281 130.678 127.696 134.029 127.003C137.563 126.272 137.518 125.938 139.041 124.315C140.716 122.525 141.325 120.394 140.669 117.009H140.668Z" fill="#1E1A28"/>
21
+ <path d="M134.996 111.719C134.996 111.719 134.582 110.968 133.052 109.603C131.883 108.563 127.669 106.216 122.308 106.837C116.947 107.458 114.145 111.603 113.324 111.87C113.043 111.964 113.243 107.711 113.243 107.711C113.243 107.711 114.004 104.042 117.006 101.825C120.201 99.4709 123.129 98.4238 127.743 99.6803C135.366 101.76 135.861 107.617 135.418 111.921L134.996 111.711V111.719Z" fill="#9ECCED"/>
22
+ </svg>
package/mtds/illustrations/humans/person-mobile.svg ADDED
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="135" height="248" fill="none" viewBox="0 0 135 248"><path fill="#C58F79" d="M17.55 50.71c-.94-2.44-3.82-8.62-6.61-9.97-2.8-1.35-2.6.34-2.14 1.43.47 1.14 1.92 4.42-1.73 1.54a14.11 14.11 0 0 0-5.46-2.74c-1.17-.25-2.36.63-1 4.56 1.35 3.92 3.74 7.9 7.04 9.7 3.3 1.82 3.11 1.13 3.11 1.13l6.8-5.65Z"/><path fill="#9ECCED" d="M61.9 72.38c12.46-6.67 21.02-12.22 22.44-18.6.6-2.7-.45-6.68-4.07-8.6a8.67 8.67 0 0 0-7.94-.3c-2.11.89-2.96 1.67-4.14 2.51-8 5.7-12.94 11.84-26.1 16.72-3.69 1.37-11.19-4.3-16.92-9.11-2.89-2.43-6.4-5.62-6.99-6.49l-9.4 8.68c2.33 2.46 14.92 18.33 30.66 21.75 6.13 1.34 17.92-4.13 22.47-6.56Z"/><path fill="#1E1A28" d="M110.74 241.34s1.63 4.35 1.81 5.31c.19.84.6 1.13-2.4 1.16 0 0-17.7.28-18.9 0-.8-.18-1.8-1.29-1.26-6.22l20.76-.25ZM75 241.62s.29 4.18-.33 5.09c-.62.9-.99 1.5-6.42 1.2 0 0-15.34.27-15.83-.12-.48-.4 2.31-6.46 2.31-6.46l20.27.29Z"/><path fill="#054449" d="M112.48 109c.12 8.21 1.2 51.05 1.33 55.67.19 4.63.3 44.01.3 48.38 0 4.37.13 28.35-.42 29.14-.55.78-23.43 1.36-24.59.52-1.16-.85 0-39.57-.18-44.2-.12-4.63-.86-27.51-.12-46.16.73-18.65-.6-22.1-1.04-22.1-.43 0-.8-.91-2.52 16.69s-5.21 49.62-5.95 57.37c-.73 7.82-2.76 38.14-3.56 38.47-.8.32-22.44-.07-23.18-.33-.73-.26 1.17-25.56 1.41-28.36.24-2.8 5.15-65 5.4-68.33.24-3.32 2.45-38.07 2.45-38.07s25.88.06 28.08.26c2.27.13 22.59 1.04 22.59 1.04Z"/><path fill="#9ECCED" d="M112.05 98.27c.03 6.46.5 12.68.64 15.42 0 0-26.17 2.61-36.92 1.31 0 0-13.76-.61-14.47-.61 0 0 .17-11.33.16-17.78.1-9.83.29-18.19.55-25.23.26-7.04-.64-20.75 8.44-25.45 5.69-2.93 7.33-2.74 15.23-3.13 6.46-.27 15.63.72 19.35 4.18 4.77 4.36 5.34 13.77 6 22.79.44 10.17.76 20.03 1.02 28.5Z"/><path fill="#054449" d="M72.83 62.07a3.43 3.43 0 0 0-1.77-.47 3.09 3.09 0 0 1 6.06.26 3.43 3.43 0 0 0-1.8.33 1.26 1.26 0 0 0-2.5-.12Zm4.32.2a3.04 3.04 0 0 0-3.36 3.1 3.09 3.09 0 0 0 3.36-3.07v-.02ZM71 62.02a3.1 3.1 0 0 0 2.38 3.3v-.01c0-.58.14-1.13.4-1.63A3.04 3.04 0 0 0 71 62Z"/><path fill="#C58F79" d="M101.2 27.06c-.09-.44-.48-.68-.93-.88.18-3.56-.56-5.82-2.14-8.1-1.33-1.92-3.19-3.83-5.79-4.76-2.3-.83-7.95-.61-10.22.3-5.44 2.07-7.57 7.12-7.85 12.7-.47.11-.88.28-1.01.7A3.3 3.3 0 0 0 73 29.2c.18.64.59 1.04 1.4 1.58a15.5 15.5 0 0 0 2.38 7.13l.28.42c2.1 3.24 4.93 5.12 8.3 5.12h2.66c3.36 0 6.54-1.86 8.65-5.08l.84-1.27a15.38 15.38 0 0 0 2.36-6.65c.69-.34 1.07-.66 1.3-1.2.3-.74.23-1.43.02-2.18Z"/><path fill="#1E1A28" d="M93.97 14.02a15.08 15.08 0 0 0-4.36-1.65 4.4 4.4 0 0 0 1.55-1.29l.33-.43c.5-.67.83-1.48.93-2.33l.1-.83a4.84 4.84 0 0 0-.78-3.25l-.25-.36a3.1 3.1 0 0 0-2.15-1.42c-1.76-.39-3-.05-3.88.26a4.59 4.59 0 0 0-2.99 4.11l-.05.93a4.8 4.8 0 0 0 .95 3.17l.1.14c.4.52.85.94 1.36 1.23-3.3.56-6.6 2.52-8.35 5.07-2.75 4.6-2.29 5.29-2.63 8-.04.35.02.7.05 1.04a12.87 12.87 0 0 0 13.74-7.5c1.96 4.77 6.53 8.22 11.64 7.46.32-.05.67-.15.98-.2.08-.64.06-1.2.06-1.87.05-3.73-2.33-8.16-6.35-10.28Z"/><path fill="#C58F79" d="M108.7 113.44c-2.16.72-7.66 2.97-9.03 5.35-1.37 2.37-1.4 3.09-1 7.76.08 1.06.81 2.46 4.27 1.44 3.46-1.02 7.04-2.93 8.84-5.73 1.8-2.8 1.2-2.67 1.2-2.67l-4.28-6.15Z"/><path fill="#9ECCED" d="M92.74 50.84c.66-4.3 2.87-7.2 5.93-6.92 8.2 1.96 18.11 8.94 26.31 20.45 3 4.2 9.35 14.4 9.35 20.68-.22 16.08-18.4 34-20.54 36.62l-9.42-8.05c.6-.36 5.17-5.6 8.53-10.02 4.68-8.73 7.7-14.62 7.7-18.55-2.92-11.09-9.2-16.05-20.84-22.99 0 0-4.04-2.23-5.73-4.9a8 8 0 0 1-1.29-6.32Z"/><path fill="#054449" d="m.72 27.84 14.57-2.71a.88.88 0 0 1 1.02.68l4.44 20.67c.1.47-.19.93-.65 1.04l-14.38 3.6a.88.88 0 0 1-1.07-.67L.02 28.9a.88.88 0 0 1 .7-1.06Z"/></svg>
package/mtds/index.d.ts CHANGED
@@ -1,2 +1 @@
1
1
  export * as styles from './styles.module.css.js';
2
- export declare function hello(): void;
package/mtds/index.js CHANGED
@@ -1,9 +1,6 @@
1
- import * as o from "./styles.module.css.js";
2
- function e() {
3
- console.log("Hello from designsystem");
4
- }
1
+ import * as s from "./styles.module.css.js";
2
+ import "./field/field.js";
5
3
  export {
6
- e as hello,
7
- o as styles
4
+ s as styles
8
5
  };
9
6
  //# sourceMappingURL=index.js.map
package/mtds/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../designsystem/index.ts"],"sourcesContent":["export * as styles from './styles.module.css';\nexport function hello() {\n console.log('Hello from designsystem');\n}"],"names":["hello"],"mappings":";AACO,SAASA,IAAQ;AACtB,UAAQ,IAAI,yBAAyB;AACvC;"}
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}