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

package/dist/packages/modal/modal-header.d.ts

@@ -23,7 +23,7 @@ export class ModalHeader extends ModalHeader_base {
         };
     };
     static styles: any[];
-    titleEl: import(".pnpm/lit-html@2.8.0/node_modules/lit-html/directives/ref.js").Ref<Element>;
+    titleEl: import(".pnpm/lit-html@3.1.4/node_modules/lit-html/directives/ref.js").Ref<Element>;
     _hasTopContent: boolean;
     render(): import("lit").TemplateResult<1>;
     willUpdate(changedProperties: any): Promise<void>;

package/dist/packages/modal/modal-main.d.ts

@@ -18,9 +18,9 @@ export class ModalMain extends ModalMain_base {
         };
     };
     static styles: any[];
-    dialogEl: import(".pnpm/lit-html@2.8.0/node_modules/lit-html/directives/ref.js").Ref<Element>;
-    dialogInnerEl: import(".pnpm/lit-html@2.8.0/node_modules/lit-html/directives/ref.js").Ref<Element>;
-    contentEl: import(".pnpm/lit-html@2.8.0/node_modules/lit-html/directives/ref.js").Ref<Element>;
+    dialogEl: import(".pnpm/lit-html@3.1.4/node_modules/lit-html/directives/ref.js").Ref<Element>;
+    dialogInnerEl: import(".pnpm/lit-html@3.1.4/node_modules/lit-html/directives/ref.js").Ref<Element>;
+    contentEl: import(".pnpm/lit-html@3.1.4/node_modules/lit-html/directives/ref.js").Ref<Element>;
     /** @param {KeyboardEvent} evt */
     interceptEscape(evt: KeyboardEvent): void;
     /** @param {MouseEvent} evt */

package/dist/packages/pill/index.js

@@ -1311,17 +1311,17 @@ var I18n = class extends EventEmitter {
     }
     this.emit("change");
   }
-  _load(locale, messages7) {
+  _load(locale, messages8) {
     const maybeMessages = this._messages[locale];
     if (!maybeMessages) {
-      this._messages[locale] = messages7;
+      this._messages[locale] = messages8;
     } else {
-      Object.assign(maybeMessages, messages7);
+      Object.assign(maybeMessages, messages8);
     }
   }
-  load(localeOrMessages, messages7) {
-    if (typeof localeOrMessages == "string" && typeof messages7 === "object") {
-      this._load(localeOrMessages, messages7);
+  load(localeOrMessages, messages8) {
+    if (typeof localeOrMessages == "string" && typeof messages8 === "object") {
+      this._load(localeOrMessages, messages8);
     } else {
       Object.entries(localeOrMessages).forEach(
         ([locale, messages22]) => this._load(locale, messages22)
@@ -1332,10 +1332,10 @@ var I18n = class extends EventEmitter {
   /**
    * @param options {@link LoadAndActivateOptions}
    */
-  loadAndActivate({ locale, locales, messages: messages7 }) {
+  loadAndActivate({ locale, locales, messages: messages8 }) {
     this._locale = locale;
     this._locales = locales || void 0;
-    this._messages[this._locale] = messages7;
+    this._messages[this._locale] = messages8;
     this.emit("change");
   }
   activate(locale, locales) {
@@ -1493,7 +1493,7 @@ var r = function() {
   }, []).join(" ");
 };
 
-// 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
@@ -1501,13 +1501,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",
@@ -1661,8 +1655,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",
@@ -1680,9 +1672,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 = {
@@ -1720,11 +1710,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
@@ -1791,7 +1781,7 @@ var attention = {
 import WarpElement from "@warp-ds/elements-core";
 
 // packages/i18n.ts
-var supportedLocales2 = ["en", "nb", "fi"];
+var supportedLocales2 = ["en", "nb", "fi", "da"];
 var defaultLocale3 = "en";
 var getSupportedLocale2 = (usedLocale) => {
   return supportedLocales2.find(
@@ -1811,17 +1801,19 @@ function detectLocale2() {
     return defaultLocale3;
   }
 }
-var getMessages2 = (locale, enMsg, nbMsg, fiMsg) => {
+var getMessages2 = (locale, enMsg, nbMsg, fiMsg, daMsg) => {
   if (locale === "nb")
     return nbMsg;
   if (locale === "fi")
     return fiMsg;
+  if (locale === "da")
+    return daMsg;
   return enMsg;
 };
-var activateI18n2 = (enMessages, nbMessages, fiMessages) => {
+var activateI18n2 = (enMessages, nbMessages, fiMessages, daMessages) => {
   const locale = detectLocale2();
-  const messages7 = getMessages2(locale, enMessages, nbMessages, fiMessages);
-  i18n.load(locale, messages7);
+  const messages8 = getMessages2(locale, enMessages, nbMessages, fiMessages, daMessages);
+  i18n.load(locale, messages8);
   i18n.activate(locale);
 };
 
@@ -1842,20 +1834,23 @@ function kebabCaseAttributes(constructor) {
   };
 }
 
+// packages/pill/locales/da/messages.mjs
+var messages4 = JSON.parse('{"pill.aria.openFilter":"\xC5bn filter","pill.aria.removeFilter":["Fjern filter ",["label"]]}');
+
 // packages/pill/locales/en/messages.mjs
-var messages4 = JSON.parse('{"pill.aria.openFilter":"Open filter","pill.aria.removeFilter":["Remove filter ",["label"]]}');
+var messages5 = JSON.parse('{"pill.aria.openFilter":"Open filter","pill.aria.removeFilter":["Remove filter ",["label"]]}');
 
 // packages/pill/locales/fi/messages.mjs
-var messages5 = JSON.parse('{"pill.aria.openFilter":"Avaa suodatin","pill.aria.removeFilter":["Tyhjenn\xE4 suodatin ",["label"]]}');
+var messages6 = JSON.parse('{"pill.aria.openFilter":"Avaa suodatin","pill.aria.removeFilter":["Tyhjenn\xE4 suodatin ",["label"]]}');
 
 // packages/pill/locales/nb/messages.mjs
-var messages6 = JSON.parse('{"pill.aria.openFilter":"\xC5pne filter","pill.aria.removeFilter":["Fjern filter ",["label"]]}');
+var messages7 = JSON.parse('{"pill.aria.openFilter":"\xC5pne filter","pill.aria.removeFilter":["Fjern filter ",["label"]]}');
 
 // packages/pill/index.js
 var WarpPill = class extends kebabCaseAttributes(WarpElement) {
   constructor() {
     super();
-    activateI18n2(messages4, messages6, messages5);
+    activateI18n2(messages5, messages7, messages6, messages4);
     this.canClose = false;
     this.suggestion = false;
     this.openFilterSrText = i18n._({