@warp-ds/elements 1.5.0 → 2.0.0-next.2

package/dist/index.js

@@ -1043,7 +1043,7 @@ var require_parser = __commonJS({
 // packages/affix/index.js
 import { html as html3 } from "lit";
 
-// node_modules/.pnpm/@warp-ds+css@1.10.1/node_modules/@warp-ds/css/component-classes/index.js
+// node_modules/.pnpm/@warp-ds+css@2.0.0-next.4_@warp-ds+uno@2.0.0_unocss@0.58.5_postcss@8.4.38_rollup@4.18.0_vite@_d2fzbudswaxjysaqn4v4imsdwy/node_modules/@warp-ds/css/component-classes/index.js
 var badge = {
   base: "py-4 px-8 border-0 rounded-4 text-xs inline-flex",
   neutral: "bg-[--w-color-badge-neutral-background] s-text",
@@ -1054,8 +1054,6 @@ var badge = {
   disabled: "s-bg-disabled s-text",
   price: "bg-[--w-black/70] s-text-inverted-static",
   sponsored: "bg-[--w-color-badge-sponsored-background] s-text",
-  // Notification badge is deprecated: Do not use! TODO: Remove in v2
-  notification: "i-bg-$color-badge-notification-background i-text-$color-badge-notification-text",
   positionBase: "absolute backdrop-blur",
   positionTL: "rounded-tl-0 rounded-tr-0 rounded-bl-0 top-0 left-0",
   positionTR: "rounded-tl-0 rounded-tr-0 rounded-br-0 top-0 right-0",
@@ -1069,13 +1067,7 @@ var box = {
   // We target L and R to override the default rounded-8
   info: "s-bg-info-subtle",
   neutral: "s-surface-sunken",
-  bordered: "border-2 s-border s-bg",
-  infoClickable: "hover:s-bg-info-subtle-hover active:s-bg-info-subtle-active",
-  // Deprecated - Remove in v2 (after removing Clickable prop in the Box components)
-  neutralClickable: "hover:s-bg-hover active:s-bg-active",
-  // Deprecated - Remove in v2 (after removing Clickable prop in the Box components)
-  borderedClickable: "hover:s-bg-hover active:s-bg-active hover:s-border-hover active:s-border-active"
-  // Deprecated - Remove in v2 (after removing Clickable prop in the Box components)
+  bordered: "border-2 s-border s-bg"
 };
 var pill = {
   pill: "flex items-center",
@@ -1091,8 +1083,6 @@ var pill = {
 var card = {
   card: "cursor-pointer overflow-hidden relative transition-all",
   cardShadow: "group rounded-8 s-surface-elevated-200 hover:s-surface-elevated-200-hover active:s-surface-elevated-200-active",
-  cardUnselected: "",
-  // TODO: Remove in v2 - Not used after introducing surface
   cardSelected: "!s-bg-selected !hover:s-bg-selected-hover !active:s-bg-selected-active",
   cardOutline: "absolute border-2 rounded-8 inset-0 transition-all",
   cardOutlineUnselected: "border-transparent group-active:s-border-active",
@@ -1262,8 +1252,6 @@ var button = {
   contentWidth: "max-w-max"
 };
 var modal = {
-  transparentBg: "",
-  //TODO: Remove in v2 - previously used for opacity before changing to a rgba background in backdrop
   backdrop: "fixed inset-0 flex sm:place-content-center sm:place-items-center items-end z-30 [--w-modal-max-height:80%] [--w-modal-width:640px] bg-[--w-black/25]",
   modal: "pb-safe-[32] shadow-m max-h-[--w-modal-max-height] min-h-[--w-modal-min-height] w-[--w-modal-width] h-[--w-modal-height] relative transition-300 ease-in-out backface-hidden will-change-height rounded-8 mx-0 sm:mx-16 bg-[--w-s-color-surface-elevated-100] flex flex-col overflow-hidden outline-none space-y-16 pt-8 sm:pt-32 sm:pb-32 rounded-b-0 sm:rounded-b-8",
   content: "block overflow-y-auto overflow-x-hidden last-child:mb-0 grow shrink px-16 sm:px-32 relative",
@@ -1343,17 +1331,12 @@ var select = {
 };
 var label = {
   label: "antialiased block relative text-s font-bold pb-4 cursor-pointer s-text",
-  optional: "pl-8 font-normal text-s s-text-subtle",
-  labelInvalid: "s-text-negative"
-  // TODO: Remove in v2 - kept for backwards compatibility
+  optional: "pl-8 font-normal text-s s-text-subtle"
 };
 var helpText = {
   helpText: "text-xs mt-4 block",
   helpTextColor: "s-text-subtle",
-  helpTextColorInvalid: "s-text-negative",
-  // TODO: Remove below properties in v2 - kept for backwards compatibility
-  helpTextValid: "s-text-positive",
-  helpTextInvalid: "s-text-negative"
+  helpTextColorInvalid: "s-text-negative"
 };
 var prefixSuffixWrapperBase = "absolute top-0 bottom-0 flex justify-center items-center focusable rounded-4 focus:[--w-outline-offset:-2px] bg-transparent ";
 var suffix = {
@@ -1398,11 +1381,11 @@ var toggle = {
   // !isRadioButton
   labelBefore: 'before:content-[""] before:block',
   // !isRadioButton && !isIndeterminate
-  checkbox: "before:s-bg before:rounded-2 hover:before:s-border-primary hover:before:s-bg-hover peer-checked:before:bg-center peer-checked:before:bg-[url(var(--w-form-check-mark))] peer-checked:before:s-border-primary peer-checked:before:s-bg-primary peer-checked:peer-hover:before:s-border-primary-hover peer-checked:peer-hover:before:s-bg-primary-hover",
+  checkbox: "before:s-bg before:rounded-2 hover:before:s-border-primary hover:before:s-bg-hover peer-checked:before:bg-center peer-checked:before:bg-[url(var(--w-icon-toggle-checked))] peer-checked:before:s-border-primary peer-checked:before:s-bg-primary peer-checked:peer-hover:before:s-border-primary-hover peer-checked:peer-hover:before:s-bg-primary-hover",
   // isCheckbox && !isIndeterminate && !isInvalid && !isDisabled
-  checkboxInvalid: "before:s-bg before:s-border-negative before:rounded-2 hover:before:s-bg-negative-subtle-hover hover:before:s-border-negative-hover peer-checked:before:bg-center peer-checked:before:bg-[url(var(--w-form-check-mark))] peer-checked:before:s-bg-negative peer-checked:before:s-border-negative peer-checked:peer-hover:before:s-bg-negative-hover peer-checked:peer-hover:before:s-border-negative-hover",
+  checkboxInvalid: "before:s-bg before:s-border-negative before:rounded-2 hover:before:s-bg-negative-subtle-hover hover:before:s-border-negative-hover peer-checked:before:bg-center peer-checked:before:bg-[url(var(--w-icon-toggle-checked))] peer-checked:before:s-bg-negative peer-checked:before:s-border-negative peer-checked:peer-hover:before:s-bg-negative-hover peer-checked:peer-hover:before:s-border-negative-hover",
   // isCheckbox && !isIndeterminate && isInvalid && !isDisabled
-  checkboxDisabled: "before:s-bg-disabled-subtle before:s-border-disabled pointer-events-none before:rounded-2 peer-checked:before:bg-center peer-checked:before:bg-[url(var(--w-form-check-mark))] peer-checked:before:s-border-disabled peer-checked:before:s-bg-disabled",
+  checkboxDisabled: "before:s-bg-disabled-subtle before:s-border-disabled pointer-events-none before:rounded-2 peer-checked:before:bg-center peer-checked:before:bg-[url(var(--w-icon-toggle-checked))] peer-checked:before:s-border-disabled peer-checked:before:s-bg-disabled",
   // isCheckbox && !isIndeterminate && !isInvalid && isDisabled
   indeterminate: 'before:content-["\u2013"] before:rounded-2 before:leading-xs before:text-center before:font-bold before:s-icon-inverted peer-indeterminate:before:s-border-primary peer-indeterminate:before:s-bg-primary peer-indeterminate:hover:before:s-border-primary-hover peer-indeterminate:hover:before:s-bg-primary-hover',
   // isCheckbox && isIndeterminate && !isInvalid && !isDisabled
@@ -1756,20 +1739,20 @@ var I18n = class extends EventEmitter {
     }
     this.emit("change");
   }
-  _load(locale, messages46) {
+  _load(locale, messages51) {
     const maybeMessages = this._messages[locale];
     if (!maybeMessages) {
-      this._messages[locale] = messages46;
+      this._messages[locale] = messages51;
     } else {
-      Object.assign(maybeMessages, messages46);
+      Object.assign(maybeMessages, messages51);
     }
   }
-  load(localeOrMessages, messages46) {
-    if (typeof localeOrMessages == "string" && typeof messages46 === "object") {
-      this._load(localeOrMessages, messages46);
+  load(localeOrMessages, messages51) {
+    if (typeof localeOrMessages == "string" && typeof messages51 === "object") {
+      this._load(localeOrMessages, messages51);
     } else {
       Object.entries(localeOrMessages).forEach(
-        ([locale, messages210]) => this._load(locale, messages210)
+        ([locale, messages211]) => this._load(locale, messages211)
       );
     }
     this.emit("change");
@@ -1777,10 +1760,10 @@ var I18n = class extends EventEmitter {
   /**
    * @param options {@link LoadAndActivateOptions}
    */
-  loadAndActivate({ locale, locales, messages: messages46 }) {
+  loadAndActivate({ locale, locales, messages: messages51 }) {
     this._locale = locale;
     this._locales = locales || void 0;
-    this._messages[this._locale] = messages46;
+    this._messages[this._locale] = messages51;
     this.emit("change");
   }
   activate(locale, locales) {
@@ -1909,8 +1892,8 @@ var getMessages = (locale, enMsg, nbMsg, fiMsg) => {
 };
 var activateI18n = (enMessages, nbMessages, fiMessages) => {
   const locale = detectLocale();
-  const messages46 = getMessages(locale, enMessages, nbMessages, fiMessages);
-  i18n.load(locale, messages46);
+  const messages410 = getMessages(locale, enMessages, nbMessages, fiMessages);
+  i18n.load(locale, messages410);
   i18n.activate(locale);
 };
 activateI18n(messages2, messages, messages3);
@@ -2000,8 +1983,8 @@ var getMessages2 = (locale, enMsg, nbMsg, fiMsg) => {
 };
 var activateI18n2 = (enMessages, nbMessages, fiMessages) => {
   const locale = detectLocale2();
-  const messages46 = getMessages2(locale, enMessages, nbMessages, fiMessages);
-  i18n.load(locale, messages46);
+  const messages410 = getMessages2(locale, enMessages, nbMessages, fiMessages);
+  i18n.load(locale, messages410);
   i18n.activate(locale);
 };
 activateI18n2(messages22, messages4, messages32);
@@ -2202,8 +2185,8 @@ var getMessages3 = (locale, enMsg, nbMsg, fiMsg) => {
 };
 var activateI18n3 = (enMessages, nbMessages, fiMessages) => {
   const locale = detectLocale3();
-  const messages46 = getMessages3(locale, enMessages, nbMessages, fiMessages);
-  i18n.load(locale, messages46);
+  const messages410 = getMessages3(locale, enMessages, nbMessages, fiMessages);
+  i18n.load(locale, messages410);
   i18n.activate(locale);
 };
 activateI18n3(messages23, messages5, messages33);
@@ -2293,8 +2276,8 @@ var getMessages4 = (locale, enMsg, nbMsg, fiMsg) => {
 };
 var activateI18n4 = (enMessages, nbMessages, fiMessages) => {
   const locale = detectLocale4();
-  const messages46 = getMessages4(locale, enMessages, nbMessages, fiMessages);
-  i18n.load(locale, messages46);
+  const messages410 = getMessages4(locale, enMessages, nbMessages, fiMessages);
+  i18n.load(locale, messages410);
   i18n.activate(locale);
 };
 activateI18n4(messages24, messages6, messages34);
@@ -2384,8 +2367,8 @@ var getMessages5 = (locale, enMsg, nbMsg, fiMsg) => {
 };
 var activateI18n5 = (enMessages, nbMessages, fiMessages) => {
   const locale = detectLocale5();
-  const messages46 = getMessages5(locale, enMessages, nbMessages, fiMessages);
-  i18n.load(locale, messages46);
+  const messages410 = getMessages5(locale, enMessages, nbMessages, fiMessages);
+  i18n.load(locale, messages410);
   i18n.activate(locale);
 };
 activateI18n5(messages25, messages7, messages35);
@@ -2475,8 +2458,8 @@ var getMessages6 = (locale, enMsg, nbMsg, fiMsg) => {
 };
 var activateI18n6 = (enMessages, nbMessages, fiMessages) => {
   const locale = detectLocale6();
-  const messages46 = getMessages6(locale, enMessages, nbMessages, fiMessages);
-  i18n.load(locale, messages46);
+  const messages410 = getMessages6(locale, enMessages, nbMessages, fiMessages);
+  i18n.load(locale, messages410);
   i18n.activate(locale);
 };
 activateI18n6(messages26, messages8, messages36);
@@ -3874,7 +3857,7 @@ import WarpElement3 from "@warp-ds/elements-core";
 import { ifDefined as ifDefined2 } from "lit/directives/if-defined.js";
 
 // packages/i18n.ts
-var supportedLocales7 = ["en", "nb", "fi"];
+var supportedLocales7 = ["en", "nb", "fi", "da"];
 var defaultLocale8 = "en";
 var getSupportedLocale7 = (usedLocale) => {
   return supportedLocales7.find(
@@ -3894,34 +3877,39 @@ function detectLocale7() {
     return defaultLocale8;
   }
 }
-var getMessages7 = (locale, enMsg, nbMsg, fiMsg) => {
+var getMessages7 = (locale, enMsg, nbMsg, fiMsg, daMsg) => {
   if (locale === "nb")
     return nbMsg;
   if (locale === "fi")
     return fiMsg;
+  if (locale === "da")
+    return daMsg;
   return enMsg;
 };
-var activateI18n7 = (enMessages, nbMessages, fiMessages) => {
+var activateI18n7 = (enMessages, nbMessages, fiMessages, daMessages) => {
   const locale = detectLocale7();
-  const messages46 = getMessages7(locale, enMessages, nbMessages, fiMessages);
-  i18n.load(locale, messages46);
+  const messages51 = getMessages7(locale, enMessages, nbMessages, fiMessages, daMessages);
+  i18n.load(locale, messages51);
   i18n.activate(locale);
 };
 
+// packages/attention/locales/da/messages.mjs
+var messages9 = JSON.parse('{"attention.aria.callout":"En gr\xF8n taleboble der introducerer noget nyt","attention.aria.close":"Luk","attention.aria.highlight":"En opm\xE6rksomhedsskabende taleboble med vigtig information","attention.aria.pointingDown":"peger nedad","attention.aria.pointingLeft":"peger til venstre","attention.aria.pointingRight":"peger til h\xF8jre","attention.aria.pointingUp":"peger opad","attention.aria.popover":"En hvid taleboble med mere information","attention.aria.tooltip":"En sort taleboble med flere oplysninger"}');
+
 // packages/attention/locales/en/messages.mjs
-var messages9 = JSON.parse('{"attention.aria.callout":"callout speech bubble","attention.aria.close":"Close","attention.aria.highlight":"highlighted speech bubble","attention.aria.pointingDown":"pointing down","attention.aria.pointingLeft":"pointing left","attention.aria.pointingRight":"pointing right","attention.aria.pointingUp":"pointing up","attention.aria.popover":"popover speech bubble","attention.aria.tooltip":"tooltip"}');
+var messages10 = JSON.parse('{"attention.aria.callout":"A green speech bubble introducing something new","attention.aria.close":"Close","attention.aria.highlight":"An attention speech bubble with important information","attention.aria.pointingDown":"pointing down","attention.aria.pointingLeft":"pointing left","attention.aria.pointingRight":"pointing right","attention.aria.pointingUp":"pointing up","attention.aria.popover":"A white speech bubble providing additional information","attention.aria.tooltip":"A black speech bubble providing complementary information"}');
 
 // packages/attention/locales/fi/messages.mjs
-var messages10 = JSON.parse('{"attention.aria.callout":"callout speech bubble","attention.aria.close":"Sulje","attention.aria.highlight":"highlighted speech bubble","attention.aria.pointingDown":"pointing down","attention.aria.pointingLeft":"pointing left","attention.aria.pointingRight":"pointing right","attention.aria.pointingUp":"pointing up","attention.aria.popover":"popover speech bubble","attention.aria.tooltip":"tooltip"}');
+var messages11 = JSON.parse('{"attention.aria.callout":"Vihre\xE4 puhekupla, joka esittelee jotain uutta","attention.aria.close":"Sulje","attention.aria.highlight":"Puhekupla, joka sis\xE4lt\xE4\xE4 t\xE4rke\xE4\xE4 tietoa","attention.aria.pointingDown":"osoittaa alas","attention.aria.pointingLeft":"osoittaa vasemmalle","attention.aria.pointingRight":"osoittaa oikealle","attention.aria.pointingUp":"osoittaa yl\xF6s","attention.aria.popover":"Valkoinen puhekupla, joka tarjoaa lis\xE4tietoa","attention.aria.tooltip":"Musta puhekupla, joka tarjoaa t\xE4ydent\xE4v\xE4\xE4 tietoa"}');
 
 // packages/attention/locales/nb/messages.mjs
-var messages11 = JSON.parse('{"attention.aria.callout":"callout speech bubble","attention.aria.close":"Lukk","attention.aria.highlight":"highlighted speech bubble","attention.aria.pointingDown":"pointing down","attention.aria.pointingLeft":"pointing left","attention.aria.pointingRight":"pointing right","attention.aria.pointingUp":"pointing up","attention.aria.popover":"popover speech bubble","attention.aria.tooltip":"tooltip"}');
+var messages12 = JSON.parse('{"attention.aria.callout":"Gr\xF8nn taleboble som introduserer noe nytt","attention.aria.close":"Lukk","attention.aria.highlight":"En uthevet taleboble med viktig informasjon","attention.aria.pointingDown":"peker ned","attention.aria.pointingLeft":"peker til venstre","attention.aria.pointingRight":"peker til h\xF8yre","attention.aria.pointingUp":"peker opp","attention.aria.popover":"En hvit taleboble som gir tilleggsinformasjon","attention.aria.tooltip":"En svart taleboble som forklarer konteksten"}');
 
 // packages/attention/index.js
 var WarpAttention = class extends kebabCaseAttributes(WarpElement3) {
   constructor() {
     super();
-    activateI18n7(messages9, messages11, messages10);
+    activateI18n7(messages10, messages12, messages11, messages9);
     this.handleDone = this.handleDone.bind(this);
     this.show = false;
     this.placement = "bottom";
@@ -4350,21 +4338,24 @@ function interleave(array, separator2) {
 // packages/breadcrumbs/index.js
 import WarpElement6 from "@warp-ds/elements-core";
 
+// packages/breadcrumbs/locales/da/messages.mjs
+var messages13 = JSON.parse('{"breadcrumbs.ariaLabel":"Du er her"}');
+
 // packages/breadcrumbs/locales/en/messages.mjs
-var messages12 = JSON.parse('{"breadcrumbs.ariaLabel":"You are here"}');
+var messages14 = JSON.parse('{"breadcrumbs.ariaLabel":"You are here"}');
 
 // packages/breadcrumbs/locales/fi/messages.mjs
-var messages13 = JSON.parse('{"breadcrumbs.ariaLabel":"Olet t\xE4ss\xE4"}');
+var messages15 = JSON.parse('{"breadcrumbs.ariaLabel":"Olet t\xE4ss\xE4"}');
 
 // packages/breadcrumbs/locales/nb/messages.mjs
-var messages14 = JSON.parse('{"breadcrumbs.ariaLabel":"Her er du"}');
+var messages16 = JSON.parse('{"breadcrumbs.ariaLabel":"Her er du"}');
 
 // packages/breadcrumbs/index.js
 var separator = html12`<span class=${breadcrumbs.separator}>/</span>`;
 var WarpBreadcrumbs = class extends kebabCaseAttributes(WarpElement6) {
   constructor() {
     super();
-    activateI18n7(messages12, messages14, messages13);
+    activateI18n7(messages14, messages16, messages15, messages13);
     this.ariaLabel = i18n._({
       id: "breadcrumbs.ariaLabel",
       message: "You are here",
@@ -4444,11 +4435,11 @@ var WarpBroadcast = class extends WarpElement7 {
     this._hiddenMessageIds = [.../* @__PURE__ */ new Set([...this._hiddenMessageIds, id])];
   }
   render() {
-    const messages46 = this._messages.filter((item) => !this._hiddenMessageIds.includes(item.id));
+    const messages51 = this._messages.filter((item) => !this._hiddenMessageIds.includes(item.id));
     return html13`
-      <aside class=${`${messages46.length === 0 ? "hidden" : "mb-16"}`}>
+      <aside class=${`${messages51.length === 0 ? "hidden" : "mb-16"}`}>
         ${repeat(
-      messages46,
+      messages51,
       ({ id }) => `broadcast-${id}`,
       ({ id, message }) => html13`<w-toast id="broadcast-${id}" type="warning" text="${message}" canclose @close=${() => this._del(id)}> </w-toast>`
     )}
@@ -4486,21 +4477,24 @@ if (!customElements.get("w-broadcast")) {
 import { html as html14 } from "lit";
 import WarpElement8 from "@warp-ds/elements-core";
 
+// packages/button/locales/da/messages.mjs
+var messages17 = JSON.parse('{"button.aria.loading":"Indl\xE6ser..."}');
+
 // packages/button/locales/en/messages.mjs
-var messages15 = JSON.parse('{"button.aria.loading":"Loading..."}');
+var messages18 = JSON.parse('{"button.aria.loading":"Loading..."}');
 
 // packages/button/locales/fi/messages.mjs
-var messages16 = JSON.parse('{"button.aria.loading":"Ladataan..."}');
+var messages19 = JSON.parse('{"button.aria.loading":"Ladataan..."}');
 
 // packages/button/locales/nb/messages.mjs
-var messages17 = JSON.parse('{"button.aria.loading":"Laster..."}');
+var messages20 = JSON.parse('{"button.aria.loading":"Laster..."}');
 
 // packages/button/index.js
 var buttonTypes2 = ["primary", "secondary", "negative", "utility", "pill", "link"];
 var WarpButton = class extends kebabCaseAttributes(WarpElement8) {
   constructor() {
     super();
-    activateI18n7(messages15, messages17, messages16);
+    activateI18n7(messages18, messages20, messages19, messages17);
     this.variant = "secondary";
     this.ariaValueTextLoading = i18n._({
       id: "button.aria.loading",
@@ -4695,7 +4689,7 @@ import { ifDefined as ifDefined4 } from "lit/directives/if-defined.js";
 // node_modules/.pnpm/@warp-ds+icons@2.0.1/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 messages21 = 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", "da", "sv"];
@@ -4768,11 +4762,11 @@ var getMessages8 = (locale, enMsg, nbMsg, fiMsg) => {
 };
 var activateI18n8 = (enMessages, nbMessages, fiMessages) => {
   const locale = detectLocale8();
-  const messages46 = getMessages8(locale, enMessages, nbMessages, fiMessages);
-  i18n.load(locale, messages46);
+  const messages410 = getMessages8(locale, enMessages, nbMessages, fiMessages);
+  i18n.load(locale, messages410);
   i18n.activate(locale);
 };
-activateI18n8(messages27, messages18, messages37);
+activateI18n8(messages27, messages21, 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" });
@@ -4786,8 +4780,8 @@ if (!customElements.get("w-icon-chevron-down-16")) {
 // node_modules/.pnpm/@warp-ds+icons@2.0.1/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 messages28 = JSON.parse('{"icon.title.chevron-up":"Oppoverpil"}');
+var messages29 = 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", "da", "sv"];
 var defaultLocale10 = "en";
@@ -4859,11 +4853,11 @@ var getMessages9 = (locale, enMsg, nbMsg, fiMsg) => {
 };
 var activateI18n9 = (enMessages, nbMessages, fiMessages) => {
   const locale = detectLocale9();
-  const messages46 = getMessages9(locale, enMessages, nbMessages, fiMessages);
-  i18n.load(locale, messages46);
+  const messages410 = getMessages9(locale, enMessages, nbMessages, fiMessages);
+  i18n.load(locale, messages410);
   i18n.activate(locale);
 };
-activateI18n9(messages28, messages19, messages38);
+activateI18n9(messages29, messages28, messages38);
 var IconChevronUp16 = class extends LitElement8 {
   render() {
     const title = i18n.t({ message: `Upward arrow`, id: "icon.title.chevron-up", comment: "Title for chevron-up icon" });
@@ -5113,8 +5107,8 @@ var Move = class {
 // node_modules/.pnpm/@warp-ds+icons@2.0.1/node_modules/@warp-ds/icons/dist/elements/arrow-left-16.js
 import { LitElement as LitElement9 } from "lit";
 import { unsafeStatic as unsafeStatic9, html as html20 } from "lit/static-html.js";
-var messages20 = JSON.parse('{"icon.title.arrow-left":"Pil som peker mot venstre"}');
-var messages29 = JSON.parse('{"icon.title.arrow-left":"Leftward-pointing arrow"}');
+var messages30 = JSON.parse('{"icon.title.arrow-left":"Pil som peker mot venstre"}');
+var messages210 = JSON.parse('{"icon.title.arrow-left":"Leftward-pointing arrow"}');
 var messages39 = JSON.parse('{"icon.title.arrow-left":"Vasemmalle osoittava nuoli"}');
 var supportedLocales10 = ["en", "nb", "fi", "da", "sv"];
 var defaultLocale11 = "en";
@@ -5186,11 +5180,11 @@ var getMessages10 = (locale, enMsg, nbMsg, fiMsg) => {
 };
 var activateI18n10 = (enMessages, nbMessages, fiMessages) => {
   const locale = detectLocale10();
-  const messages46 = getMessages10(locale, enMessages, nbMessages, fiMessages);
-  i18n.load(locale, messages46);
+  const messages410 = getMessages10(locale, enMessages, nbMessages, fiMessages);
+  i18n.load(locale, messages410);
   i18n.activate(locale);
 };
-activateI18n10(messages29, messages20, messages39);
+activateI18n10(messages210, messages30, messages39);
 var IconArrowLeft16 = class extends LitElement9 {
   render() {
     const title = i18n.t({ message: `Leftward-pointing arrow`, id: "icon.title.arrow-left", comment: "Title for table arrow left icon" });
@@ -5495,20 +5489,23 @@ if (!customElements.get("w-modal")) {
 import { html as html23 } from "lit";
 import WarpElement14 from "@warp-ds/elements-core";
 
+// packages/pill/locales/da/messages.mjs
+var messages31 = JSON.parse('{"pill.aria.openFilter":"\xC5bn filter","pill.aria.removeFilter":["Fjern filter ",["label"]]}');
+
 // packages/pill/locales/en/messages.mjs
-var messages21 = JSON.parse('{"pill.aria.openFilter":"Open filter","pill.aria.removeFilter":["Remove filter ",["label"]]}');
+var messages40 = JSON.parse('{"pill.aria.openFilter":"Open filter","pill.aria.removeFilter":["Remove filter ",["label"]]}');
 
 // packages/pill/locales/fi/messages.mjs
-var messages30 = JSON.parse('{"pill.aria.openFilter":"Avaa suodatin","pill.aria.removeFilter":["Tyhjenn\xE4 suodatin ",["label"]]}');
+var messages41 = JSON.parse('{"pill.aria.openFilter":"Avaa suodatin","pill.aria.removeFilter":["Tyhjenn\xE4 suodatin ",["label"]]}');
 
 // packages/pill/locales/nb/messages.mjs
-var messages31 = JSON.parse('{"pill.aria.openFilter":"\xC5pne filter","pill.aria.removeFilter":["Fjern filter ",["label"]]}');
+var messages42 = JSON.parse('{"pill.aria.openFilter":"\xC5pne filter","pill.aria.removeFilter":["Fjern filter ",["label"]]}');
 
 // packages/pill/index.js
 var WarpPill = class extends kebabCaseAttributes(WarpElement14) {
   constructor() {
     super();
-    activateI18n7(messages21, messages31, messages30);
+    activateI18n7(messages40, messages42, messages41, messages31);
     this.canClose = false;
     this.suggestion = false;
     this.openFilterSrText = i18n._({
@@ -5576,14 +5573,17 @@ import { ifDefined as ifDefined5 } from "lit/directives/if-defined.js";
 import { unsafeHTML } from "lit/directives/unsafe-html.js";
 import { when } from "lit/directives/when.js";
 
+// packages/select/locales/da/messages.mjs
+var messages43 = JSON.parse('{"select.label.optional":"(valgfrit)"}');
+
 // packages/select/locales/en/messages.mjs
-var messages40 = JSON.parse('{"select.label.optional":"(optional)"}');
+var messages44 = JSON.parse('{"select.label.optional":"(optional)"}');
 
 // packages/select/locales/fi/messages.mjs
-var messages41 = JSON.parse('{"select.label.optional":"(vapaaehtoinen)"}');
+var messages45 = JSON.parse('{"select.label.optional":"(vapaaehtoinen)"}');
 
 // packages/select/locales/nb/messages.mjs
-var messages42 = JSON.parse('{"select.label.optional":"(valgfritt)"}');
+var messages46 = JSON.parse('{"select.label.optional":"(valgfritt)"}');
 
 // packages/select/index.js
 var _classes, classes_get, _helpTextClasses, helpTextClasses_get, _chevronClasses, chevronClasses_get, _id, id_get, _helpId, helpId_get;
@@ -5595,7 +5595,7 @@ var WarpSelect = class extends kebabCaseAttributes(WarpElement15) {
     __privateAdd(this, _chevronClasses);
     __privateAdd(this, _id);
     __privateAdd(this, _helpId);
-    activateI18n7(messages40, messages42, messages41);
+    activateI18n7(messages44, messages46, messages45, messages43);
     this._options = this.innerHTML;
   }
   render() {
@@ -6061,14 +6061,17 @@ var collapse = (el, done) => {
 import { classMap as classMap2 } from "lit/directives/class-map.js";
 import { when as when2 } from "lit/directives/when.js";
 
+// packages/toast/locales/da/messages.mjs
+var messages47 = JSON.parse('{"toast.aria.error":"Fejl","toast.aria.successful":"Fuldf\xF8rt","toast.aria.warning":"Advarsel"}');
+
 // packages/toast/locales/en/messages.mjs
-var messages43 = JSON.parse('{"toast.aria.error":"Error","toast.aria.successful":"Successful","toast.aria.warning":"Warning"}');
+var messages48 = JSON.parse('{"toast.aria.error":"Error","toast.aria.successful":"Successful","toast.aria.warning":"Warning"}');
 
 // packages/toast/locales/fi/messages.mjs
-var messages44 = JSON.parse('{"toast.aria.error":"Error","toast.aria.successful":"Successful","toast.aria.warning":"Warning"}');
+var messages49 = JSON.parse('{"toast.aria.error":"Virhe","toast.aria.successful":"Onnistui","toast.aria.warning":"Varoitus"}');
 
 // packages/toast/locales/nb/messages.mjs
-var messages45 = JSON.parse('{"toast.aria.error":"Varsel","toast.aria.successful":"Vellykket","toast.aria.warning":"Feil"}');
+var messages50 = JSON.parse('{"toast.aria.error":"Feil","toast.aria.successful":"Vellykket","toast.aria.warning":"Advarsel"}');
 
 // packages/toast/toast.js
 var classes2 = (definition) => {
@@ -6088,7 +6091,7 @@ var toastType = {
 var WarpToast = class extends WarpElement18 {
   constructor() {
     super();
-    activateI18n7(messages43, messages45, messages44);
+    activateI18n7(messages48, messages50, messages49, messages47);
     this.id = Date.now().toString(36) + Math.random().toString(36).slice(2, 5);
     this.type = "success";
     this.text = "";