@warp-ds/elements 1.3.0-next.1 → 1.3.0

package/dist/index.js

@@ -1366,7 +1366,7 @@ var attention = {
   closeBtn: `${buttonTextSizes.medium} ${buttonTypes.pill} ${buttonColors.pill} justify-self-end -mr-8 ml-8`
 };
 
-// node_modules/.pnpm/@warp-ds+icons@1.4.0/node_modules/@warp-ds/icons/dist/elements/search-16.js
+// node_modules/.pnpm/@warp-ds+icons@2.0.0/node_modules/@warp-ds/icons/dist/elements/search-16.js
 import { LitElement } from "lit";
 import { unsafeStatic, html } from "lit/static-html.js";
 
@@ -1721,25 +1721,66 @@ function setupI18n(params = {}) {
 }
 var i18n = setupI18n();
 
-// node_modules/.pnpm/@warp-ds+icons@1.4.0/node_modules/@warp-ds/icons/dist/elements/search-16.js
+// node_modules/.pnpm/@warp-ds+icons@2.0.0/node_modules/@warp-ds/icons/dist/elements/search-16.js
 var messages = JSON.parse('{"icon.title.search":"Forst\xF8rrelsesglass"}');
 var messages2 = JSON.parse('{"icon.title.search":"Magnifying glass"}');
 var messages3 = JSON.parse('{"icon.title.search":"Suurennuslasi"}');
-var supportedLocales = ["en", "nb", "fi"];
+var supportedLocales = ["en", "nb", "fi", "da", "sv"];
 var defaultLocale2 = "en";
