@warp-ds/elements 1.2.3-next.2 → 1.3.0-next.2

package/dist/packages/alert/index.js

@@ -1028,7 +1028,7 @@ var require_parser = __commonJS({
 import WarpElement from "@warp-ds/elements-core";
 import { css, html as html5 } from "lit";
 
-// node_modules/.pnpm/@warp-ds+css@1.6.1/node_modules/@warp-ds/css/component-classes/index.js
+// node_modules/.pnpm/@warp-ds+css@1.7.0/node_modules/@warp-ds/css/component-classes/index.js
 var box = {
   box: "group block relative break-words last-child:mb-0 p-16 rounded-8",
   // Relative here enables w-clickable
@@ -1188,9 +1188,9 @@ var modal = {
   content: "block overflow-y-auto overflow-x-hidden last-child:mb-0 grow shrink px-16 sm:px-32 relative",
   footer: "flex justify-end shrink-0 px-16 sm:px-32",
   transitionTitle: "transition-all duration-300",
-  transitionTitleCenter: "justify-self-center",
+  transitionTitleCenter: "justify-self-center self-center",
   transitionTitleColSpan: "col-span-2",
-  title: "-mt-4 sm:-mt-8 h-40 sm:h-48 grid gap-8 sm:gap-16 grid-cols-[auto_1fr_auto] items-center px-16 sm:px-32 border-b sm:border-b-0 shrink-0",
+  title: "py-8 sm:py-0 -mt-4 sm:-mt-8 min-h-40 sm:min-h-48 grid gap-8 sm:gap-16 grid-cols-[auto_1fr_auto] items-start px-16 sm:px-32 border-b sm:border-b-0 shrink-0",
   titleText: "mb-0 h4 sm:h3",
   titleButton: `${buttonTextSizes.medium} ${buttonTypes.pill} ${buttonColors.pill} sm:min-h-[44px] sm:min-w-[44px] min-h-[32px] min-w-[32px]`,
   titleButtonLeft: "-ml-8 sm:-ml-12 justify-self-start",
@@ -1268,14 +1268,14 @@ var r = function() {
   }, []).join(" ");
 };
 
-// node_modules/.pnpm/@warp-ds+icons@1.3.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 } from "lit";
 import { unsafeStatic, html } from "lit/static-html.js";
 
-// node_modules/.pnpm/@lingui+core@4.5.0/node_modules/@lingui/core/dist/index.mjs
+// node_modules/.pnpm/@lingui+core@4.7.0/node_modules/@lingui/core/dist/index.mjs
 var import_unraw = __toESM(require_dist(), 1);
 
-// node_modules/.pnpm/@lingui+message-utils@4.5.0/node_modules/@lingui/message-utils/dist/compileMessage.mjs
+// node_modules/.pnpm/@lingui+message-utils@4.7.0/node_modules/@lingui/message-utils/dist/compileMessage.mjs
 var import_parser = __toESM(require_parser(), 1);
 function processTokens(tokens, mapText) {
   if (!tokens.filter((token) => token.type !== "content").length) {
@@ -1325,13 +1325,14 @@ Message: ${message}`);
   }
 }
 
-// node_modules/.pnpm/@lingui+core@4.5.0/node_modules/@lingui/core/dist/index.mjs
+// node_modules/.pnpm/@lingui+core@4.7.0/node_modules/@lingui/core/dist/index.mjs
 var isString = (s) => typeof s === "string";
 var isFunction = (f) => typeof f === "function";
 var cache = /* @__PURE__ */ new Map();
+var defaultLocale = "en";
 function normalizeLocales(locales) {
   const out = Array.isArray(locales) ? locales : [locales];
-  return [...out, "en"];
+  return [...out, defaultLocale];
 }
 function date(locales, value, format) {
   const _locales = normalizeLocales(locales);
@@ -1376,11 +1377,13 @@ function cacheKey(type, locales, options) {
   return `${type}-${localeKey}-${JSON.stringify(options)}`;
 }
 var UNICODE_REGEX = /\\u[a-fA-F0-9]{4}|\\x[a-fA-F0-9]{2}/g;
-var getDefaultFormats = (locale, locales, formats = {}) => {
-  locales = locales || locale;
-  const style = (format) => isString(format) ? formats[format] || { style: format } : format;
+var getDefaultFormats = (locale, passedLocales, formats = {}) => {
+  const locales = passedLocales || locale;
+  const style = (format) => {
+    return typeof format === "object" ? format : formats[format] || { style: format };
+  };
   const replaceOctothorpe = (value, message) => {
-    const numberFormat = Object.keys(formats).length ? style("number") : {};
+    const numberFormat = Object.keys(formats).length ? style("number") : void 0;
     const valueStr = number(locales, value, numberFormat);
     return message.replace("#", valueStr);
   };
@@ -1395,17 +1398,19 @@ var getDefaultFormats = (locale, locales, formats = {}) => {
       const message = plural(locales, true, value, cases);
       return replaceOctothorpe(value - offset, message);
     },
-    select: (value, rules) => {
-      var _a;
-      return (_a = rules[value]) != null ? _a : rules.other;
-    },
+    select: selectFormatter,
     number: (value, format) => number(locales, value, style(format)),
     date: (value, format) => date(locales, value, style(format)),
-    undefined: (value) => value
+    undefined: undefinedFormatter
   };
 };
+var selectFormatter = (value, rules) => {
+  var _a;
+  return (_a = rules[value]) != null ? _a : rules.other;
+};
+var undefinedFormatter = (value) => value;
 function interpolate(translation, locale, locales) {
-  return (values, formats = {}) => {
+  return (values = {}, formats) => {
     const formatters = getDefaultFormats(locale, locales, formats);
     const formatMessage = (message) => {
       if (!Array.isArray(message))
@@ -1415,14 +1420,15 @@ function interpolate(translation, locale, locales) {
           return message2 + token;
         const [name, type, format] = token;
         let interpolatedFormat = {};
-        if (format != null && !isString(format)) {
-          Object.keys(format).forEach((key) => {
-            interpolatedFormat[key] = formatMessage(format[key]);
+        if (format != null && typeof format === "object") {
+          Object.entries(format).forEach(([key, value2]) => {
+            interpolatedFormat[key] = formatMessage(value2);
           });
         } else {
           interpolatedFormat = format;
         }
-        const value = formatters[type](values[name], interpolatedFormat);
+        const formatter = formatters[type];
+        const value = formatter(values[name], interpolatedFormat);
         if (value == null)
           return message2;
         return message2 + value;
@@ -1434,7 +1440,7 @@ function interpolate(translation, locale, locales) {
     }
     if (isString(result))
       return result.trim();
-    return result;
+    return result ? String(result) : "";
   };
 }
 var __defProp$1 = Object.defineProperty;
@@ -1448,25 +1454,29 @@ var EventEmitter = class {
     __publicField$1(this, "_events", {});
   }
   on(event, listener) {
-    if (!this._hasEvent(event))
-      this._events[event] = [];
+    var _a2;
+    var _a;
+    (_a2 = (_a = this._events)[event]) != null ? _a2 : _a[event] = [];
     this._events[event].push(listener);
     return () => this.removeListener(event, listener);
   }
   removeListener(event, listener) {
-    if (!this._hasEvent(event))
+    const maybeListeners = this._getListeners(event);
+    if (!maybeListeners)
       return;
-    const index = this._events[event].indexOf(listener);
+    const index = maybeListeners.indexOf(listener);
     if (~index)
-      this._events[event].splice(index, 1);
+      maybeListeners.splice(index, 1);
   }
   emit(event, ...args) {
-    if (!this._hasEvent(event))
+    const maybeListeners = this._getListeners(event);
+    if (!maybeListeners)
       return;
-    this._events[event].map((listener) => listener.apply(this, args));
+    maybeListeners.map((listener) => listener.apply(this, args));
   }
-  _hasEvent(event) {
-    return Array.isArray(this._events[event]);
+  _getListeners(event) {
+    const maybeListeners = this._events[event];
+    return Array.isArray(maybeListeners) ? maybeListeners : false;
   }
 };
 var __defProp2 = Object.defineProperty;
@@ -1477,23 +1487,22 @@ var __publicField2 = (obj, key, value) => {
 };
 var I18n = class extends EventEmitter {
   constructor(params) {
+    var _a;
     super();
-    __publicField2(this, "_locale");
+    __publicField2(this, "_locale", "");
     __publicField2(this, "_locales");
-    __publicField2(this, "_localeData");
-    __publicField2(this, "_messages");
+    __publicField2(this, "_localeData", {});
+    __publicField2(this, "_messages", {});
     __publicField2(this, "_missing");
     __publicField2(this, "t", this._.bind(this));
-    this._messages = {};
-    this._localeData = {};
     if (params.missing != null)
       this._missing = params.missing;
     if (params.messages != null)
       this.load(params.messages);
     if (params.localeData != null)
       this.loadLocaleData(params.localeData);
-    if (params.locale != null || params.locales != null) {
-      this.activate(params.locale, params.locales);
+    if (typeof params.locale === "string" || params.locales) {
+      this.activate((_a = params.locale) != null ? _a : defaultLocale, params.locales);
     }
   }
   get locale() {
@@ -1514,15 +1523,17 @@ var I18n = class extends EventEmitter {
     return (_a = this._localeData[this._locale]) != null ? _a : {};
   }
   _loadLocaleData(locale, localeData) {
-    if (this._localeData[locale] == null) {
+    const maybeLocaleData = this._localeData[locale];
+    if (!maybeLocaleData) {
       this._localeData[locale] = localeData;
     } else {
-      Object.assign(this._localeData[locale], localeData);
+      Object.assign(maybeLocaleData, localeData);
     }
   }
   /**
    * @deprecated Plurals automatically used from Intl.PluralRules you can safely remove this call. Deprecated in v4
    */
+  // @ts-ignore deprecated, so ignore the reported error
   loadLocaleData(localeOrAllData, localeData) {
     if (localeData != null) {
       this._loadLocaleData(localeOrAllData, localeData);
@@ -1534,18 +1545,19 @@ var I18n = class extends EventEmitter {
     this.emit("change");
   }
   _load(locale, messages7) {
-    if (this._messages[locale] == null) {
+    const maybeMessages = this._messages[locale];
+    if (!maybeMessages) {
       this._messages[locale] = messages7;
     } else {
-      Object.assign(this._messages[locale], messages7);
+      Object.assign(maybeMessages, messages7);
     }
   }
   load(localeOrMessages, messages7) {
-    if (messages7 != null) {
+    if (typeof localeOrMessages == "string" && typeof messages7 === "object") {
       this._load(localeOrMessages, messages7);
     } else {
-      Object.keys(localeOrMessages).forEach(
-        (locale) => this._load(locale, localeOrMessages[locale])
+      Object.entries(localeOrMessages).forEach(
+        ([locale, messages25]) => this._load(locale, messages25)
       );
     }
     this.emit("change");
@@ -1569,13 +1581,15 @@ var I18n = class extends EventEmitter {
     this._locales = locales;
     this.emit("change");
   }
-  _(id, values = {}, { message, formats } = {}) {
+  _(id, values, options) {
+    let message = options == null ? void 0 : options.message;
     if (!isString(id)) {
       values = id.values || values;
       message = id.message;
       id = id.id;
     }
-    const messageMissing = !this.messages[id];
+    const messageForId = this.messages[id];
+    const messageMissing = messageForId === void 0;
     const missing = this._missing;
     if (missing && messageMissing) {
       return isFunction(missing) ? missing(this._locale, id) : missing;
@@ -1583,7 +1597,7 @@ var I18n = class extends EventEmitter {
     if (messageMissing) {
       this.emit("missing", { id, locale: this._locale });
     }
-    let translation = this.messages[id] || message || id;
+    let translation = messageForId || message || id;
     if (true) {
       translation = isString(translation) ? compileMessage(translation) : translation;
     }
@@ -1595,7 +1609,7 @@ var I18n = class extends EventEmitter {
       translation,
       this._locale,
       this._locales
-    )(values, formats);
+    )(values, options == null ? void 0 : options.formats);
   }
   date(value, format) {
     return date(this._locales || this._locale, value, format);
@@ -1609,28 +1623,69 @@ function setupI18n(params = {}) {
 }
 var i18n = setupI18n();
 
-// node_modules/.pnpm/@warp-ds+icons@1.3.0/node_modules/@warp-ds/icons/dist/elements/alert-info-16.js
-var messages = JSON.parse('{"icon.title.alert-info":"Bl\xE5 sirkel med bokstaven \\"I\\""}');
-var messages2 = JSON.parse('{"icon.title.alert-info":"Blue circle with the letter I"}');
-var messages3 = JSON.parse('{"icon.title.alert-info":"Ympyr\xE4, jonka sis\xE4ll\xE4 on i-kirjain"}');
-var supportedLocales = ["en", "nb", "fi"];
-var defaultLocale = "en";
+// node_modules/.pnpm/@warp-ds+icons@2.0.0/node_modules/@warp-ds/icons/dist/elements/info-16.js
+var messages = JSON.parse('{"icon.title.info":"Informasjonssirkel"}');
+var messages2 = JSON.parse('{"icon.title.info":"Information circle"}');
+var messages3 = JSON.parse('{"icon.title.info":"Ympyr\xE4, jonka sis\xE4ll\xE4 on i-kirjain"}');
+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)
-  ) || defaultLocale;
+  ) || 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 (e) {
     console.warn("could not detect locale, falling back to source locale", e);
-    return defaultLocale;
+    return defaultLocale2;
   }
 }
 var getMessages = (locale, enMsg, nbMsg, fiMsg) => {
@@ -1647,40 +1702,81 @@ var activateI18n = (enMessages, nbMessages, fiMessages) => {
   i18n.activate(locale);
 };
 activateI18n(messages2, messages, messages3);
-var IconAlertInfo16 = class extends LitElement {
+var IconInfo16 = class extends LitElement {
   render() {
-    const title = i18n.t({ message: `Blue circle with the letter I`, id: "icon.title.alert-info", comment: "Title for alert info 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-alert-info-16-part">${unsafeStatic(`<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 html`<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">${unsafeStatic(`<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.3.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 LitElement2 } from "lit";
 import { unsafeStatic as unsafeStatic2, html as html2 } from "lit/static-html.js";
-var messages4 = JSON.parse('{"icon.title.alert-warning":"Gul varseltrekant med utropstegn"}');
-var messages22 = JSON.parse('{"icon.title.alert-warning":"Yellow warning triangle with exclamation point"}');
-var messages32 = JSON.parse('{"icon.title.alert-warning":"Keltainen varoituskolmio, jonka sis\xE4ll\xE4 on huutomerkki"}');
-var supportedLocales2 = ["en", "nb", "fi"];
-var defaultLocale2 = "en";
+var messages4 = JSON.parse('{"icon.title.warning":"Varseltrekant med utropstegn"}');
+var messages22 = JSON.parse('{"icon.title.warning":"Warning triangle with exclamation point"}');
+var messages32 = JSON.parse('{"icon.title.warning":"Varoituskolmio, jonka sis\xE4ll\xE4 on huutomerkki"}');
+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)
-  ) || defaultLocale2;
+  ) || 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 (e) {
     console.warn("could not detect locale, falling back to source locale", e);
-    return defaultLocale2;
+    return defaultLocale3;
   }
 }
 var getMessages2 = (locale, enMsg, nbMsg, fiMsg) => {
@@ -1697,40 +1793,81 @@ var activateI18n2 = (enMessages, nbMessages, fiMessages) => {
   i18n.activate(locale);
 };
 activateI18n2(messages22, messages4, messages32);
-var IconAlertWarning16 = class extends LitElement2 {
+var IconWarning16 = class extends LitElement2 {
   render() {
-    const title = i18n.t({ message: `Yellow warning triangle with exclamation point`, id: "icon.title.alert-warning", comment: "Title for alert warning 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-alert-warning-16-part">${unsafeStatic2(`<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 html2`<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">${unsafeStatic2(`<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.3.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 LitElement3 } from "lit";
 import { unsafeStatic as unsafeStatic3, html as html3 } from "lit/static-html.js";
-var messages5 = JSON.parse('{"icon.title.alert-error":"R\xF8d \xE5ttekant med hvitt utropstegn"}');
-var messages23 = JSON.parse('{"icon.title.alert-error":"Red octagon with white exclamation point"}');
-var messages33 = JSON.parse('{"icon.title.alert-error":"Punainen kahdeksankulmio, jonka sis\xE4ll\xE4 on valkoinen huutomerkki"}');
-var supportedLocales3 = ["en", "nb", "fi"];
-var defaultLocale3 = "en";
+var messages5 = JSON.parse('{"icon.title.error":"\xC5ttekant med utropstegn"}');
+var messages23 = JSON.parse('{"icon.title.error":"Octagon with exclamation point"}');
+var messages33 = JSON.parse('{"icon.title.error":"Kahdeksankulmio, jonka sis\xE4ll\xE4 on huutomerkki"}');
+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)
-  ) || defaultLocale3;
+  ) || 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 (e) {
     console.warn("could not detect locale, falling back to source locale", e);
-    return defaultLocale3;
+    return defaultLocale4;
   }
 }
 var getMessages3 = (locale, enMsg, nbMsg, fiMsg) => {
@@ -1747,40 +1884,81 @@ var activateI18n3 = (enMessages, nbMessages, fiMessages) => {
   i18n.activate(locale);
 };
 activateI18n3(messages23, messages5, messages33);
-var IconAlertError16 = class extends LitElement3 {
+var IconError16 = class extends LitElement3 {
   render() {
-    const title = i18n.t({ message: `Red octagon with white exclamation point`, id: "icon.title.alert-error", comment: "Title for alert error icon" });
-    return html3`<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">${unsafeStatic3(`<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 html3`<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">${unsafeStatic3(`<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.3.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 LitElement4 } from "lit";
 import { unsafeStatic as unsafeStatic4, html as html4 } from "lit/static-html.js";
-var messages6 = JSON.parse('{"icon.title.alert-success":"Gr\xF8nn sirkel med sjekkmerke"}');
-var messages24 = JSON.parse('{"icon.title.alert-success":"Green circle with checkmark"}');
-var messages34 = JSON.parse('{"icon.title.alert-success":"Vihre\xE4 ympyr\xE4, jonka sis\xE4ll\xE4 on valintamerkki"}');
-var supportedLocales4 = ["en", "nb", "fi"];
-var defaultLocale4 = "en";
+var messages6 = JSON.parse('{"icon.title.success":"Sirkel med sjekkmerke"}');
+var messages24 = JSON.parse('{"icon.title.success":"Circle with checkmark"}');
+var messages34 = JSON.parse('{"icon.title.success":"Ympyr\xE4, jonka sis\xE4ll\xE4 on valintamerkki"}');
+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)
-  ) || defaultLocale4;
+  ) || 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 (e) {
     console.warn("could not detect locale, falling back to source locale", e);
-    return defaultLocale4;
+    return defaultLocale5;
   }
 }
 var getMessages4 = (locale, enMsg, nbMsg, fiMsg) => {
@@ -1797,14 +1975,14 @@ var activateI18n4 = (enMessages, nbMessages, fiMessages) => {
   i18n.activate(locale);
 };
 activateI18n4(messages24, messages6, messages34);
-var IconAlertSuccess16 = class extends LitElement4 {
+var IconSuccess16 = class extends LitElement4 {
   render() {
-    const title = i18n.t({ message: `Green circle with checkmark`, id: "icon.title.alert-success", comment: "Title for alert success 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-success-16-part">${unsafeStatic4(`<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 html4`<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">${unsafeStatic4(`<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
@@ -1843,13 +2021,13 @@ var WarpAlert = class extends WarpElement {
   }
   get _icon() {
     if (this.variant === variants.info)
-      return html5`<w-icon-alert-info-16></w-icon-alert-info-16>`;
+      return html5`<w-icon-info-16></w-icon-info-16>`;
     if (this.variant === variants.warning)
-      return html5`<w-icon-alert-warning-16></w-icon-alert-warning-16>`;
+      return html5`<w-icon-warning-16></w-icon-warning-16>`;
     if (this.variant === variants.negative)
-      return html5`<w-icon-alert-error-16></w-icon-alert-error-16>`;
+      return html5`<w-icon-error-16></w-icon-error-16>`;
     if (this.variant === variants.positive)
-      return html5`<w-icon-alert-success-16></w-icon-alert-success-16>`;
+      return html5`<w-icon-success-16></w-icon-success-16>`;
     else
       return "";
   }