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

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

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

package/dist/packages/button/index.js

@@ -1324,17 +1324,17 @@ var I18n = class extends EventEmitter {
     }
     this.emit("change");
   }
-  _load(locale, messages4) {
+  _load(locale, messages5) {
     const maybeMessages = this._messages[locale];
     if (!maybeMessages) {
-      this._messages[locale] = messages4;
+      this._messages[locale] = messages5;
     } else {
-      Object.assign(maybeMessages, messages4);
+      Object.assign(maybeMessages, messages5);
     }
   }
-  load(localeOrMessages, messages4) {
-    if (typeof localeOrMessages == "string" && typeof messages4 === "object") {
-      this._load(localeOrMessages, messages4);
+  load(localeOrMessages, messages5) {
+    if (typeof localeOrMessages == "string" && typeof messages5 === "object") {
+      this._load(localeOrMessages, messages5);
     } else {
       Object.entries(localeOrMessages).forEach(
         ([locale, messages22]) => this._load(locale, messages22)
@@ -1345,10 +1345,10 @@ var I18n = class extends EventEmitter {
   /**
    * @param options {@link LoadAndActivateOptions}
    */
-  loadAndActivate({ locale, locales, messages: messages4 }) {
+  loadAndActivate({ locale, locales, messages: messages5 }) {
     this._locale = locale;
     this._locales = locales || void 0;
-    this._messages[this._locale] = messages4;
+    this._messages[this._locale] = messages5;
     this.emit("change");
   }
   activate(locale, locales) {
@@ -1403,7 +1403,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
@@ -1411,13 +1411,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 = {
@@ -1560,8 +1554,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",
@@ -1579,9 +1571,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 = {
@@ -1619,11 +1609,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
@@ -1690,7 +1680,7 @@ var attention = {
 import WarpElement from "@warp-ds/elements-core";
 
 // packages/i18n.ts
-var supportedLocales = ["en", "nb", "fi"];
+var supportedLocales = ["en", "nb", "fi", "da"];
 var defaultLocale2 = "en";
 var getSupportedLocale = (usedLocale) => {
   return supportedLocales.find(
@@ -1710,17 +1700,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 messages4 = getMessages(locale, enMessages, nbMessages, fiMessages);
-  i18n.load(locale, messages4);
+  const messages5 = getMessages(locale, enMessages, nbMessages, fiMessages, daMessages);
+  i18n.load(locale, messages5);
   i18n.activate(locale);
 };
 
@@ -1741,21 +1733,24 @@ function kebabCaseAttributes(constructor) {
   };
 }
 
+// packages/button/locales/da/messages.mjs
+var messages = JSON.parse('{"button.aria.loading":"Indl\xE6ser..."}');
+
 // packages/button/locales/en/messages.mjs
-var messages = JSON.parse('{"button.aria.loading":"Loading..."}');
+var messages2 = JSON.parse('{"button.aria.loading":"Loading..."}');
 
 // packages/button/locales/fi/messages.mjs
-var messages2 = JSON.parse('{"button.aria.loading":"Ladataan..."}');
+var messages3 = JSON.parse('{"button.aria.loading":"Ladataan..."}');
 
 // packages/button/locales/nb/messages.mjs
-var messages3 = JSON.parse('{"button.aria.loading":"Laster..."}');
+var messages4 = JSON.parse('{"button.aria.loading":"Laster..."}');
 
 // packages/button/index.js
 var buttonTypes2 = ["primary", "secondary", "negative", "utility", "pill", "link"];
 var WarpButton = class extends kebabCaseAttributes(WarpElement) {
   constructor() {
     super();
-    activateI18n(messages, messages3, messages2);
+    activateI18n(messages2, messages4, messages3, messages);
     this.variant = "secondary";
     this.ariaValueTextLoading = i18n._({
       id: "button.aria.loading",