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

package/dist/packages/pill/locales/da/messages.d.mts

@@ -0,0 +1 @@
+export const messages: any;

package/dist/packages/select/index.js

@@ -1334,17 +1334,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)
@@ -1355,10 +1355,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) {
@@ -1413,7 +1413,7 @@ function setupI18n(params = {}) {
 }
 var i18n = setupI18n();
 
-// 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
@@ -1421,13 +1421,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 = {
@@ -1570,8 +1564,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",
@@ -1599,17 +1591,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 = {
@@ -1647,11 +1634,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
@@ -1721,7 +1708,7 @@ import { unsafeHTML } from "lit/directives/unsafe-html.js";
 import { when } from "lit/directives/when.js";
 
 // packages/i18n.ts
-var supportedLocales = ["en", "nb", "fi"];
+var supportedLocales = ["en", "nb", "fi", "da"];
 var defaultLocale2 = "en";
 var getSupportedLocale = (usedLocale) => {
   return supportedLocales.find(
@@ -1741,17 +1728,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);
 };
 
@@ -1772,19 +1761,22 @@ function kebabCaseAttributes(constructor) {
   };
 }
 
+// packages/select/locales/da/messages.mjs
+var messages = JSON.parse('{"select.label.optional":"(valgfrit)"}');
+
 // packages/select/locales/en/messages.mjs
-var messages = JSON.parse('{"select.label.optional":"(optional)"}');
+var messages2 = JSON.parse('{"select.label.optional":"(optional)"}');
 
 // packages/select/locales/fi/messages.mjs
-var messages2 = JSON.parse('{"select.label.optional":"(vapaaehtoinen)"}');
+var messages3 = JSON.parse('{"select.label.optional":"(vapaaehtoinen)"}');
 
 // packages/select/locales/nb/messages.mjs
-var messages3 = JSON.parse('{"select.label.optional":"(valgfritt)"}');
+var messages4 = JSON.parse('{"select.label.optional":"(valgfritt)"}');
 
 // node_modules/.pnpm/@warp-ds+icons@2.0.1/node_modules/@warp-ds/icons/dist/elements/chevron-down-16.js
 import { LitElement } from "lit";
 import { unsafeStatic, html } from "lit/static-html.js";
-var messages4 = JSON.parse('{"icon.title.chevron-down":"Nedoverpil"}');
+var messages5 = JSON.parse('{"icon.title.chevron-down":"Nedoverpil"}');
 var messages22 = JSON.parse('{"icon.title.chevron-down":"Downward arrow"}');
 var messages32 = JSON.parse('{"icon.title.chevron-down":"Nuoli alasp\xE4in"}');
 var supportedLocales2 = ["en", "nb", "fi", "da", "sv"];
@@ -1861,7 +1853,7 @@ var activateI18n2 = (enMessages, nbMessages, fiMessages) => {
   i18n.load(locale, messages42);
   i18n.activate(locale);
 };
-activateI18n2(messages22, messages4, messages32);
+activateI18n2(messages22, messages5, messages32);
 var IconChevronDown16 = class extends LitElement {
   render() {
     const title = i18n.t({ message: `Downward arrow`, id: "icon.title.chevron-down", comment: "Title for chevron-down icon" });
@@ -1882,7 +1874,7 @@ var WarpSelect = class extends kebabCaseAttributes(WarpElement) {
     __privateAdd(this, _chevronClasses);
     __privateAdd(this, _id);
     __privateAdd(this, _helpId);
-    activateI18n(messages, messages3, messages2);
+    activateI18n(messages2, messages4, messages3, messages);
     this._options = this.innerHTML;
   }
   render() {