+var detectByBrand = () => {
+  let value;
+  switch (process.env.NMP_BRAND) {
+    case "FINN":
+      value = "nb";
+      break;
+    case "TORI":
+      value = "fi";
+      break;
+    case "BLOCKET":
+      value = "sv";
+      break;
+    case "DBA":
+      value = "da";
+      break;
+    default:
+      value = "en";
+  }
+  return value;
+};
+var detectByHost = () => {
+  var _a;
+  const hostname = (_a = document == null ? void 0 : document.location) == null ? void 0 : _a.hostname;
+  if (hostname.includes("finn")) {
+    return "nb";
+  } else if (hostname.includes("tori")) {
+    return "fi";
+  } else if (hostname.includes("blocket")) {
+    return "sv";
+  } else if (hostname.includes("dba")) {
+    return "da";
+  } else {
+    return defaultLocale2;
+  }
+};
 var getSupportedLocale = (usedLocale) => {
   return supportedLocales.find(
     (locale) => usedLocale === locale || usedLocale.toLowerCase().includes(locale)
-  ) || defaultLocale2;
+  ) || detectByHost();
 };
 function detectLocale() {
+  var _a;
   if (typeof window === "undefined") {
-    const serverLocale = process.env.NMP_LANGUAGE || Intl.DateTimeFormat().resolvedOptions().locale;
+    const serverLocale = detectByBrand();
     return getSupportedLocale(serverLocale);
   }
   try {
-    const htmlLocale = document.documentElement.lang;
-    return getSupportedLocale(htmlLocale);
+    const htmlLocale = (_a = document == null ? void 0 : document.documentElement) == null ? void 0 : _a.lang;
+    const hostLocale = detectByHost();
+    if (!supportedLocales.includes(htmlLocale)) {
+      console.warn("Unsupported locale set in html lang tag, falling back to detection by hostname");
+      return getSupportedLocale(hostLocale);
+    }
+    return getSupportedLocale(htmlLocale != null ? htmlLocale : hostLocale);
   } catch (e2) {
     console.warn("could not detect locale, falling back to source locale", e2);
     return defaultLocale2;
@@ -1762,34 +1803,75 @@ activateI18n(messages2, messages, messages3);
 var IconSearch16 = class extends LitElement {
   render() {
     const title = i18n.t({ message: `Magnifying glass`, id: "icon.title.search", comment: "Title for search icon" });
-    return html`<svg xmlns="http://www.w3.org/2000/svg"width="16"height="16"fill="none"viewBox="0 0 16 16" part="w-icon-search-16-part">${unsafeStatic(`<title>${title}</title>`)}<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M8.796 11.803A5.684 5.684 0 1 0 4.349 1.341a5.684 5.684 0 0 0 4.447 10.462ZM11 11l4 4"></path></svg>`;
+    return html`<svg xmlns="http://www.w3.org/2000/svg"width="16"height="16"fill="none"viewBox="0 0 16 16" part="w-icon-search-16-part">${unsafeStatic(`<title>${title}</title>`)}<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M8.905 12.102A6.042 6.042 0 1 0 4.18.981a6.042 6.042 0 0 0 4.726 11.121Zm1.909-1.289L15.5 15.5"></path></svg>`;
   }
 };
 if (!customElements.get("w-icon-search-16")) {
   customElements.define("w-icon-search-16", IconSearch16);
 }
 
-// node_modules/.pnpm/@warp-ds+icons@1.4.0/node_modules/@warp-ds/icons/dist/elements/close-16.js
+// node_modules/.pnpm/@warp-ds+icons@2.0.0/node_modules/@warp-ds/icons/dist/elements/close-16.js
 import { LitElement as LitElement2 } from "lit";
 import { unsafeStatic as unsafeStatic2, html as html2 } from "lit/static-html.js";
 var messages4 = JSON.parse('{"icon.title.close":"Kryss"}');
 var messages22 = JSON.parse('{"icon.title.close":"Cross"}');
 var messages32 = JSON.parse('{"icon.title.close":"Rasti"}');
-var supportedLocales2 = ["en", "nb", "fi"];
+var supportedLocales2 = ["en", "nb", "fi", "da", "sv"];
 var defaultLocale3 = "en";
+var detectByBrand2 = () => {
+  let value;
+  switch (process.env.NMP_BRAND) {
+    case "FINN":
+      value = "nb";
+      break;
+    case "TORI":
+      value = "fi";
+      break;
+    case "BLOCKET":
+      value = "sv";
+      break;
+    case "DBA":
+      value = "da";
+      break;
+    default:
+      value = "en";
+  }
+  return value;
+};
+var detectByHost2 = () => {
+  var _a;
+  const hostname = (_a = document == null ? void 0 : document.location) == null ? void 0 : _a.hostname;
+  if (hostname.includes("finn")) {
+    return "nb";
+  } else if (hostname.includes("tori")) {
+    return "fi";
+  } else if (hostname.includes("blocket")) {
+    return "sv";
+  } else if (hostname.includes("dba")) {
+    return "da";
+  } else {
+    return defaultLocale3;
+  }
+};
 var getSupportedLocale2 = (usedLocale) => {
   return supportedLocales2.find(
     (locale) => usedLocale === locale || usedLocale.toLowerCase().includes(locale)
-  ) || defaultLocale3;
+  ) || detectByHost2();
 };
 function detectLocale2() {
+  var _a;
   if (typeof window === "undefined") {
-    const serverLocale = process.env.NMP_LANGUAGE || Intl.DateTimeFormat().resolvedOptions().locale;
+    const serverLocale = detectByBrand2();
     return getSupportedLocale2(serverLocale);
   }
   try {
-    const htmlLocale = document.documentElement.lang;
-    return getSupportedLocale2(htmlLocale);
+    const htmlLocale = (_a = document == null ? void 0 : document.documentElement) == null ? void 0 : _a.lang;
+    const hostLocale = detectByHost2();
+    if (!supportedLocales2.includes(htmlLocale)) {
+      console.warn("Unsupported locale set in html lang tag, falling back to detection by hostname");
+      return getSupportedLocale2(hostLocale);
+    }
+    return getSupportedLocale2(htmlLocale != null ? htmlLocale : hostLocale);
   } catch (e2) {
     console.warn("could not detect locale, falling back to source locale", e2);
     return defaultLocale3;
@@ -1812,7 +1894,7 @@ activateI18n2(messages22, messages4, messages32);
 var IconClose16 = class extends LitElement2 {
   render() {
     const title = i18n.t({ message: `Cross`, id: "icon.title.close", comment: "Title for close icon" });
-    return html2`<svg xmlns="http://www.w3.org/2000/svg"width="16"height="16"fill="none"viewBox="0 0 16 16" part="w-icon-close-16-part">${unsafeStatic2(`<title>${title}</title>`)}<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m12.5 3.5-9 9M3.5 3.5l9 9"></path></svg>`;
+    return html2`<svg xmlns="http://www.w3.org/2000/svg"width="16"height="16"fill="none"viewBox="0 0 16 16" part="w-icon-close-16-part">${unsafeStatic2(`<title>${title}</title>`)}<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m12.5 3.5-9 9m0-9 9 9"></path></svg>`;
   }
 };
 if (!customElements.get("w-icon-close-16")) {
@@ -1928,27 +2010,68 @@ var r = function() {
   }, []).join(" ");
 };
 
-// node_modules/.pnpm/@warp-ds+icons@1.4.0/node_modules/@warp-ds/icons/dist/elements/alert-info-16.js
+// node_modules/.pnpm/@warp-ds+icons@2.0.0/node_modules/@warp-ds/icons/dist/elements/info-16.js
 import { LitElement as LitElement3 } from "lit";
 import { unsafeStatic as unsafeStatic3, html as html4 } from "lit/static-html.js";
-var messages5 = JSON.parse('{"icon.title.alert-info":"Bl\xE5 sirkel med bokstaven \\"I\\""}');
-var messages23 = JSON.parse('{"icon.title.alert-info":"Blue circle with the letter I"}');
-var messages33 = JSON.parse('{"icon.title.alert-info":"Ympyr\xE4, jonka sis\xE4ll\xE4 on i-kirjain"}');
-var supportedLocales3 = ["en", "nb", "fi"];
+var messages5 = JSON.parse('{"icon.title.info":"Informasjonssirkel"}');
+var messages23 = JSON.parse('{"icon.title.info":"Information circle"}');
+var messages33 = JSON.parse('{"icon.title.info":"Ympyr\xE4, jonka sis\xE4ll\xE4 on i-kirjain"}');
+var supportedLocales3 = ["en", "nb", "fi", "da", "sv"];
 var defaultLocale4 = "en";
+var detectByBrand3 = () => {
+  let value;
+  switch (process.env.NMP_BRAND) {
+    case "FINN":
+      value = "nb";
+      break;
+    case "TORI":
+      value = "fi";
+      break;
+    case "BLOCKET":
+      value = "sv";
+      break;
+    case "DBA":
+      value = "da";
+      break;
+    default:
+      value = "en";
+  }
+  return value;
+};
+var detectByHost3 = () => {
+  var _a;
+  const hostname = (_a = document == null ? void 0 : document.location) == null ? void 0 : _a.hostname;
+  if (hostname.includes("finn")) {
+    return "nb";
+  } else if (hostname.includes("tori")) {
+    return "fi";
+  } else if (hostname.includes("blocket")) {
+    return "sv";
+  } else if (hostname.includes("dba")) {
+    return "da";
+  } else {
+    return defaultLocale4;
+  }
+};
 var getSupportedLocale3 = (usedLocale) => {
   return supportedLocales3.find(
     (locale) => usedLocale === locale || usedLocale.toLowerCase().includes(locale)
-  ) || defaultLocale4;
+  ) || detectByHost3();
 };
 function detectLocale3() {
+  var _a;
   if (typeof window === "undefined") {
-    const serverLocale = process.env.NMP_LANGUAGE || Intl.DateTimeFormat().resolvedOptions().locale;
+    const serverLocale = detectByBrand3();
     return getSupportedLocale3(serverLocale);
   }
   try {
-    const htmlLocale = document.documentElement.lang;
-    return getSupportedLocale3(htmlLocale);
+    const htmlLocale = (_a = document == null ? void 0 : document.documentElement) == null ? void 0 : _a.lang;
+    const hostLocale = detectByHost3();
+    if (!supportedLocales3.includes(htmlLocale)) {
+      console.warn("Unsupported locale set in html lang tag, falling back to detection by hostname");
+      return getSupportedLocale3(hostLocale);
+    }
+    return getSupportedLocale3(htmlLocale != null ? htmlLocale : hostLocale);
   } catch (e2) {
     console.warn("could not detect locale, falling back to source locale", e2);
     return defaultLocale4;
@@ -1968,37 +2091,78 @@ var activateI18n3 = (enMessages, nbMessages, fiMessages) => {
   i18n.activate(locale);
 };
 activateI18n3(messages23, messages5, messages33);
-var IconAlertInfo16 = class extends LitElement3 {
+var IconInfo16 = class extends LitElement3 {
   render() {
-    const title = i18n.t({ message: `Blue circle with the letter I`, id: "icon.title.alert-info", comment: "Title for alert info icon" });
-    return html4`<svg xmlns="http://www.w3.org/2000/svg"width="16"height="16"fill="none"viewBox="0 0 16 16" part="w-icon-alert-info-16-part">${unsafeStatic3(`<title>${title}</title>`)}<circle cx="8" cy="8" r="8" fill="currentColor"></circle><path fill="#fff" fill-rule="evenodd" d="M8 4a1 1 0 1 0 0 2 1 1 0 0 0 0-2ZM7.25 12a.75.75 0 0 0 1.5 0V8a.75.75 0 0 0-1.5 0v4Z" clip-rule="evenodd"></path></svg>`;
+    const title = i18n.t({ message: `Information circle`, id: "icon.title.info", comment: "Title for info icon" });
+    return html4`<svg xmlns="http://www.w3.org/2000/svg"width="16"height="16"fill="none"viewBox="0 0 16 16" part="w-icon-info-16-part">${unsafeStatic3(`<title>${title}</title>`)}<path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" d="M8 6.5v5"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M8 4v.5"></path><path stroke="currentColor" stroke-miterlimit="10" d="M8 .5a7.5 7.5 0 1 1 0 15 7.5 7.5 0 0 1 0-15Z"></path></svg>`;
   }
 };
-if (!customElements.get("w-icon-alert-info-16")) {
-  customElements.define("w-icon-alert-info-16", IconAlertInfo16);
+if (!customElements.get("w-icon-info-16")) {
+  customElements.define("w-icon-info-16", IconInfo16);
 }
 
-// node_modules/.pnpm/@warp-ds+icons@1.4.0/node_modules/@warp-ds/icons/dist/elements/alert-warning-16.js
+// node_modules/.pnpm/@warp-ds+icons@2.0.0/node_modules/@warp-ds/icons/dist/elements/warning-16.js
 import { LitElement as LitElement4 } from "lit";
 import { unsafeStatic as unsafeStatic4, html as html5 } from "lit/static-html.js";
-var messages6 = JSON.parse('{"icon.title.alert-warning":"Gul varseltrekant med utropstegn"}');
-var messages24 = JSON.parse('{"icon.title.alert-warning":"Yellow warning triangle with exclamation point"}');
-var messages34 = JSON.parse('{"icon.title.alert-warning":"Keltainen varoituskolmio, jonka sis\xE4ll\xE4 on huutomerkki"}');
-var supportedLocales4 = ["en", "nb", "fi"];
+var messages6 = JSON.parse('{"icon.title.warning":"Varseltrekant med utropstegn"}');
+var messages24 = JSON.parse('{"icon.title.warning":"Warning triangle with exclamation point"}');
+var messages34 = JSON.parse('{"icon.title.warning":"Varoituskolmio, jonka sis\xE4ll\xE4 on huutomerkki"}');
+var supportedLocales4 = ["en", "nb", "fi", "da", "sv"];
 var defaultLocale5 = "en";
+var detectByBrand4 = () => {
+  let value;
+  switch (process.env.NMP_BRAND) {
+    case "FINN":
+      value = "nb";
+      break;
+    case "TORI":
+      value = "fi";
+      break;
+    case "BLOCKET":
+      value = "sv";
+      break;
+    case "DBA":
+      value = "da";
+      break;
+    default:
+      value = "en";
+  }
+  return value;
+};
+var detectByHost4 = () => {
+  var _a;
+  const hostname = (_a = document == null ? void 0 : document.location) == null ? void 0 : _a.hostname;
+  if (hostname.includes("finn")) {
+    return "nb";
+  } else if (hostname.includes("tori")) {
+    return "fi";
+  } else if (hostname.includes("blocket")) {
+    return "sv";
+  } else if (hostname.includes("dba")) {
+    return "da";
+  } else {
+    return defaultLocale5;
+  }
+};
 var getSupportedLocale4 = (usedLocale) => {
   return supportedLocales4.find(
     (locale) => usedLocale === locale || usedLocale.toLowerCase().includes(locale)
-  ) || defaultLocale5;
+  ) || detectByHost4();
 };
 function detectLocale4() {
+  var _a;
   if (typeof window === "undefined") {
-    const serverLocale = process.env.NMP_LANGUAGE || Intl.DateTimeFormat().resolvedOptions().locale;
+    const serverLocale = detectByBrand4();
     return getSupportedLocale4(serverLocale);
   }
   try {
-    const htmlLocale = document.documentElement.lang;
-    return getSupportedLocale4(htmlLocale);
+    const htmlLocale = (_a = document == null ? void 0 : document.documentElement) == null ? void 0 : _a.lang;
+    const hostLocale = detectByHost4();
+    if (!supportedLocales4.includes(htmlLocale)) {
+      console.warn("Unsupported locale set in html lang tag, falling back to detection by hostname");
+      return getSupportedLocale4(hostLocale);
+    }
+    return getSupportedLocale4(htmlLocale != null ? htmlLocale : hostLocale);
   } catch (e2) {
     console.warn("could not detect locale, falling back to source locale", e2);
     return defaultLocale5;
@@ -2018,37 +2182,78 @@ var activateI18n4 = (enMessages, nbMessages, fiMessages) => {
   i18n.activate(locale);
 };
 activateI18n4(messages24, messages6, messages34);
-var IconAlertWarning16 = class extends LitElement4 {
+var IconWarning16 = class extends LitElement4 {
   render() {
-    const title = i18n.t({ message: `Yellow warning triangle with exclamation point`, id: "icon.title.alert-warning", comment: "Title for alert warning icon" });
-    return html5`<svg xmlns="http://www.w3.org/2000/svg"width="16"height="16"fill="none"viewBox="0 0 16 16" part="w-icon-alert-warning-16-part">${unsafeStatic4(`<title>${title}</title>`)}<path fill="currentColor" d="M.245 12.01 6.159 1.083c.782-1.445 2.9-1.445 3.682 0l5.914 10.925c.734 1.357-.271 2.991-1.84 2.991H2.084C.517 15-.49 13.366.246 12.01Z"></path><path fill="#fff" fill-rule="evenodd" d="M8 3.25a.75.75 0 0 1 .75.75v5a.75.75 0 0 1-1.5 0V4A.75.75 0 0 1 8 3.25Z" clip-rule="evenodd"></path><path fill="#fff" d="M8.8 11.8a.8.8 0 1 1-1.6 0 .8.8 0 0 1 1.6 0Z"></path></svg>`;
+    const title = i18n.t({ message: `Warning triangle with exclamation point`, id: "icon.title.warning", comment: "Title for warning icon" });
+    return html5`<svg xmlns="http://www.w3.org/2000/svg"width="16"height="16"fill="none"viewBox="0 0 16 16" part="w-icon-warning-16-part">${unsafeStatic4(`<title>${title}</title>`)}<path stroke="currentColor" d="m.712 14.07 6.25-12.994a1 1 0 0 1 1.792-.022l6.635 12.995a1 1 0 0 1-.89 1.455H1.613a1 1 0 0 1-.902-1.434Z"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M8 6v4.992M8 13v.333"></path></svg>`;
   }
 };
-if (!customElements.get("w-icon-alert-warning-16")) {
-  customElements.define("w-icon-alert-warning-16", IconAlertWarning16);
+if (!customElements.get("w-icon-warning-16")) {
+  customElements.define("w-icon-warning-16", IconWarning16);
 }
 
-// node_modules/.pnpm/@warp-ds+icons@1.4.0/node_modules/@warp-ds/icons/dist/elements/alert-error-16.js
+// node_modules/.pnpm/@warp-ds+icons@2.0.0/node_modules/@warp-ds/icons/dist/elements/error-16.js
 import { LitElement as LitElement5 } from "lit";
 import { unsafeStatic as unsafeStatic5, html as html6 } from "lit/static-html.js";
-var messages7 = JSON.parse('{"icon.title.alert-error":"R\xF8d \xE5ttekant med hvitt utropstegn"}');
-var messages25 = JSON.parse('{"icon.title.alert-error":"Red octagon with white exclamation point"}');
-var messages35 = JSON.parse('{"icon.title.alert-error":"Punainen kahdeksankulmio, jonka sis\xE4ll\xE4 on valkoinen huutomerkki"}');
-var supportedLocales5 = ["en", "nb", "fi"];
+var messages7 = JSON.parse('{"icon.title.error":"\xC5ttekant med utropstegn"}');
+var messages25 = JSON.parse('{"icon.title.error":"Octagon with exclamation point"}');
+var messages35 = JSON.parse('{"icon.title.error":"Kahdeksankulmio, jonka sis\xE4ll\xE4 on huutomerkki"}');
+var supportedLocales5 = ["en", "nb", "fi", "da", "sv"];
 var defaultLocale6 = "en";
+var detectByBrand5 = () => {
+  let value;
+  switch (process.env.NMP_BRAND) {
+    case "FINN":
+      value = "nb";
+      break;
+    case "TORI":
+      value = "fi";
+      break;
+    case "BLOCKET":
+      value = "sv";
+      break;
+    case "DBA":
+      value = "da";
+      break;
+    default:
+      value = "en";
+  }
+  return value;
+};
+var detectByHost5 = () => {
+  var _a;
+  const hostname = (_a = document == null ? void 0 : document.location) == null ? void 0 : _a.hostname;
+  if (hostname.includes("finn")) {
+    return "nb";
+  } else if (hostname.includes("tori")) {
+    return "fi";
+  } else if (hostname.includes("blocket")) {
+    return "sv";
+  } else if (hostname.includes("dba")) {
+    return "da";
+  } else {
+    return defaultLocale6;
+  }
+};
 var getSupportedLocale5 = (usedLocale) => {
   return supportedLocales5.find(
     (locale) => usedLocale === locale || usedLocale.toLowerCase().includes(locale)
-  ) || defaultLocale6;
+  ) || detectByHost5();
 };
 function detectLocale5() {
+  var _a;
   if (typeof window === "undefined") {
-    const serverLocale = process.env.NMP_LANGUAGE || Intl.DateTimeFormat().resolvedOptions().locale;
+    const serverLocale = detectByBrand5();
     return getSupportedLocale5(serverLocale);
   }
   try {
-    const htmlLocale = document.documentElement.lang;
-    return getSupportedLocale5(htmlLocale);
+    const htmlLocale = (_a = document == null ? void 0 : document.documentElement) == null ? void 0 : _a.lang;
+    const hostLocale = detectByHost5();
+    if (!supportedLocales5.includes(htmlLocale)) {
+      console.warn("Unsupported locale set in html lang tag, falling back to detection by hostname");
+      return getSupportedLocale5(hostLocale);
+    }
+    return getSupportedLocale5(htmlLocale != null ? htmlLocale : hostLocale);
   } catch (e2) {
     console.warn("could not detect locale, falling back to source locale", e2);
     return defaultLocale6;
@@ -2068,37 +2273,78 @@ var activateI18n5 = (enMessages, nbMessages, fiMessages) => {
   i18n.activate(locale);
 };
 activateI18n5(messages25, messages7, messages35);
-var IconAlertError16 = class extends LitElement5 {
+var IconError16 = class extends LitElement5 {
   render() {
-    const title = i18n.t({ message: `Red octagon with white exclamation point`, id: "icon.title.alert-error", comment: "Title for alert error icon" });
-    return html6`<svg xmlns="http://www.w3.org/2000/svg"width="16"height="16"fill="none"viewBox="0 0 16 16" part="w-icon-alert-error-16-part">${unsafeStatic5(`<title>${title}</title>`)}<path fill="currentColor" d="M4.1.586A2 2 0 0 1 5.516 0h4.97A2 2 0 0 1 11.9.586L15.413 4.1A2 2 0 0 1 16 5.514v4.97a2 2 0 0 1-.586 1.415L11.9 15.413a2 2 0 0 1-1.415.586h-4.97a2 2 0 0 1-1.414-.586L.586 11.9A2 2 0 0 1 0 10.485v-4.97A2 2 0 0 1 .586 4.1L4.1.586Z"></path><path fill="#fff" fill-rule="evenodd" d="M8 3.25a.75.75 0 0 1 .75.75v5a.75.75 0 1 1-1.5 0V4A.75.75 0 0 1 8 3.25Z" clip-rule="evenodd"></path><path fill="#fff" d="M8.8 11.8a.8.8 0 1 1-1.6 0 .8.8 0 0 1 1.6 0Z"></path></svg>`;
+    const title = i18n.t({ message: `Octagon with exclamation point`, id: "icon.title.error", comment: "Title for error icon" });
+    return html6`<svg xmlns="http://www.w3.org/2000/svg"width="16"height="16"fill="none"viewBox="0 0 16 16" part="w-icon-error-16-part">${unsafeStatic5(`<title>${title}</title>`)}<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M.5 11.107 4.748 15.5h6.503l4.248-4.393V4.893L11.252.5H4.748L.5 4.893z"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M8 11.398a.25.25 0 1 1 0-.5m0 .5a.25.25 0 1 0 0-.5"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M8 8.5V3"></path></svg>`;
   }
 };
-if (!customElements.get("w-icon-alert-error-16")) {
-  customElements.define("w-icon-alert-error-16", IconAlertError16);
+if (!customElements.get("w-icon-error-16")) {
+  customElements.define("w-icon-error-16", IconError16);
 }
 
-// node_modules/.pnpm/@warp-ds+icons@1.4.0/node_modules/@warp-ds/icons/dist/elements/alert-success-16.js
+// node_modules/.pnpm/@warp-ds+icons@2.0.0/node_modules/@warp-ds/icons/dist/elements/success-16.js
 import { LitElement as LitElement6 } from "lit";
 import { unsafeStatic as unsafeStatic6, html as html7 } from "lit/static-html.js";
-var messages8 = JSON.parse('{"icon.title.alert-success":"Gr\xF8nn sirkel med sjekkmerke"}');
-var messages26 = JSON.parse('{"icon.title.alert-success":"Green circle with checkmark"}');
-var messages36 = JSON.parse('{"icon.title.alert-success":"Vihre\xE4 ympyr\xE4, jonka sis\xE4ll\xE4 on valintamerkki"}');
-var supportedLocales6 = ["en", "nb", "fi"];
+var messages8 = JSON.parse('{"icon.title.success":"Sirkel med sjekkmerke"}');
+var messages26 = JSON.parse('{"icon.title.success":"Circle with checkmark"}');
+var messages36 = JSON.parse('{"icon.title.success":"Ympyr\xE4, jonka sis\xE4ll\xE4 on valintamerkki"}');
+var supportedLocales6 = ["en", "nb", "fi", "da", "sv"];
 var defaultLocale7 = "en";
+var detectByBrand6 = () => {
+  let value;
+  switch (process.env.NMP_BRAND) {
+    case "FINN":
+      value = "nb";
+      break;
+    case "TORI":
+      value = "fi";
+      break;
+    case "BLOCKET":
+      value = "sv";
+      break;
+    case "DBA":
+      value = "da";
+      break;
+    default:
+      value = "en";
+  }
+  return value;
+};
+var detectByHost6 = () => {
+  var _a;
+  const hostname = (_a = document == null ? void 0 : document.location) == null ? void 0 : _a.hostname;
+  if (hostname.includes("finn")) {
+    return "nb";
+  } else if (hostname.includes("tori")) {
+    return "fi";
+  } else if (hostname.includes("blocket")) {
+    return "sv";
+  } else if (hostname.includes("dba")) {
+    return "da";
+  } else {
+    return defaultLocale7;
+  }
+};
 var getSupportedLocale6 = (usedLocale) => {
   return supportedLocales6.find(
     (locale) => usedLocale === locale || usedLocale.toLowerCase().includes(locale)
-  ) || defaultLocale7;
+  ) || detectByHost6();
 };
 function detectLocale6() {
+  var _a;
   if (typeof window === "undefined") {
-    const serverLocale = process.env.NMP_LANGUAGE || Intl.DateTimeFormat().resolvedOptions().locale;
+    const serverLocale = detectByBrand6();
     return getSupportedLocale6(serverLocale);
   }
   try {
-    const htmlLocale = document.documentElement.lang;
-    return getSupportedLocale6(htmlLocale);
+    const htmlLocale = (_a = document == null ? void 0 : document.documentElement) == null ? void 0 : _a.lang;
+    const hostLocale = detectByHost6();
+    if (!supportedLocales6.includes(htmlLocale)) {
+      console.warn("Unsupported locale set in html lang tag, falling back to detection by hostname");
+      return getSupportedLocale6(hostLocale);
+    }
+    return getSupportedLocale6(htmlLocale != null ? htmlLocale : hostLocale);
   } catch (e2) {
     console.warn("could not detect locale, falling back to source locale", e2);
     return defaultLocale7;
@@ -2118,14 +2364,14 @@ var activateI18n6 = (enMessages, nbMessages, fiMessages) => {
   i18n.activate(locale);
 };
 activateI18n6(messages26, messages8, messages36);
-var IconAlertSuccess16 = class extends LitElement6 {
+var IconSuccess16 = class extends LitElement6 {
   render() {
-    const title = i18n.t({ message: `Green circle with checkmark`, id: "icon.title.alert-success", comment: "Title for alert success icon" });
-    return html7`<svg xmlns="http://www.w3.org/2000/svg"width="16"height="16"fill="none"viewBox="0 0 16 16" part="w-icon-alert-success-16-part">${unsafeStatic6(`<title>${title}</title>`)}<circle cx="8" cy="8" r="8" fill="currentColor" transform="rotate(180 8 8)"></circle><path fill="#fff" fill-rule="evenodd" d="M11.498 4.94a.75.75 0 0 1 .063 1.058l-4 4.5a.75.75 0 0 1-1.091.032l-2-2a.75.75 0 0 1 1.06-1.06l1.438 1.437 3.471-3.905a.75.75 0 0 1 1.06-.063Z" clip-rule="evenodd"></path></svg>`;
+    const title = i18n.t({ message: `Circle with checkmark`, id: "icon.title.success", comment: "Title for success icon" });
+    return html7`<svg xmlns="http://www.w3.org/2000/svg"width="16"height="16"fill="none"viewBox="0 0 16 16" part="w-icon-success-16-part">${unsafeStatic6(`<title>${title}</title>`)}<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m4 8.815 1.633 2.318a.7.7 0 0 0 1.138.034l5.228-6.615"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M.5 7.999a7.5 7.5 0 1 0 15 0 7.5 7.5 0 0 0-15 0"></path></svg>`;
   }
 };
-if (!customElements.get("w-icon-alert-success-16")) {
-  customElements.define("w-icon-alert-success-16", IconAlertSuccess16);
+if (!customElements.get("w-icon-success-16")) {
+  customElements.define("w-icon-success-16", IconSuccess16);
 }
 
 // packages/alert/index.js
@@ -2164,13 +2410,13 @@ var WarpAlert = class extends WarpElement2 {
   }
   get _icon() {
     if (this.variant === variants.info)
-      return html8`<w-icon-alert-info-16></w-icon-alert-info-16>`;
+      return html8`<w-icon-info-16></w-icon-info-16>`;
     if (this.variant === variants.warning)
-      return html8`<w-icon-alert-warning-16></w-icon-alert-warning-16>`;
+      return html8`<w-icon-warning-16></w-icon-warning-16>`;
     if (this.variant === variants.negative)
-      return html8`<w-icon-alert-error-16></w-icon-alert-error-16>`;
+      return html8`<w-icon-error-16></w-icon-error-16>`;
     if (this.variant === variants.positive)
-      return html8`<w-icon-alert-success-16></w-icon-alert-success-16>`;
+      return html8`<w-icon-success-16></w-icon-success-16>`;
     else
       return "";
   }
@@ -3453,27 +3699,68 @@ if (!customElements.get("w-card")) {
 import { css as css5, html as html18 } from "lit";
 import WarpElement10 from "@warp-ds/elements-core";
 
-// node_modules/.pnpm/@warp-ds+icons@1.4.0/node_modules/@warp-ds/icons/dist/elements/chevron-down-16.js
+// node_modules/.pnpm/@warp-ds+icons@2.0.0/node_modules/@warp-ds/icons/dist/elements/chevron-down-16.js
 import { LitElement as LitElement7 } from "lit";
 import { unsafeStatic as unsafeStatic7, html as html16 } from "lit/static-html.js";
 var messages18 = JSON.parse('{"icon.title.chevron-down":"Nedoverpil"}');
 var messages27 = JSON.parse('{"icon.title.chevron-down":"Downward arrow"}');
 var messages37 = JSON.parse('{"icon.title.chevron-down":"Nuoli alasp\xE4in"}');
-var supportedLocales8 = ["en", "nb", "fi"];
+var supportedLocales8 = ["en", "nb", "fi", "da", "sv"];
 var defaultLocale9 = "en";
+var detectByBrand7 = () => {
+  let value;
+  switch (process.env.NMP_BRAND) {
+    case "FINN":
+      value = "nb";
+      break;
+    case "TORI":
+      value = "fi";
+      break;
+    case "BLOCKET":
+      value = "sv";
+      break;
+    case "DBA":
+      value = "da";
+      break;
+    default:
+      value = "en";
+  }
+  return value;
+};
+var detectByHost7 = () => {
+  var _a;
+  const hostname = (_a = document == null ? void 0 : document.location) == null ? void 0 : _a.hostname;
+  if (hostname.includes("finn")) {
+    return "nb";
+  } else if (hostname.includes("tori")) {
+    return "fi";
+  } else if (hostname.includes("blocket")) {
+    return "sv";
+  } else if (hostname.includes("dba")) {
+    return "da";
+  } else {
+    return defaultLocale9;
+  }
+};
 var getSupportedLocale8 = (usedLocale) => {
   return supportedLocales8.find(
     (locale) => usedLocale === locale || usedLocale.toLowerCase().includes(locale)
-  ) || defaultLocale9;
+  ) || detectByHost7();
 };
 function detectLocale8() {
+  var _a;
   if (typeof window === "undefined") {
-    const serverLocale = process.env.NMP_LANGUAGE || Intl.DateTimeFormat().resolvedOptions().locale;
+    const serverLocale = detectByBrand7();
     return getSupportedLocale8(serverLocale);
   }
   try {
-    const htmlLocale = document.documentElement.lang;
-    return getSupportedLocale8(htmlLocale);
+    const htmlLocale = (_a = document == null ? void 0 : document.documentElement) == null ? void 0 : _a.lang;
+    const hostLocale = detectByHost7();
+    if (!supportedLocales8.includes(htmlLocale)) {
+      console.warn("Unsupported locale set in html lang tag, falling back to detection by hostname");
+      return getSupportedLocale8(hostLocale);
+    }
+    return getSupportedLocale8(htmlLocale != null ? htmlLocale : hostLocale);
   } catch (e2) {
     console.warn("could not detect locale, falling back to source locale", e2);
     return defaultLocale9;
@@ -3496,34 +3783,75 @@ activateI18n8(messages27, messages18, messages37);
 var IconChevronDown16 = class extends LitElement7 {
   render() {
     const title = i18n.t({ message: `Downward arrow`, id: "icon.title.chevron-down", comment: "Title for chevron-down icon" });
-    return html16`<svg xmlns="http://www.w3.org/2000/svg"width="16"height="16"fill="none"viewBox="0 0 16 16" part="w-icon-chevron-down-16-part">${unsafeStatic7(`<title>${title}</title>`)}<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M2.5 5.5 8 11l5.5-5.5"></path></svg>`;
+    return html16`<svg xmlns="http://www.w3.org/2000/svg"width="16"height="16"fill="none"viewBox="0 0 16 16" part="w-icon-chevron-down-16-part">${unsafeStatic7(`<title>${title}</title>`)}<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m2.667 5.333 5.5 5.5 5.5-5.5"></path></svg>`;
   }
 };
 if (!customElements.get("w-icon-chevron-down-16")) {
   customElements.define("w-icon-chevron-down-16", IconChevronDown16);
 }
 
-// node_modules/.pnpm/@warp-ds+icons@1.4.0/node_modules/@warp-ds/icons/dist/elements/chevron-up-16.js
+// node_modules/.pnpm/@warp-ds+icons@2.0.0/node_modules/@warp-ds/icons/dist/elements/chevron-up-16.js
 import { LitElement as LitElement8 } from "lit";
 import { unsafeStatic as unsafeStatic8, html as html17 } from "lit/static-html.js";
 var messages19 = JSON.parse('{"icon.title.chevron-up":"Oppoverpil"}');
 var messages28 = JSON.parse('{"icon.title.chevron-up":"Upward arrow"}');
 var messages38 = JSON.parse('{"icon.title.chevron-up":"Nuoli yl\xF6sp\xE4in"}');
-var supportedLocales9 = ["en", "nb", "fi"];
+var supportedLocales9 = ["en", "nb", "fi", "da", "sv"];
 var defaultLocale10 = "en";
+var detectByBrand8 = () => {
+  let value;
+  switch (process.env.NMP_BRAND) {
+    case "FINN":
+      value = "nb";
+      break;
+    case "TORI":
+      value = "fi";
+      break;
+    case "BLOCKET":
+      value = "sv";
+      break;
+    case "DBA":
+      value = "da";
+      break;
+    default:
+      value = "en";
+  }
+  return value;
+};
+var detectByHost8 = () => {
+  var _a;
+  const hostname = (_a = document == null ? void 0 : document.location) == null ? void 0 : _a.hostname;
+  if (hostname.includes("finn")) {
+    return "nb";
+  } else if (hostname.includes("tori")) {
+    return "fi";
+  } else if (hostname.includes("blocket")) {
+    return "sv";
+  } else if (hostname.includes("dba")) {
+    return "da";
+  } else {
+    return defaultLocale10;
+  }
+};
 var getSupportedLocale9 = (usedLocale) => {
   return supportedLocales9.find(
     (locale) => usedLocale === locale || usedLocale.toLowerCase().includes(locale)
-  ) || defaultLocale10;
+  ) || detectByHost8();
 };
 function detectLocale9() {
+  var _a;
   if (typeof window === "undefined") {
-    const serverLocale = process.env.NMP_LANGUAGE || Intl.DateTimeFormat().resolvedOptions().locale;
+    const serverLocale = detectByBrand8();
     return getSupportedLocale9(serverLocale);
   }
   try {
-    const htmlLocale = document.documentElement.lang;
-    return getSupportedLocale9(htmlLocale);
+    const htmlLocale = (_a = document == null ? void 0 : document.documentElement) == null ? void 0 : _a.lang;
+    const hostLocale = detectByHost8();
+    if (!supportedLocales9.includes(htmlLocale)) {
+      console.warn("Unsupported locale set in html lang tag, falling back to detection by hostname");
+      return getSupportedLocale9(hostLocale);
+    }
+    return getSupportedLocale9(htmlLocale != null ? htmlLocale : hostLocale);
   } catch (e2) {
     console.warn("could not detect locale, falling back to source locale", e2);
     return defaultLocale10;
@@ -4385,11 +4713,11 @@ var WarpToast = class extends WarpElement15 {
   }
   get _iconMarkup() {
     if (this._warning)
-      return html23`<w-icon-alert-warning-16></w-icon-alert-warning-16>`;
+      return html23`<w-icon-warning-16></w-icon-warning-16>`;
     if (this._error)
-      return html23`<w-icon-alert-error-16></w-icon-alert-error-16>`;
+      return html23`<w-icon-error-16></w-icon-error-16>`;
     else
-      return html23`<w-icon-alert-success-16></w-icon-alert-success-16>`;
+      return html23`<w-icon-success-16></w-icon-success-16>`;
   }
   async collapse() {
     return new Promise((resolve) => {