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

package/dist/packages/attention/index.js

@@ -1313,17 +1313,17 @@ var I18n = class extends EventEmitter {
     }
     this.emit("change");
   }
-  _load(locale, messages5) {
+  _load(locale, messages6) {
     const maybeMessages = this._messages[locale];
     if (!maybeMessages) {
-      this._messages[locale] = messages5;
+      this._messages[locale] = messages6;
     } else {
-      Object.assign(maybeMessages, messages5);
+      Object.assign(maybeMessages, messages6);
     }
   }
-  load(localeOrMessages, messages5) {
-    if (typeof localeOrMessages == "string" && typeof messages5 === "object") {
-      this._load(localeOrMessages, messages5);
+  load(localeOrMessages, messages6) {
+    if (typeof localeOrMessages == "string" && typeof messages6 === "object") {
+      this._load(localeOrMessages, messages6);
     } else {
       Object.entries(localeOrMessages).forEach(
         ([locale, messages23]) => this._load(locale, messages23)
@@ -1334,10 +1334,10 @@ var I18n = class extends EventEmitter {
   /**
    * @param options {@link LoadAndActivateOptions}
    */
-  loadAndActivate({ locale, locales, messages: messages5 }) {
+  loadAndActivate({ locale, locales, messages: messages6 }) {
     this._locale = locale;
     this._locales = locales || void 0;
-    this._messages[this._locale] = messages5;
+    this._messages[this._locale] = messages6;
     this.emit("change");
   }
   activate(locale, locales) {
@@ -2681,7 +2681,7 @@ async function useRecompute(state) {
   return state;
 }
 
-// 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 box = {
   box: "group block relative break-words last-child:mb-0 p-16 rounded-8",
   // Relative here enables w-clickable
@@ -2689,13 +2689,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 buttonReset = "focus:outline-none appearance-none cursor-pointer bg-transparent border-0 m-0 p-0 inline-block";
 var expandable = {
@@ -2838,8 +2832,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",
@@ -2857,9 +2849,7 @@ var modal = {
 };
 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 prefixSuffixWrapperBase = "absolute top-0 bottom-0 flex justify-center items-center focusable rounded-4 focus:[--w-outline-offset:-2px] bg-transparent ";
 var suffix = {
@@ -2897,11 +2887,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
@@ -2969,7 +2959,7 @@ import WarpElement from "@warp-ds/elements-core";
 import { ifDefined } from "lit/directives/if-defined.js";
 
 // packages/i18n.ts
-var supportedLocales = ["en", "nb", "fi"];
+var supportedLocales = ["en", "nb", "fi", "da"];
 var defaultLocale2 = "en";
 var getSupportedLocale = (usedLocale) => {
   return supportedLocales.find(
@@ -2989,17 +2979,19 @@ function detectLocale() {
     return defaultLocale2;
   }
 }
-var getMessages = (locale, enMsg, nbMsg, fiMsg) => {
+var getMessages = (locale, enMsg, nbMsg, fiMsg, daMsg) => {
   if (locale === "nb")
     return nbMsg;
   if (locale === "fi")
     return fiMsg;
+  if (locale === "da")
+    return daMsg;
   return enMsg;
 };
-var activateI18n = (enMessages, nbMessages, fiMessages) => {
+var activateI18n = (enMessages, nbMessages, fiMessages, daMessages) => {
   const locale = detectLocale();
-  const messages5 = getMessages(locale, enMessages, nbMessages, fiMessages);
-  i18n.load(locale, messages5);
+  const messages6 = getMessages(locale, enMessages, nbMessages, fiMessages, daMessages);
+  i18n.load(locale, messages6);
   i18n.activate(locale);
 };
 
@@ -3031,19 +3023,22 @@ function generateRandomId() {
   return `m${Math.random().toString(36).slice(2)}`;
 }
 
+// packages/attention/locales/da/messages.mjs
+var messages = 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 messages = 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 messages2 = 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 messages2 = 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 messages3 = 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 messages3 = 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 messages4 = 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"}');
 
 // node_modules/.pnpm/@warp-ds+icons@2.0.1/node_modules/@warp-ds/icons/dist/elements/close-16.js
 import { LitElement } from "lit";
 import { unsafeStatic, html } from "lit/static-html.js";
-var messages4 = JSON.parse('{"icon.title.close":"Kryss"}');
+var messages5 = 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", "da", "sv"];
@@ -3120,7 +3115,7 @@ var activateI18n2 = (enMessages, nbMessages, fiMessages) => {
   i18n.load(locale, messages42);
   i18n.activate(locale);
 };
-activateI18n2(messages22, messages4, messages32);
+activateI18n2(messages22, messages5, messages32);
 var IconClose16 = class extends LitElement {
   render() {
     const title = i18n.t({ message: `Cross`, id: "icon.title.close", comment: "Title for close icon" });
@@ -3135,7 +3130,7 @@ if (!customElements.get("w-icon-close-16")) {
 var WarpAttention = class extends kebabCaseAttributes(WarpElement) {
   constructor() {
     super();
-    activateI18n(messages, messages3, messages2);
+    activateI18n(messages2, messages4, messages3, messages);
     this.handleDone = this.handleDone.bind(this);
     this.show = false;
     this.placement = "bottom";