@mattilsynet/design 3.3.6 → 3.3.8

package/mtds/ai/card.mdx

@@ -24,7 +24,7 @@ import * as stories from './card.stories';
 </div>
 
 ## Border radius
-- Både `card` og `group` støtter `data-radius="sm | md | lg | lg"` for endring av padding (`lg` er default for card, og `xl` er default for group)
+- Både `card` og `group` støtter `data-radius="sm | md | lg | lg"` for endring av avrunding (`lg` er default for card, og `xl` er default for group)
 <Canvas of={stories.Radius} />
 
 ## Interaktiv

package/mtds/ai/field.stories.tsx

@@ -513,6 +513,33 @@ export const WithSuggestionCreatable: Story = {
 	),
 };
 
+export const WithSuggestionNoResults: Story = {
+	parameters: {
+		layout: "padded",
+	},
+	render: () => (
+		<ds-field className={styles.field}>
+			<label>Med "ingen treff"</label>
+			<ds-suggestion className={styles.suggestion}>
+				<input type="text" className={styles.input} />
+				<del role="img" aria-label="Fjern tekst"></del>
+				<u-datalist>
+					<u-option role="none" value="">
+						Ingen treff
+					</u-option>
+					<u-option value="Sogndal">Sogndal</u-option>
+					<u-option value="Oslo">Oslo</u-option>
+					<u-option value="Brønnøysund">Brønnøysund</u-option>
+					<u-option value="Stavanger">Stavanger</u-option>
+					<u-option value="Trondheim">Trondheim</u-option>
+					<u-option value="Bergen">Bergen</u-option>
+					<u-option value="Lillestrøm">Lillestrøm</u-option>
+				</u-datalist>
+			</ds-suggestion>
+		</ds-field>
+	),
+};
+
 export const WithSuggestionAPI: Story = {
 	parameters: {
 		layout: "padded",
@@ -523,12 +550,12 @@ export const WithSuggestionAPI: Story = {
 
 		const getCountries = async (value: string) => {
 			if (!value) return setOptions("Name a country");
-			const api = `https://restcountries.com/v2/name/${value}?fields=name`;
-			const countries = await (await fetch(api)).json();
+			const api = `https://dummyjson.com/recipes/search?q=${value}`;
+			const data = await (await fetch(api)).json();
 
 			setOptions(
-				Array.isArray(countries)
-					? countries.map(({ name }) => name)
+				Array.isArray(data.recipes)
+					? data.recipes.map(({ name }: { name: string }) => name)
 					: "No results",
 			);
 		};
@@ -536,7 +563,7 @@ export const WithSuggestionAPI: Story = {
 		const handleInput = (event: React.InputEvent<HTMLInputElement>) => {
 			const value = encodeURIComponent(event.currentTarget.value.trim());
 
-			setOptions(value ? "Loading..." : "Name a country");
+			setOptions(value ? "Loading..." : "Find a recipe");
 			clearTimeout(timer.current);
 			timer.current = setTimeout(getCountries, 500, value); // Debounce API call
 		};

package/mtds/ai/fileupload.stories.tsx

@@ -124,3 +124,27 @@ export const WithPreviewImage: Story = {
 		);
 	},
 };
+
+export const WithExternalLabel: Story = {
+	render: () => (
+		<ds-field className={styles.field}>
+			<label>Last opp filter</label>
+			<label className={styles.fileupload}>
+				<UploadIcon />
+				<br />
+				Dra over eller <u>last opp fil</u>
+				<small>
+					Støttede formater: PDF, JPEG, SVG
+					<br />
+					Filstørrelse under 10 MB
+				</small>
+				<input
+					type="file"
+					accept="image/*,.pdf"
+					title="Last opp filer"
+					required
+				/>
+			</label>
+		</ds-field>
+	),
+};

package/mtds/ai/typography.stories.tsx

@@ -683,6 +683,30 @@ export const Prose: Story = {
 				forpakningsenheter mindre enn 25 L, dersom de går til en «approved
 				arrangement class 4.1» for foredling i Australia.
 			</p>
+			<ul>
+				<li>
+					Matliste
+					<ul>
+						<li>
+							Pølse
+							<ul>
+								<li>Grill</li>
+								<li>Wiener</li>
+							</ul>
+						</li>
+						<li>
+							Brød
+							<ul>
+								<li>Rug</li>
+								<li>Knekk</li>
+								<li>Loff</li>
+								<li>Gull</li>
+								<li>Hue</li>
+							</ul>
+						</li>
+					</ul>
+				</li>
+			</ul>
 		</div>
 	),
 };

package/mtds/app/app-observer.js

@@ -1,6 +1,6 @@
 import P from "../styles.module.css.js";
 import { getByCSSModule as _, onHotReload as h, on as r, QUICK_EVENT as m, debounce as E } from "../utils.js";
-import "./app-toggle.js";
+import "./app-toggle2.js";
 const y = P.app.split(" ")[0], I = `[data-command="toggle-app-expanded"],.${y} > [command="show-modal"]`, u = `.${y} > dialog,.${y} dialog ~ main`, S = _("sticky"), w = (t) => {
   document.startViewTransition ? document.startViewTransition(t) : t();
 }, x = (t) => (

package/mtds/app/app-toggle.js

@@ -1,11 +1,27 @@
-typeof window < "u" && window.CSSStyleSheet && document.adoptedStyleSheets && (() => {
-  const e = "--mtds-app-expanded", d = new CSSStyleSheet(), o = () => !window.localStorage.getItem(e)?.includes("false");
-  document.adoptedStyleSheets.push(d), window.mtdsToggleAppExpanded = (n) => {
-    try {
-      const t = n ?? !o();
-      d.replaceSync?.(`:root { ${e}: var(${e}--${t})}`), window.localStorage.setItem(e, t);
-    } catch {
-    }
-  }, window.mtdsToggleAppExpanded(o());
-})();
+const t = `if (
+	typeof window !== "undefined" &&
+	window.CSSStyleSheet &&
+	document.adoptedStyleSheets
+)
+	(() => {
+		const key = "--mtds-app-expanded";
+		const sheet = new CSSStyleSheet();
+		const prev = () => !window.localStorage.getItem(key)?.includes("false");
+
+		document.adoptedStyleSheets.push(sheet);
+		window.mtdsToggleAppExpanded = (force) => {
+			try {
+				const next = force ?? !prev();
+				sheet.replaceSync?.(\`:root { \${key}: var(\${key}--\${next})}\`);
+				window.localStorage.setItem(key, next);
+			} catch (_err) {} // localStorage is full or replaceSync is not supported
+		};
+
+		// Set and store initial state
+		window.mtdsToggleAppExpanded(prev());
+	})();
+`;
+export {
+  t as default
+};
 //# sourceMappingURL=app-toggle.js.map

package/mtds/app/app-toggle.js.map

@@ -1 +1 @@
-{"version":3,"file":"app-toggle.js","sources":["../../designsystem/app/app-toggle.js"],"sourcesContent":["if (\n\ttypeof window !== \"undefined\" &&\n\twindow.CSSStyleSheet &&\n\tdocument.adoptedStyleSheets\n)\n\t(() => {\n\t\tconst key = \"--mtds-app-expanded\";\n\t\tconst sheet = new CSSStyleSheet();\n\t\tconst prev = () => !window.localStorage.getItem(key)?.includes(\"false\");\n\n\t\tdocument.adoptedStyleSheets.push(sheet);\n\t\twindow.mtdsToggleAppExpanded = (force) => {\n\t\t\ttry {\n\t\t\t\tconst next = force ?? !prev();\n\t\t\t\tsheet.replaceSync?.(`:root { ${key}: var(${key}--${next})}`);\n\t\t\t\twindow.localStorage.setItem(key, next);\n\t\t\t} catch (_err) {} // localStorage is full or replaceSync is not supported\n\t\t};\n\n\t\t// Set and store initial state\n\t\twindow.mtdsToggleAppExpanded(prev());\n\t})();\n"],"names":["key","sheet","prev","force","next"],"mappings":"AACC,OAAO,SAAW,OAClB,OAAO,iBACP,SAAS,uBAER,MAAM;AACN,QAAMA,IAAM,uBACNC,IAAQ,IAAI,cAAa,GACzBC,IAAO,MAAM,CAAC,OAAO,aAAa,QAAQF,CAAG,GAAG,SAAS,OAAO;AAEtE,WAAS,mBAAmB,KAAKC,CAAK,GACtC,OAAO,wBAAwB,CAACE,MAAU;AACzC,QAAI;AACH,YAAMC,IAAOD,KAAS,CAACD,EAAI;AAC3B,MAAAD,EAAM,cAAc,WAAWD,CAAG,SAASA,CAAG,KAAKI,CAAI,IAAI,GAC3D,OAAO,aAAa,QAAQJ,GAAKI,CAAI;AAAA,IACtC,QAAe;AAAA,IAAC;AAAA,EACjB,GAGA,OAAO,sBAAsBF,GAAM;AACpC,GAAC;"}
+{"version":3,"file":"app-toggle.js","sources":["../../designsystem/app/app-toggle.js?raw"],"sourcesContent":["export default \"if (\\n\\ttypeof window !== \\\"undefined\\\" &&\\n\\twindow.CSSStyleSheet &&\\n\\tdocument.adoptedStyleSheets\\n)\\n\\t(() => {\\n\\t\\tconst key = \\\"--mtds-app-expanded\\\";\\n\\t\\tconst sheet = new CSSStyleSheet();\\n\\t\\tconst prev = () => !window.localStorage.getItem(key)?.includes(\\\"false\\\");\\n\\n\\t\\tdocument.adoptedStyleSheets.push(sheet);\\n\\t\\twindow.mtdsToggleAppExpanded = (force) => {\\n\\t\\t\\ttry {\\n\\t\\t\\t\\tconst next = force ?? !prev();\\n\\t\\t\\t\\tsheet.replaceSync?.(`:root { ${key}: var(${key}--${next})}`);\\n\\t\\t\\t\\twindow.localStorage.setItem(key, next);\\n\\t\\t\\t} catch (_err) {} // localStorage is full or replaceSync is not supported\\n\\t\\t};\\n\\n\\t\\t// Set and store initial state\\n\\t\\twindow.mtdsToggleAppExpanded(prev());\\n\\t})();\\n\""],"names":["script"],"mappings":"AAAA,MAAAA,IAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/mtds/app/app-toggle2.js

@@ -1,27 +1,11 @@
-const t = `if (
-	typeof window !== "undefined" &&
-	window.CSSStyleSheet &&
-	document.adoptedStyleSheets
-)
-	(() => {
-		const key = "--mtds-app-expanded";
-		const sheet = new CSSStyleSheet();
-		const prev = () => !window.localStorage.getItem(key)?.includes("false");
-
-		document.adoptedStyleSheets.push(sheet);
-		window.mtdsToggleAppExpanded = (force) => {
-			try {
-				const next = force ?? !prev();
-				sheet.replaceSync?.(\`:root { \${key}: var(\${key}--\${next})}\`);
-				window.localStorage.setItem(key, next);
-			} catch (_err) {} // localStorage is full or replaceSync is not supported
-		};
-
-		// Set and store initial state
-		window.mtdsToggleAppExpanded(prev());
-	})();
-`;
-export {
-  t as default
-};
+typeof window < "u" && window.CSSStyleSheet && document.adoptedStyleSheets && (() => {
+  const e = "--mtds-app-expanded", d = new CSSStyleSheet(), o = () => !window.localStorage.getItem(e)?.includes("false");
+  document.adoptedStyleSheets.push(d), window.mtdsToggleAppExpanded = (n) => {
+    try {
+      const t = n ?? !o();
+      d.replaceSync?.(`:root { ${e}: var(${e}--${t})}`), window.localStorage.setItem(e, t);
+    } catch {
+    }
+  }, window.mtdsToggleAppExpanded(o());
+})();
 //# sourceMappingURL=app-toggle2.js.map

package/mtds/app/app-toggle2.js.map

@@ -1 +1 @@
-{"version":3,"file":"app-toggle2.js","sources":["../../designsystem/app/app-toggle.js?raw"],"sourcesContent":["export default \"if (\\n\\ttypeof window !== \\\"undefined\\\" &&\\n\\twindow.CSSStyleSheet &&\\n\\tdocument.adoptedStyleSheets\\n)\\n\\t(() => {\\n\\t\\tconst key = \\\"--mtds-app-expanded\\\";\\n\\t\\tconst sheet = new CSSStyleSheet();\\n\\t\\tconst prev = () => !window.localStorage.getItem(key)?.includes(\\\"false\\\");\\n\\n\\t\\tdocument.adoptedStyleSheets.push(sheet);\\n\\t\\twindow.mtdsToggleAppExpanded = (force) => {\\n\\t\\t\\ttry {\\n\\t\\t\\t\\tconst next = force ?? !prev();\\n\\t\\t\\t\\tsheet.replaceSync?.(`:root { ${key}: var(${key}--${next})}`);\\n\\t\\t\\t\\twindow.localStorage.setItem(key, next);\\n\\t\\t\\t} catch (_err) {} // localStorage is full or replaceSync is not supported\\n\\t\\t};\\n\\n\\t\\t// Set and store initial state\\n\\t\\twindow.mtdsToggleAppExpanded(prev());\\n\\t})();\\n\""],"names":["script"],"mappings":"AAAA,MAAAA,IAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}
+{"version":3,"file":"app-toggle2.js","sources":["../../designsystem/app/app-toggle.js"],"sourcesContent":["if (\n\ttypeof window !== \"undefined\" &&\n\twindow.CSSStyleSheet &&\n\tdocument.adoptedStyleSheets\n)\n\t(() => {\n\t\tconst key = \"--mtds-app-expanded\";\n\t\tconst sheet = new CSSStyleSheet();\n\t\tconst prev = () => !window.localStorage.getItem(key)?.includes(\"false\");\n\n\t\tdocument.adoptedStyleSheets.push(sheet);\n\t\twindow.mtdsToggleAppExpanded = (force) => {\n\t\t\ttry {\n\t\t\t\tconst next = force ?? !prev();\n\t\t\t\tsheet.replaceSync?.(`:root { ${key}: var(${key}--${next})}`);\n\t\t\t\twindow.localStorage.setItem(key, next);\n\t\t\t} catch (_err) {} // localStorage is full or replaceSync is not supported\n\t\t};\n\n\t\t// Set and store initial state\n\t\twindow.mtdsToggleAppExpanded(prev());\n\t})();\n"],"names":["key","sheet","prev","force","next"],"mappings":"AACC,OAAO,SAAW,OAClB,OAAO,iBACP,SAAS,uBAER,MAAM;AACN,QAAMA,IAAM,uBACNC,IAAQ,IAAI,cAAa,GACzBC,IAAO,MAAM,CAAC,OAAO,aAAa,QAAQF,CAAG,GAAG,SAAS,OAAO;AAEtE,WAAS,mBAAmB,KAAKC,CAAK,GACtC,OAAO,wBAAwB,CAACE,MAAU;AACzC,QAAI;AACH,YAAMC,IAAOD,KAAS,CAACD,EAAI;AAC3B,MAAAD,EAAM,cAAc,WAAWD,CAAG,SAASA,CAAG,KAAKI,CAAI,IAAI,GAC3D,OAAO,aAAa,QAAQJ,GAAKI,CAAI;AAAA,IACtC,QAAe;AAAA,IAAC;AAAA,EACjB,GAGA,OAAO,sBAAsBF,GAAM;AACpC,GAAC;"}

package/mtds/app/app.js

@@ -3,7 +3,7 @@ import a from "clsx";
 import { forwardRef as n } from "react";
 import { Button as m } from "../button/button.js";
 import s from "../styles.module.css.js";
-import d from "./app-toggle2.js";
+import d from "./app-toggle.js";
 const u = n(function({ as: r, className: t, ...p }, e) {
   return /* @__PURE__ */ o(r || "div", { className: a(s.app, t), ref: e, ...p });
 }), f = n(function({ as: r, className: t, ...p }, e) {

package/mtds/atlas/atlas-element.js

@@ -19,7 +19,7 @@ class r extends g {
   }
   constructor() {
     super(), this.attachShadow({ mode: "open" }).append(m("figure")), C(this, `@layer leaflet{${h}}
-@layer mt.v3-3-6design{${b}`);
+@layer mt.v3-3-8design{${b}`);
   }
   connectedCallback() {
     const t = this.shadowRoot?.lastElementChild, e = a(this, "data-cluster") ?? "false", o = new i.TileLayer(k, {

package/mtds/field/field.stories.d.ts

@@ -154,6 +154,7 @@ export declare const WithSuggestion: Story;
 export declare const WithSuggestionMultiple: Story;
 export declare const WithSuggestionMultipleInside: Story;
 export declare const WithSuggestionCreatable: Story;
+export declare const WithSuggestionNoResults: Story;
 export declare const WithSuggestionAPI: Story;
 export declare const WithSuggestionCustomFilter: Story;
 export declare const ReactWithSuggestion: Story;

package/mtds/fileupload/fileupload.stories.d.ts

@@ -11,3 +11,4 @@ export declare const Default: Story;
 export declare const React: Story;
 export declare const Invalid: Story;
 export declare const WithPreviewImage: Story;
+export declare const WithExternalLabel: Story;

package/mtds/illustrations/cloud-white-sunshine.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="970" height="800" fill="none" viewBox="0 0 970 800"><path fill="#f9cc76" d="M618.882 519.855c94.576 0 171.246-76.721 171.246-171.357 0-94.637-76.67-171.357-171.246-171.357s-171.247 76.72-171.247 171.357c0 94.636 76.671 171.357 171.247 171.357M475.493 168.642c1.168 11.493-28.506 31.487-36.226 31.091-8.195-.476-17.954-7.253-23.339-12.662l-46.915-47.122c-4.296-4.38-12.175-15.793-10.769-21.342 2.573-9.848 23.022-30.1 33.019-31.408 5.305-.713 14.926 6.262 19.281 10.562l55.348 55.009c3.663 3.665 9.126 11.413 9.601 15.872M272.368 374.034c-8.967-7.272-2.257-42.425 3.484-47.657 6.117-5.489 17.796-7.629 25.437-7.649l66.474-.119c6.137.04 19.776 2.458 22.706 7.372 5.166 8.758 5.087 37.551-1.01 45.596-3.246 4.26-14.946 6.182-21.082 6.262l-78.015.535c-5.186 0-14.53-1.566-18.014-4.36zM406.045 599.499c-4.989 4.617-15.461 11.097-20.39 9.531-11.006-3.666-35.058-32.121-28.109-40.404 12.807-15.239 70.116-76.133 81.597-74.864 10.155 1.109 29.674 21.421 29.832 35.093.079 6.738-7.166 19.222-12.649 24.314l-50.202 46.349h-.079zM588.623 673.209l.535-74.151c.079-6.143 1.999-17.834 6.255-21.104 8.018-6.103 36.781-6.182 45.55-1.01 4.909 2.932 7.344 16.605 7.364 22.728l-.119 66.542c-.02 7.629-2.177 19.34-7.641 25.463-5.206 5.727-40.363 8.521-47.608-.456-2.791-3.487-4.375-12.84-4.355-18.032h.019zM881.655 575.005c1.168 11.493-28.505 31.487-36.226 31.111-8.195-.476-17.954-7.273-23.339-12.663l-46.915-47.121c-4.296-4.38-12.194-15.794-10.769-21.342 2.573-9.848 23.022-30.1 33.019-31.408 5.305-.713 14.926 6.262 19.281 10.562l55.349 55.008c3.662 3.666 9.125 11.414 9.6 15.873zM946.643 378.374l-78.014-.535c-6.137-.08-17.817-2.002-21.083-6.262-6.097-8.025-6.176-36.818-1.009-45.596 2.929-4.914 16.588-7.352 22.705-7.372l66.474.119c7.621 0 19.32 2.18 25.437 7.649 5.721 5.212 12.452 40.405 3.484 47.657-3.484 2.794-12.827 4.379-18.014 4.36zM814.352 193.55c-4.988 4.617-15.46 11.097-20.389 9.531-11.006-3.666-35.058-32.121-28.11-40.424 12.808-15.238 70.116-76.132 81.598-74.864 10.155 1.11 29.673 21.421 29.832 35.094.079 6.737-7.166 19.221-12.65 24.314l-50.201 46.349zM648.307 23.808l-.534 74.131c-.08 6.143-2 17.834-6.256 21.104-8.017 6.103-36.78 6.182-45.55 1.011-4.909-2.933-7.344-16.606-7.363-22.73l.118-66.54c0-7.63 2.178-19.34 7.641-25.464 5.207-5.727 40.344-8.52 47.609.456 2.791 3.488 4.375 12.84 4.355 18.032z"/><path fill="#fff" d="M550.795 374c89.975 0 162.915 72.828 162.915 162.666q-.001 1.284-.022 2.562c14.601 18.467 23.316 41.788 23.316 67.143 0 59.892-48.626 108.444-108.61 108.444-15.061 0-29.407-3.063-42.446-8.596-27.435 51.211-81.513 86.053-143.745 86.054-32.165 0-62.152-9.31-87.409-25.374C317.665 787.668 271.34 800 221.099 800 98.989 800 0 727.172 0 637.334c0-80.421 79.325-147.209 183.55-160.327 25.702-43.125 72.849-72.021 126.757-72.021 40.579 0 77.327 16.373 103.982 42.863C443.366 403.386 493.643 374 550.795 374"/></svg>

package/mtds/illustrations/index.json

@@ -800,6 +800,10 @@
 		"categories": ["Natur"],
 		"tags": ["skyer", "solskinn"]
 	},
+	"cloud-white-sunshine.svg": {
+		"categories": ["Natur"],
+		"tags": ["skyer", "solskinn", "Hvit"]
+	},
 	"egg-boat.svg": {
 		"categories": ["Mat"],
 		"tags": ["eggebåt", "eggekajak", "eggekano", "eggekatamaran", "delt egg"]

package/mtds/index.iife.js

@@ -20,7 +20,7 @@ Add a heading (h2–h6), or set aria-label or aria-labelledby to provide an acce
 ::slotted([slot="summary"])::before { content: ''; display: inline-block; vertical-align: middle; margin-inline: .05em .3125em; border-block: .3125em solid transparent; border-inline-start: .5em solid }
 ::slotted([slot="summary"][aria-expanded="true"])::before { rotate: 90deg }
 :host > [part="details-content"]:not([hidden=""]) { display: block }`,Yc=Kc(Xn,'<slot name="summary"></slot><slot part="details-content" hidden="until-found"></slot>'),ur=class extends lr{static get observedAttributes(){return["open"]}constructor(){var t;super(),jc(this,Xn),(t=this.shadowRoot)==null||t.prepend(qe("slot",{name:"summary"}),qe("slot",{part:"details-content"})),console.warn(`\x1B[1m<u-details> is deprecated as <details> now has sufficient screen reader support 🎉\x1B[0m
-Please use <details> and <summary>, but import '@u-elements/u-details/polyfill' to polyfill support for Talkback screen reader when used with Firefox on Android.`,this)}connectedCallback(){var t;this._content=(t=this.shadowRoot)==null?void 0:t.children[1],st(this,"role","group"),cr(this._content,"beforematch",this),cr(this,"click keydown",this),this.attributeChangedCallback()}disconnectedCallback(){this._content&&jn(this._content,"beforematch",this),jn(this,"click keydown",this),this._content=void 0}attributeChangedCallback(t,e,n){const o="onbeforematch"in this?"until-found":!0,i=this.open;for(const r of this.children)r.nodeName==="U-SUMMARY"&&st(r,"aria-expanded",`${i}`);if(this._content&&(st(this._content,"aria-hidden",`${!i}`),st(this._content,"tabindex",i?null:"-1"),this._content.hidden=i?!1:o),i&&this.name){const r=Xc(this).querySelectorAll(`${this.nodeName}[name="${this.name}"]`);for(const s of r)s!==this&&(s.open=!1)}t==="open"&&e===null!=(n===null)&&this.dispatchEvent(new Event("toggle"))}handleEvent(t){var e,n;const o=t.key===" "||t.key==="Enter",i=t.target instanceof Element&&((e=t.target.closest('[slot="summary"]'))==null?void 0:e.parentElement)===this;t.defaultPrevented||(t.type==="beforematch"&&(this.open=!0),i&&t.type==="click"&&(this.open=!this.open),i&&t.type==="keydown"&&o&&((n=t.preventDefault)==null||n.call(t),t.target.dispatchEvent(new MouseEvent("click",t))))}get open(){return this.hasAttribute("open")}set open(t){st(this,"open",t?"":null)}get name(){return st(this,"name")||""}set name(t){st(this,"name",t)}},fr=class extends lr{connectedCallback(){st(this,"role","button"),this.slot="summary",this.tabIndex=0}};dr.define("u-details",ur),dr.define("u-summary",fr);const Qc="3.3.6",mr="_alert_14zqc_1 _ds-alert_o04yn_1",pr="_app_14zqc_1",hr="_sticky_14zqc_1",gr="_avatar_14zqc_1 _ds-avatar_o04yn_1",br="_badge_14zqc_1",vr="_breadcrumbs_14zqc_1 _ds-breadcrumbs_o04yn_3",yr="_button_14zqc_1 _ds-button_o04yn_1",wr="_card_14zqc_1",_r="_group_14zqc_1",Sr="_chip_14zqc_1 _ds-chip_o04yn_3",xr="_details_14zqc_1 _ds-details_o04yn_1",Er="_dialog_14zqc_1 _ds-dialog_o04yn_3",$r="__drawer_14zqc_1",Cr="_divider_14zqc_1",Ar="_errorsummary_14zqc_1 _ds-error-summary_o04yn_3",Tr="_field_14zqc_1 _ds-field_o04yn_1",kr="_suggestion_14zqc_1 _ds-suggestion_o04yn_3",Lr="_affixes_14zqc_1 _ds-field-affixes_o04yn_1",Rr="_fieldset_14zqc_1 _ds-fieldset_o04yn_1",Ir="_fileupload_14zqc_1",Or="_helptext_14zqc_1 _ds-focus_o04yn_1",Mr="_input_14zqc_1 _ds-input_o04yn_1",Dr="_law_14zqc_1",Pr="_grid_14zqc_1",Nr="_flex_14zqc_1",Hr="_link_14zqc_1",qr="_logo_14zqc_1",Br="__logo_14zqc_1",Ur="_pagination_14zqc_1 _ds-pagination_o04yn_3",zr="_popover_14zqc_1 _ds-popover_o04yn_1",Fr="_print_14zqc_1",Wr="_progress_14zqc_1",Vr="__indeterminate_14zqc_1",Gr="_skeleton_14zqc_1 _ds-skeleton_o04yn_3",jr="__skeleton_14zqc_1",Xr="_spinner_14zqc_1",Kr="_steps_14zqc_1",Yr="_table_14zqc_1 _ds-table_o04yn_3",Qr="__scrollShadow_14zqc_1",Zr="_tabs_14zqc_1 _ds-tabs_o04yn_3",Jr="__scrollMask_14zqc_1",ts="_tag_14zqc_1 _ds-tag_o04yn_3",es="_toast_14zqc_1",ns="__toastClose_14zqc_1",os="__toastOpen_14zqc_1",is="__toastTimeout_14zqc_1",rs="_togglegroup_14zqc_1 _ds-toggle-group_o04yn_3",ss="__tooltip_14zqc_1 _ds-tooltip_o04yn_3",as="_heading_14zqc_1 _ds-heading_o04yn_1",ls="_ingress_14zqc_1",cs="_muted_14zqc_1",ds="_info_14zqc_1",us="_prose_14zqc_1",fs="_validation_14zqc_1 _ds-validation-message_o04yn_1",ms="_body_14zqc_162",ps="__checked_14zqc_1",C={alert:mr,app:pr,sticky:hr,avatar:gr,badge:br,breadcrumbs:vr,button:yr,card:wr,group:_r,chip:Sr,details:xr,dialog:Er,_drawer:$r,divider:Cr,errorsummary:Ar,field:Tr,suggestion:kr,affixes:Lr,fieldset:Rr,fileupload:Ir,helptext:Or,input:Mr,law:Dr,grid:Pr,flex:Nr,link:Hr,logo:qr,_logo:Br,pagination:Ur,popover:zr,print:Fr,progress:Wr,_indeterminate:Vr,skeleton:Gr,_skeleton:jr,spinner:Xr,steps:Kr,table:Yr,_scrollShadow:Qr,tabs:Zr,_scrollMask:Jr,tag:ts,toast:es,_toastClose:ns,_toastOpen:os,_toastTimeout:is,togglegroup:rs,_tooltip:ss,heading:as,ingress:ls,muted:cs,info:ds,prose:us,validation:fs,body:ms,_checked:ps},Zc=Object.freeze(Object.defineProperty({__proto__:null,_checked:ps,_drawer:$r,_indeterminate:Vr,_logo:Br,_scrollMask:Jr,_scrollShadow:Qr,_skeleton:jr,_toastClose:ns,_toastOpen:os,_toastTimeout:is,_tooltip:ss,affixes:Lr,alert:mr,app:pr,avatar:gr,badge:br,body:ms,breadcrumbs:vr,button:yr,card:wr,chip:Sr,default:C,details:xr,dialog:Er,divider:Cr,errorsummary:Ar,field:Tr,fieldset:Rr,fileupload:Ir,flex:Nr,grid:Pr,group:_r,heading:as,helptext:Or,info:ds,ingress:ls,input:Mr,law:Dr,link:Hr,logo:qr,muted:cs,pagination:Ur,popover:zr,print:Fr,progress:Wr,prose:us,skeleton:Gr,spinner:Xr,steps:Kr,sticky:hr,suggestion:kr,table:Yr,tabs:Zr,tag:ts,toast:es,togglegroup:rs,validation:fs},Symbol.toStringTag,{value:"Module"}));function hs(t){var e,n,o="";if(typeof t=="string"||typeof t=="number")o+=t;else if(typeof t=="object")if(Array.isArray(t)){var i=t.length;for(e=0;e<i;e++)t[e]&&(n=hs(t[e]))&&(o&&(o+=" "),o+=n)}else for(n in t)t[n]&&(o&&(o+=" "),o+=n);return o}function Jc(){for(var t,e,n=0,o="",i=arguments.length;n<i;n++)(t=arguments[n])&&(e=hs(t))&&(o&&(o+=" "),o+=e);return o}const Jt={capture:!0,passive:!0},N=()=>typeof window<"u"&&typeof document<"u",wt=t=>N()?document.getElementsByClassName(C[t].split(" ")[0]):[];function qt(t,e){let n;return function(...o){clearTimeout(n),n=setTimeout(()=>t.apply(this,o),e)}}const g=(t,e,n)=>n===void 0?t.getAttribute(e)??null:(n===null?t.removeAttribute(e):t.getAttribute(e)!==n&&t.setAttribute(e,n),null),M=(t,...e)=>{const[n,...o]=e;for(const i of n.split(" "))t.addEventListener(i,...o);return()=>gs(t,...e)},gs=(t,...e)=>{const[n,...o]=e;for(const i of n.split(" "))t.removeEventListener(i,...o)},ut=(t,e)=>{if(!N())return;window._mtdsHotReloadCleanup||(window._mtdsHotReloadCleanup=new Map);const n=()=>{window._mtdsHotReloadCleanup?.get(t)?.map(o=>o()),window._mtdsHotReloadCleanup?.set(t,e())};document.readyState!=="complete"?M(window,"load",n):document.fonts?.ready?.then(n)||setTimeout(n,0)},Be=(t,e,n)=>{let o=0;const i=()=>{if(!t.isConnected)return r();e(s),s.takeRecords(),o=0},r=()=>s?.disconnect?.(),s=new MutationObserver(()=>{o||(o=requestAnimationFrame(i))});return s.observe(t,n),i(),r},R=(t,e,n)=>{const o=document.createElement(t);if(n&&(o.textContent=n),e)for(const[i,r]of Object.entries(e))g(o,i,r);return o},td=typeof HTMLElement>"u"?class{}:HTMLElement,ed=(t,e)=>!N()||window.customElements.get(t)||window.customElements.define(t,e),nd=typeof window<"u"&&window.CSSStyleSheet&&document.adoptedStyleSheets,od=(t,e)=>{if(!nd)return;t.shadowRoot||t.attachShadow({mode:"open"}).append(R("slot"));const n=new CSSStyleSheet;n.replaceSync(e),t.shadowRoot.adoptedStyleSheets=[n]},id=`[data-command="toggle-app-expanded"],.${C.app.split(" ")[0]} > [command="show-modal"]`,rd=`.${C.breadcrumbs.split(" ")[0]}`,sd=`.${C.card.split(" ")[0]}`,bs=`.${C.chip.split(" ")[0]}`,ad=`.${C.helptext.split(" ")[0]}`,ld=`.${C.pagination.split(" ")[0]}`,cd='summary,u-summary,a,button,[role="tab"],[role="button"]',Kn="mattilsynet.matomo.cloud",dd=["setCustomUrl","setDocumentTitle","setReferrerUrl"],W="mtds-analytics-banner",ud="https://www.mattilsynet.no/om-mattilsynet/personvernerklaering/informasjonskapsler";function vs(t,e={}){if(N()){if(window._paq||(window._paq=[],window._paq.push(["HeatmapSessionRecording::disable"]),window._paq.push(["enableLinkTracking"]),window._paq.push(["setTrackerUrl",`https://${Kn}/matomo.php`])),window._mtm||(window._mtm=window._mtm||[],window._mtm.push({"mtm.startTime":Date.now(),event:"mtm.Start"})),t==="init"){window._mtdsTracking={enabled:window.location.hostname!=="localhost",...window._mtdsTracking,...e};const{consent:n,enabled:o,matomoId:i,matomoTagManagerId:r}=window._mtdsTracking;if(i&&window._paq.push(["setSiteId",i]),o){n!=="custom"&&fd();const s=r?`https://cdn.matomo.cloud/${Kn}/container_${r}.js`:`https://cdn.matomo.cloud/${Kn}/matomo.js`;document.querySelector(`script[src="${s}"]`)||document.head.append(R("script",{async:"",src:s}))}}if(window._mtdsTracking?.enabled!==!1){if(window._mtdsTracking?.enabled==="debug")return console.info(`analytics ${t}:`,e);if(t==="pageview"){const{url:n,title:o}=e;window._paq.push(["setCustomUrl",n||location.href]),window._paq.push(["setDocumentTitle",o||document.title]),window._paq.push(["trackPageView"])}else if(t==="event"){const{category:n,action:o,name:i,value:r}=e,s=["trackEvent",n,o,i,r];let a=location.href;window._paq.push([function(){a=this.getCurrentUrl()}]),window._paq.push(["setCustomUrl",a.split("#")[0]]),window._paq.push(s.filter(l=>l!==void 0)),window._paq.push(["setCustomUrl",a])}else if(t==="search"){const{query:n,category:o=!1,results:i=!1}=e;window._paq.push(["trackSiteSearch",n,o,i])}else if(t==="matomo"){const n=e;dd.includes(n?.[0])&&typeof n[1]!="string"&&(n[1]=`${n[1]??""}`),window._paq.push(n)}}}}function fd(){if(document.getElementById(W)||window.localStorage.getItem(W))return;document.body.insertAdjacentHTML("afterbegin",`<dialog id="${W}" data-analytics="ignore"><style>
+Please use <details> and <summary>, but import '@u-elements/u-details/polyfill' to polyfill support for Talkback screen reader when used with Firefox on Android.`,this)}connectedCallback(){var t;this._content=(t=this.shadowRoot)==null?void 0:t.children[1],st(this,"role","group"),cr(this._content,"beforematch",this),cr(this,"click keydown",this),this.attributeChangedCallback()}disconnectedCallback(){this._content&&jn(this._content,"beforematch",this),jn(this,"click keydown",this),this._content=void 0}attributeChangedCallback(t,e,n){const o="onbeforematch"in this?"until-found":!0,i=this.open;for(const r of this.children)r.nodeName==="U-SUMMARY"&&st(r,"aria-expanded",`${i}`);if(this._content&&(st(this._content,"aria-hidden",`${!i}`),st(this._content,"tabindex",i?null:"-1"),this._content.hidden=i?!1:o),i&&this.name){const r=Xc(this).querySelectorAll(`${this.nodeName}[name="${this.name}"]`);for(const s of r)s!==this&&(s.open=!1)}t==="open"&&e===null!=(n===null)&&this.dispatchEvent(new Event("toggle"))}handleEvent(t){var e,n;const o=t.key===" "||t.key==="Enter",i=t.target instanceof Element&&((e=t.target.closest('[slot="summary"]'))==null?void 0:e.parentElement)===this;t.defaultPrevented||(t.type==="beforematch"&&(this.open=!0),i&&t.type==="click"&&(this.open=!this.open),i&&t.type==="keydown"&&o&&((n=t.preventDefault)==null||n.call(t),t.target.dispatchEvent(new MouseEvent("click",t))))}get open(){return this.hasAttribute("open")}set open(t){st(this,"open",t?"":null)}get name(){return st(this,"name")||""}set name(t){st(this,"name",t)}},fr=class extends lr{connectedCallback(){st(this,"role","button"),this.slot="summary",this.tabIndex=0}};dr.define("u-details",ur),dr.define("u-summary",fr);const Qc="3.3.8",mr="_alert_14zqc_1 _ds-alert_o04yn_1",pr="_app_14zqc_1",hr="_sticky_14zqc_1",gr="_avatar_14zqc_1 _ds-avatar_o04yn_1",br="_badge_14zqc_1",vr="_breadcrumbs_14zqc_1 _ds-breadcrumbs_o04yn_3",yr="_button_14zqc_1 _ds-button_o04yn_1",wr="_card_14zqc_1",_r="_group_14zqc_1",Sr="_chip_14zqc_1 _ds-chip_o04yn_3",xr="_details_14zqc_1 _ds-details_o04yn_1",Er="_dialog_14zqc_1 _ds-dialog_o04yn_3",$r="__drawer_14zqc_1",Cr="_divider_14zqc_1",Ar="_errorsummary_14zqc_1 _ds-error-summary_o04yn_3",Tr="_field_14zqc_1 _ds-field_o04yn_1",kr="_suggestion_14zqc_1 _ds-suggestion_o04yn_3",Lr="_affixes_14zqc_1 _ds-field-affixes_o04yn_1",Rr="_fieldset_14zqc_1 _ds-fieldset_o04yn_1",Ir="_fileupload_14zqc_1",Or="_helptext_14zqc_1 _ds-focus_o04yn_1",Mr="_input_14zqc_1 _ds-input_o04yn_1",Dr="_law_14zqc_1",Pr="_grid_14zqc_1",Nr="_flex_14zqc_1",Hr="_link_14zqc_1",qr="_logo_14zqc_1",Br="__logo_14zqc_1",Ur="_pagination_14zqc_1 _ds-pagination_o04yn_3",zr="_popover_14zqc_1 _ds-popover_o04yn_1",Fr="_print_14zqc_1",Wr="_progress_14zqc_1",Vr="__indeterminate_14zqc_1",Gr="_skeleton_14zqc_1 _ds-skeleton_o04yn_3",jr="__skeleton_14zqc_1",Xr="_spinner_14zqc_1",Kr="_steps_14zqc_1",Yr="_table_14zqc_1 _ds-table_o04yn_3",Qr="__scrollShadow_14zqc_1",Zr="_tabs_14zqc_1 _ds-tabs_o04yn_3",Jr="__scrollMask_14zqc_1",ts="_tag_14zqc_1 _ds-tag_o04yn_3",es="_toast_14zqc_1",ns="__toastClose_14zqc_1",os="__toastOpen_14zqc_1",is="__toastTimeout_14zqc_1",rs="_togglegroup_14zqc_1 _ds-toggle-group_o04yn_3",ss="__tooltip_14zqc_1 _ds-tooltip_o04yn_3",as="_heading_14zqc_1 _ds-heading_o04yn_1",ls="_ingress_14zqc_1",cs="_muted_14zqc_1",ds="_info_14zqc_1",us="_prose_14zqc_1",fs="_validation_14zqc_1 _ds-validation-message_o04yn_1",ms="_body_14zqc_162",ps="__checked_14zqc_1",C={alert:mr,app:pr,sticky:hr,avatar:gr,badge:br,breadcrumbs:vr,button:yr,card:wr,group:_r,chip:Sr,details:xr,dialog:Er,_drawer:$r,divider:Cr,errorsummary:Ar,field:Tr,suggestion:kr,affixes:Lr,fieldset:Rr,fileupload:Ir,helptext:Or,input:Mr,law:Dr,grid:Pr,flex:Nr,link:Hr,logo:qr,_logo:Br,pagination:Ur,popover:zr,print:Fr,progress:Wr,_indeterminate:Vr,skeleton:Gr,_skeleton:jr,spinner:Xr,steps:Kr,table:Yr,_scrollShadow:Qr,tabs:Zr,_scrollMask:Jr,tag:ts,toast:es,_toastClose:ns,_toastOpen:os,_toastTimeout:is,togglegroup:rs,_tooltip:ss,heading:as,ingress:ls,muted:cs,info:ds,prose:us,validation:fs,body:ms,_checked:ps},Zc=Object.freeze(Object.defineProperty({__proto__:null,_checked:ps,_drawer:$r,_indeterminate:Vr,_logo:Br,_scrollMask:Jr,_scrollShadow:Qr,_skeleton:jr,_toastClose:ns,_toastOpen:os,_toastTimeout:is,_tooltip:ss,affixes:Lr,alert:mr,app:pr,avatar:gr,badge:br,body:ms,breadcrumbs:vr,button:yr,card:wr,chip:Sr,default:C,details:xr,dialog:Er,divider:Cr,errorsummary:Ar,field:Tr,fieldset:Rr,fileupload:Ir,flex:Nr,grid:Pr,group:_r,heading:as,helptext:Or,info:ds,ingress:ls,input:Mr,law:Dr,link:Hr,logo:qr,muted:cs,pagination:Ur,popover:zr,print:Fr,progress:Wr,prose:us,skeleton:Gr,spinner:Xr,steps:Kr,sticky:hr,suggestion:kr,table:Yr,tabs:Zr,tag:ts,toast:es,togglegroup:rs,validation:fs},Symbol.toStringTag,{value:"Module"}));function hs(t){var e,n,o="";if(typeof t=="string"||typeof t=="number")o+=t;else if(typeof t=="object")if(Array.isArray(t)){var i=t.length;for(e=0;e<i;e++)t[e]&&(n=hs(t[e]))&&(o&&(o+=" "),o+=n)}else for(n in t)t[n]&&(o&&(o+=" "),o+=n);return o}function Jc(){for(var t,e,n=0,o="",i=arguments.length;n<i;n++)(t=arguments[n])&&(e=hs(t))&&(o&&(o+=" "),o+=e);return o}const Jt={capture:!0,passive:!0},N=()=>typeof window<"u"&&typeof document<"u",wt=t=>N()?document.getElementsByClassName(C[t].split(" ")[0]):[];function qt(t,e){let n;return function(...o){clearTimeout(n),n=setTimeout(()=>t.apply(this,o),e)}}const g=(t,e,n)=>n===void 0?t.getAttribute(e)??null:(n===null?t.removeAttribute(e):t.getAttribute(e)!==n&&t.setAttribute(e,n),null),M=(t,...e)=>{const[n,...o]=e;for(const i of n.split(" "))t.addEventListener(i,...o);return()=>gs(t,...e)},gs=(t,...e)=>{const[n,...o]=e;for(const i of n.split(" "))t.removeEventListener(i,...o)},ut=(t,e)=>{if(!N())return;window._mtdsHotReloadCleanup||(window._mtdsHotReloadCleanup=new Map);const n=()=>{window._mtdsHotReloadCleanup?.get(t)?.map(o=>o()),window._mtdsHotReloadCleanup?.set(t,e())};document.readyState!=="complete"?M(window,"load",n):document.fonts?.ready?.then(n)||setTimeout(n,0)},Be=(t,e,n)=>{let o=0;const i=()=>{if(!t.isConnected)return r();e(s),s.takeRecords(),o=0},r=()=>s?.disconnect?.(),s=new MutationObserver(()=>{o||(o=requestAnimationFrame(i))});return s.observe(t,n),i(),r},R=(t,e,n)=>{const o=document.createElement(t);if(n&&(o.textContent=n),e)for(const[i,r]of Object.entries(e))g(o,i,r);return o},td=typeof HTMLElement>"u"?class{}:HTMLElement,ed=(t,e)=>!N()||window.customElements.get(t)||window.customElements.define(t,e),nd=typeof window<"u"&&window.CSSStyleSheet&&document.adoptedStyleSheets,od=(t,e)=>{if(!nd)return;t.shadowRoot||t.attachShadow({mode:"open"}).append(R("slot"));const n=new CSSStyleSheet;n.replaceSync(e),t.shadowRoot.adoptedStyleSheets=[n]},id=`[data-command="toggle-app-expanded"],.${C.app.split(" ")[0]} > [command="show-modal"]`,rd=`.${C.breadcrumbs.split(" ")[0]}`,sd=`.${C.card.split(" ")[0]}`,bs=`.${C.chip.split(" ")[0]}`,ad=`.${C.helptext.split(" ")[0]}`,ld=`.${C.pagination.split(" ")[0]}`,cd='summary,u-summary,a,button,[role="tab"],[role="button"]',Kn="mattilsynet.matomo.cloud",dd=["setCustomUrl","setDocumentTitle","setReferrerUrl"],W="mtds-analytics-banner",ud="https://www.mattilsynet.no/om-mattilsynet/personvernerklaering/informasjonskapsler";function vs(t,e={}){if(N()){if(window._paq||(window._paq=[],window._paq.push(["HeatmapSessionRecording::disable"]),window._paq.push(["enableLinkTracking"]),window._paq.push(["setTrackerUrl",`https://${Kn}/matomo.php`])),window._mtm||(window._mtm=window._mtm||[],window._mtm.push({"mtm.startTime":Date.now(),event:"mtm.Start"})),t==="init"){window._mtdsTracking={enabled:window.location.hostname!=="localhost",...window._mtdsTracking,...e};const{consent:n,enabled:o,matomoId:i,matomoTagManagerId:r}=window._mtdsTracking;if(i&&window._paq.push(["setSiteId",i]),o){n!=="custom"&&fd();const s=r?`https://cdn.matomo.cloud/${Kn}/container_${r}.js`:`https://cdn.matomo.cloud/${Kn}/matomo.js`;document.querySelector(`script[src="${s}"]`)||document.head.append(R("script",{async:"",src:s}))}}if(window._mtdsTracking?.enabled!==!1){if(window._mtdsTracking?.enabled==="debug")return console.info(`analytics ${t}:`,e);if(t==="pageview"){const{url:n,title:o}=e;window._paq.push(["setCustomUrl",n||location.href]),window._paq.push(["setDocumentTitle",o||document.title]),window._paq.push(["trackPageView"])}else if(t==="event"){const{category:n,action:o,name:i,value:r}=e,s=["trackEvent",n,o,i,r];let a=location.href;window._paq.push([function(){a=this.getCurrentUrl()}]),window._paq.push(["setCustomUrl",a.split("#")[0]]),window._paq.push(s.filter(l=>l!==void 0)),window._paq.push(["setCustomUrl",a])}else if(t==="search"){const{query:n,category:o=!1,results:i=!1}=e;window._paq.push(["trackSiteSearch",n,o,i])}else if(t==="matomo"){const n=e;dd.includes(n?.[0])&&typeof n[1]!="string"&&(n[1]=`${n[1]??""}`),window._paq.push(n)}}}}function fd(){if(document.getElementById(W)||window.localStorage.getItem(W))return;document.body.insertAdjacentHTML("afterbegin",`<dialog id="${W}" data-analytics="ignore"><style>
 				#${W}[open] { box-sizing: border-box; display: flex; align-items: center; background: #116e6b; border-radius: .5em; border: 0; box-shadow: 0 .25em .5em rgba(0,0,0,.3); color: #fff; font-size: .875em; inset: auto auto 1em 1em; max-width: calc(100vw - 2em); outline: 0; padding: .5em; position: fixed; z-index: 99999 }
 				#${W} button { all: unset; box-sizing: border-box; cursor: pointer; display: flex; width: 1.5em; height: 1.5em; font: 300 1.5em/1.35 sans-serif; border-radius: .25em; place-content: center; transition: .2s; transition-property: background, scale }
 				#${W} button:focus-visible { outline: 2px solid }

package/mtds/logo/logo.js

@@ -2,19 +2,19 @@ import { jsx as a } from "react/jsx-runtime";
 import f from "clsx";
 import { forwardRef as n } from "react";
 import i from "../styles.module.css.js";
-const b = n(function({ as: r, className: m, style: t, ...o }, s) {
+const k = n(function({ as: r, className: t, style: m, ...o }, s) {
   const e = r || (o.href ? "a" : "span");
   return /* @__PURE__ */ a(
     e,
     {
-      className: f(i.logo, m),
-      style: { "-webkit-mask-box-image": "none", ...t },
+      className: f(i.logo, t),
+      style: { WebkitMaskBoxImage: "none", ...m },
       ref: s,
       ...o
     }
   );
 });
 export {
-  b as Logo
+  k as Logo
 };
 //# sourceMappingURL=logo.js.map

package/mtds/logo/logo.js.map

@@ -1 +1 @@
-{"version":3,"file":"logo.js","sources":["../../designsystem/logo/logo.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\ntype LogoBaseProps<Href> = {\n\t\"data-color\"?: \"danger\" | \"info\";\n\t\"data-env\"?: string | null;\n\thref?: Href;\n};\n\nexport type LogoProps<\n\tHref,\n\tAs extends React.ElementType = Href extends string ? \"a\" : \"span\",\n> = PolymorphicComponentPropWithRef<As, LogoBaseProps<Href>>;\n\ntype LogoComponent = <\n\tHref,\n\tAs extends React.ElementType = Href extends string ? \"a\" : \"span\",\n>(\n\tprops: LogoProps<Href, As>,\n) => JSX.Element;\n\nexport const Logo: LogoComponent = forwardRef<null>(function Logo<\n\tHref,\n\tAs extends React.ElementType = Href extends string ? \"a\" : \"span\",\n>(\n\t{ as, className, style, ...rest }: LogoProps<Href, As>,\n\tref?: PolymorphicRef<As>,\n) {\n\tconst Tag = as || (rest.href ? \"a\" : \"span\");\n\n\treturn (\n\t\t<Tag\n\t\t\tclassName={clsx(styles.logo, className)}\n\t\t\tstyle={{ \"-webkit-mask-box-image\": \"none\", ...style }} // Overwrite Autoprefixer\n\t\t\tref={ref}\n\t\t\t{...rest}\n\t\t/>\n\t);\n}) as LogoComponent; // Needed to tell Typescript this does not return ReactNode but acutally JSX.Element\n"],"names":["Logo","forwardRef","as","className","style","rest","ref","Tag","jsx","clsx","styles"],"mappings":";;;;AA0BO,MAAMA,IAAsBC,EAAiB,SAInD,EAAE,IAAAC,GAAI,WAAAC,GAAW,OAAAC,GAAO,GAAGC,EAAA,GAC3BC,GACC;AACD,QAAMC,IAAML,MAAOG,EAAK,OAAO,MAAM;AAErC,SACC,gBAAAG;AAAA,IAACD;AAAA,IAAA;AAAA,MACA,WAAWE,EAAKC,EAAO,MAAMP,CAAS;AAAA,MACtC,OAAO,EAAE,0BAA0B,QAAQ,GAAGC,EAAA;AAAA,MAC9C,KAAAE;AAAA,MACC,GAAGD;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}
+{"version":3,"file":"logo.js","sources":["../../designsystem/logo/logo.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\ntype LogoBaseProps<Href> = {\n\t\"data-color\"?: \"danger\" | \"info\";\n\t\"data-env\"?: string | null;\n\thref?: Href;\n};\n\nexport type LogoProps<\n\tHref,\n\tAs extends React.ElementType = Href extends string ? \"a\" : \"span\",\n> = PolymorphicComponentPropWithRef<As, LogoBaseProps<Href>>;\n\ntype LogoComponent = <\n\tHref,\n\tAs extends React.ElementType = Href extends string ? \"a\" : \"span\",\n>(\n\tprops: LogoProps<Href, As>,\n) => JSX.Element;\n\nexport const Logo: LogoComponent = forwardRef<null>(function Logo<\n\tHref,\n\tAs extends React.ElementType = Href extends string ? \"a\" : \"span\",\n>(\n\t{ as, className, style, ...rest }: LogoProps<Href, As>,\n\tref?: PolymorphicRef<As>,\n) {\n\tconst Tag = as || (rest.href ? \"a\" : \"span\");\n\n\treturn (\n\t\t<Tag\n\t\t\tclassName={clsx(styles.logo, className)}\n\t\t\tstyle={{ WebkitMaskBoxImage: \"none\", ...style }} // Overwrite Autoprefixer\n\t\t\tref={ref}\n\t\t\t{...rest}\n\t\t/>\n\t);\n}) as LogoComponent; // Needed to tell Typescript this does not return ReactNode but acutally JSX.Element\n"],"names":["Logo","forwardRef","as","className","style","rest","ref","Tag","jsx","clsx","styles"],"mappings":";;;;AA0BO,MAAMA,IAAsBC,EAAiB,SAInD,EAAE,IAAAC,GAAI,WAAAC,GAAW,OAAAC,GAAO,GAAGC,EAAA,GAC3BC,GACC;AACD,QAAMC,IAAML,MAAOG,EAAK,OAAO,MAAM;AAErC,SACC,gBAAAG;AAAA,IAACD;AAAA,IAAA;AAAA,MACA,WAAWE,EAAKC,EAAO,MAAMP,CAAS;AAAA,MACtC,OAAO,EAAE,oBAAoB,QAAQ,GAAGC,EAAA;AAAA,MACxC,KAAAE;AAAA,MACC,GAAGD;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}

package/mtds/package.json.js

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