npm - @solid-design-system/components - Versions diffs - 6.29.0 → 7.0.0-next.2 - Mend

@solid-design-system/components 6.29.0 → 7.0.0-next.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (675) hide show

package/dist/chunks/{chunk.DEKB47SU.js → chunk.4ICMHKGL.js} RENAMED Viewed

@@ -10,7 +10,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.T73O2TL3.js";
+} from "./chunk.O6I23JYG.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.SRHXZUZH.js → chunk.4KQSESLL.js} RENAMED Viewed

@@ -18,7 +18,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.T73O2TL3.js";
+} from "./chunk.O6I23JYG.js";
 import {
   animateTo,
   shimKeyframesHeightAuto,

package/dist/chunks/{chunk.EVXE6QT5.js → chunk.4MPXU2RU.js} RENAMED Viewed

@@ -16,7 +16,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.T73O2TL3.js";
+} from "./chunk.O6I23JYG.js";
 import {
   __decorateClass,
   __spreadValues

package/dist/chunks/{chunk.6A5KL2ME.js → chunk.4UWPPYNK.js} RENAMED Viewed

@@ -4,7 +4,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.T73O2TL3.js";
+} from "./chunk.O6I23JYG.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.NZOLXA5P.js → chunk.64V7RPJM.js} RENAMED Viewed

@@ -7,7 +7,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.T73O2TL3.js";
+} from "./chunk.O6I23JYG.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.GGTNOUL3.js → chunk.BGHQYSC6.js} RENAMED Viewed

@@ -4,7 +4,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.T73O2TL3.js";
+} from "./chunk.O6I23JYG.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.AQ2YHTJT.js → chunk.CBXPY7RV.js} RENAMED Viewed

@@ -7,7 +7,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.T73O2TL3.js";
+} from "./chunk.O6I23JYG.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.TD274Z54.js → chunk.CEEZZN7A.js} RENAMED Viewed

@@ -30,7 +30,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.T73O2TL3.js";
+} from "./chunk.O6I23JYG.js";
 import {
   animateTo,
   stopAnimations

package/dist/chunks/{chunk.KOYTK43J.js → chunk.CFE22DL2.js} RENAMED Viewed

@@ -4,7 +4,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.T73O2TL3.js";
+} from "./chunk.O6I23JYG.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.Q6BM6VB4.js → chunk.DJIFAD75.js} RENAMED Viewed

@@ -21,7 +21,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.T73O2TL3.js";
+} from "./chunk.O6I23JYG.js";
 import {
   animateTo,
   stopAnimations

package/dist/chunks/{chunk.ZN6NBM5K.js → chunk.DZ6FRKXI.js} RENAMED Viewed

@@ -4,7 +4,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.T73O2TL3.js";
+} from "./chunk.O6I23JYG.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.KBLFP77D.js → chunk.EAM3NSOC.js} RENAMED Viewed

@@ -11,7 +11,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.T73O2TL3.js";
+} from "./chunk.O6I23JYG.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.L3QZLYWI.js → chunk.EBLUHAPV.js} RENAMED Viewed

@@ -7,7 +7,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.T73O2TL3.js";
+} from "./chunk.O6I23JYG.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.J2IWPOVN.js → chunk.EI5PCGH6.js} RENAMED Viewed

@@ -17,7 +17,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.T73O2TL3.js";
+} from "./chunk.O6I23JYG.js";
 import {
   animateTo,
   parseDuration,

package/dist/chunks/{chunk.UPUTDGVP.js → chunk.ENPE3AO3.js} RENAMED Viewed

@@ -10,7 +10,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.T73O2TL3.js";
+} from "./chunk.O6I23JYG.js";
 import {
   __decorateClass,
   __spreadValues

package/dist/chunks/{chunk.M74NHLSR.js → chunk.FAQBBAJ3.js} RENAMED Viewed

@@ -26,7 +26,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.T73O2TL3.js";
+} from "./chunk.O6I23JYG.js";
 import {
   animateTo,
   stopAnimations

package/dist/chunks/{chunk.UHD76K4J.js → chunk.FRTXHCPD.js} RENAMED Viewed

@@ -7,7 +7,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.T73O2TL3.js";
+} from "./chunk.O6I23JYG.js";
 import {
   Wave
 } from "./chunk.POFWU6ZT.js";

package/dist/chunks/{chunk.OPHYFYBJ.js → chunk.GWLYBCED.js} RENAMED Viewed

@@ -4,7 +4,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.T73O2TL3.js";
+} from "./chunk.O6I23JYG.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.SUBKF7CK.js → chunk.H4N3X443.js} RENAMED Viewed

@@ -14,7 +14,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.T73O2TL3.js";
+} from "./chunk.O6I23JYG.js";
 import {
   animateTo,
   shimKeyframesHeightAuto,

package/dist/chunks/{chunk.S7MVQQ7P.js → chunk.H6K6J6HB.js} RENAMED Viewed

@@ -6,7 +6,7 @@ import {
 } from "./chunk.6RE6UZ72.js";
 import {
   SdCarouselItem
-} from "./chunk.WQ53PAAJ.js";
+} from "./chunk.YEAB2PEA.js";
 import {
   AutoplayController
 } from "./chunk.F4VGSDIW.js";
@@ -19,7 +19,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.T73O2TL3.js";
+} from "./chunk.O6I23JYG.js";
 import {
   prefersReducedMotion
 } from "./chunk.HQWAKJBV.js";

package/dist/chunks/{chunk.73VNCNET.js → chunk.HQZ5Y72U.js} RENAMED Viewed

@@ -18,7 +18,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.T73O2TL3.js";
+} from "./chunk.O6I23JYG.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.SMXDKTQJ.js → chunk.HVKZA5Q2.js} RENAMED Viewed

@@ -1,7 +1,7 @@
 import {
   SolidElement,
   customElement
-} from "./chunk.T73O2TL3.js";
+} from "./chunk.O6I23JYG.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.YJ3HFB7U.js → chunk.HX75WC4T.js} RENAMED Viewed

@@ -7,7 +7,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.T73O2TL3.js";
+} from "./chunk.O6I23JYG.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.WWVBSSYI.js → chunk.HXXLOMBL.js} RENAMED Viewed

@@ -27,7 +27,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.T73O2TL3.js";
+} from "./chunk.O6I23JYG.js";
 import {
   animateTo,
   stopAnimations
@@ -46,14 +46,12 @@ var SdDialog = class extends SolidElement {
     super(...arguments);
     this.hasSlotController = new HasSlotController(this, "footer");
     this.localize = new LocalizeController(this);
-    this.hasUiMotion = false;
     this.open = false;
     this.headline = "";
     this.noCloseButton = false;
   }
   connectedCallback() {
     super.connectedCallback();
-    this.updateMotionTheme();
     this.handleDocumentKeyDown = this.handleDocumentKeyDown.bind(this);
     this.modal = new Modal(this);
   }
@@ -69,13 +67,6 @@ var SdDialog = class extends SolidElement {
     super.disconnectedCallback();
     unlockBodyScrolling(this);
   }
-  onThemeChange() {
-    this.updateMotionTheme();
-  }
-  updateMotionTheme() {
-    const theme = getComputedStyle(this).getPropertyValue("--sd-theme").trim().replace(/['"]/g, "");
-    this.hasUiMotion = theme === "" || theme === "ui-light" || theme === "ui-dark";
-  }
   get prefersReducedMotion() {
     return window.matchMedia("(prefers-reduced-motion: reduce)").matches;
   }
@@ -85,9 +76,7 @@ var SdDialog = class extends SolidElement {
       detail: { source }
     });
     if (sdRequestClose.defaultPrevented) {
-      const animation = getAnimation(this, this.hasUiMotion ? "dialog.denyClose" : "dialog.denyCloseSimple", {
-        dir: this.localize.dir()
-      });
+      const animation = getAnimation(this, "dialog.denyClose", { dir: this.localize.dir() });
       animateTo(this.panel, animation.keyframes, animation.options);
       return;
     }
@@ -131,10 +120,8 @@ var SdDialog = class extends SolidElement {
           autoFocusTarget.setAttribute("autofocus", "");
         }
       });
-      const showAnimation = this.hasUiMotion ? "dialog.show" : "dialog.showSimple";
-      const panelAnimation = this.prefersReducedMotion ? getAnimation(this, "dialog.showReducedMotion", { dir: this.localize.dir() }) : getAnimation(this, showAnimation, { dir: this.localize.dir() });
-      const overlayShowAnimation = this.hasUiMotion ? "dialog.overlay.show" : "dialog.overlay.showSimple";
-      const overlayAnimation = getAnimation(this, overlayShowAnimation, { dir: this.localize.dir() });
+      const panelAnimation = this.prefersReducedMotion ? getAnimation(this, "dialog.showReducedMotion", { dir: this.localize.dir() }) : getAnimation(this, "dialog.show", { dir: this.localize.dir() });
+      const overlayAnimation = getAnimation(this, "dialog.overlay.show", { dir: this.localize.dir() });
       await Promise.all([
         animateTo(this.panel, panelAnimation.keyframes, panelAnimation.options),
         animateTo(this.overlay, overlayAnimation.keyframes, overlayAnimation.options)
@@ -145,10 +132,8 @@ var SdDialog = class extends SolidElement {
       this.removeOpenListeners();
       this.modal.deactivate();
       await Promise.all([stopAnimations(this.dialog), stopAnimations(this.overlay)]);
-      const hideAnimation = this.hasUiMotion ? "dialog.hide" : "dialog.hideSimple";
-      const panelAnimation = this.prefersReducedMotion ? getAnimation(this, "dialog.hideReducedMotion", { dir: this.localize.dir() }) : getAnimation(this, hideAnimation, { dir: this.localize.dir() });
-      const overlayHideAnimation = this.hasUiMotion ? "dialog.overlay.hide" : "dialog.overlay.hideSimple";
-      const overlayAnimation = getAnimation(this, overlayHideAnimation, { dir: this.localize.dir() });
+      const panelAnimation = this.prefersReducedMotion ? getAnimation(this, "dialog.hideReducedMotion", { dir: this.localize.dir() }) : getAnimation(this, "dialog.hide", { dir: this.localize.dir() });
+      const overlayAnimation = getAnimation(this, "dialog.overlay.hide", { dir: this.localize.dir() });
       await Promise.all([
         animateTo(this.overlay, overlayAnimation.keyframes, overlayAnimation.options).then(() => {
           this.overlay.hidden = true;
@@ -192,7 +177,7 @@ var SdDialog = class extends SolidElement {
     return waitForEvent(this, "sd-after-hide");
   }
   render() {
-    return html`<sd-theme-listener></sd-theme-listener><div part="base" class="${cx(
+    return html`<div part="base" class="${cx(
       "flex items-center justify-center fixed inset-0 z-dialog",
       this.hasSlotController.test("footer") && "dialog--has-footer"
     )}"><div part="overlay" class="fixed inset-0 overlay-color-background" @click="${() => this.requestClose("overlay")}" tabindex="-1"></div><div part="panel" class="${cx(
@@ -241,13 +226,6 @@ setDefaultAnimation("dialog.showReducedMotion", {
   keyframes: [{ opacity: 0 }, { opacity: 1 }],
   options: { duration: "var(--sd-duration-medium, 300)", easing: "ease-in-out", reducedMotion: "allow" }
 });
-setDefaultAnimation("dialog.showSimple", {
-  keyframes: [
-    { opacity: 0, scale: 0.8 },
-    { opacity: 1, scale: 1 }
-  ],
-  options: { duration: 250, easing: "ease" }
-});
 setDefaultAnimation("dialog.hide", {
   keyframes: [
     { opacity: 1, transform: "translate(0, 0)" },
@@ -259,37 +237,18 @@ setDefaultAnimation("dialog.hideReducedMotion", {
   keyframes: [{ opacity: 1 }, { opacity: 0 }],
   options: { duration: "var(--sd-duration-fast, 150)", easing: "ease-in-out", reducedMotion: "allow" }
 });
-setDefaultAnimation("dialog.hideSimple", {
-  keyframes: [
-    { opacity: 1, scale: 1 },
-    { opacity: 0, scale: 0.8 }
-  ],
-  options: { duration: 250, easing: "ease" }
-});
 setDefaultAnimation("dialog.denyClose", {
   keyframes: [{ scale: 1 }, { scale: 1.02 }, { scale: 1 }],
   options: { duration: 250 }
 });
-setDefaultAnimation("dialog.denyCloseSimple", {
-  keyframes: [{ scale: 1 }, { scale: 1.02 }, { scale: 1 }],
-  options: { duration: 250 }
-});
 setDefaultAnimation("dialog.overlay.show", {
   keyframes: [{ opacity: 0 }, { opacity: 1 }],
   options: { duration: "var(--sd-duration-medium, 300)", easing: "ease-in-out", reducedMotion: "allow" }
 });
-setDefaultAnimation("dialog.overlay.showSimple", {
-  keyframes: [{ opacity: 0 }, { opacity: 1 }],
-  options: { duration: 250, reducedMotion: "allow" }
-});
 setDefaultAnimation("dialog.overlay.hide", {
   keyframes: [{ opacity: 1 }, { opacity: 0 }],
   options: { duration: "var(--sd-duration-fast, 150)", easing: "ease-in-out", reducedMotion: "allow" }
 });
-setDefaultAnimation("dialog.overlay.hideSimple", {
-  keyframes: [{ opacity: 1 }, { opacity: 0 }],
-  options: { duration: 250, reducedMotion: "allow" }
-});
 export {
   SdDialog

package/dist/chunks/{chunk.2R6BV36X.js → chunk.I5TVWNGY.js} RENAMED Viewed

@@ -1,13 +1,13 @@
 import {
   SdAccordion
-} from "./chunk.SUBKF7CK.js";
+} from "./chunk.H4N3X443.js";
 import {
   setDefaultAnimation
 } from "./chunk.N4LHE3QK.js";
 import {
   SolidElement,
   customElement
-} from "./chunk.T73O2TL3.js";
+} from "./chunk.O6I23JYG.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.FGGJHWJQ.js → chunk.ICBYOTXZ.js} RENAMED Viewed

@@ -7,7 +7,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.T73O2TL3.js";
+} from "./chunk.O6I23JYG.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.BHAJNYNR.js → chunk.IJQGWINY.js} RENAMED Viewed

@@ -4,7 +4,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.T73O2TL3.js";
+} from "./chunk.O6I23JYG.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.G3YXVIXP.js → chunk.IU2IAYUW.js} RENAMED Viewed

@@ -13,7 +13,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.T73O2TL3.js";
+} from "./chunk.O6I23JYG.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.RZYQYD7F.js → chunk.JO4VO3DE.js} RENAMED Viewed

@@ -35,7 +35,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.T73O2TL3.js";
+} from "./chunk.O6I23JYG.js";
 import {
   animateTo,
   stopAnimations

package/dist/chunks/{chunk.3SKQW3OF.js → chunk.K5UVAUSH.js} RENAMED Viewed

@@ -1,7 +1,7 @@
 import {
   SolidElement,
   customElement
-} from "./chunk.T73O2TL3.js";
+} from "./chunk.O6I23JYG.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.LCMQJOE7.js → chunk.KDPFXMT7.js} RENAMED Viewed

@@ -12,7 +12,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.T73O2TL3.js";
+} from "./chunk.O6I23JYG.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.SZX2DZVG.js → chunk.L3TT74JB.js} RENAMED Viewed

@@ -1,7 +1,7 @@
 import {
   SolidElement,
   customElement
-} from "./chunk.T73O2TL3.js";
+} from "./chunk.O6I23JYG.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.U3TJBK63.js → chunk.LM6MZUBT.js} RENAMED Viewed

@@ -10,7 +10,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.T73O2TL3.js";
+} from "./chunk.O6I23JYG.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.YXXCQXMG.js → chunk.LNZEJCES.js} RENAMED Viewed

@@ -4,7 +4,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.T73O2TL3.js";
+} from "./chunk.O6I23JYG.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.NEPWG7EE.js → chunk.MLBOR3OA.js} RENAMED Viewed

@@ -4,7 +4,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.T73O2TL3.js";
+} from "./chunk.O6I23JYG.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.AQPWS7H5.js → chunk.NAAQDM44.js} RENAMED Viewed

@@ -4,7 +4,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.T73O2TL3.js";
+} from "./chunk.O6I23JYG.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.XDHACCFS.js → chunk.NDQTMQGH.js} RENAMED Viewed

@@ -1,7 +1,7 @@
 import {
   SolidElement,
   customElement
-} from "./chunk.T73O2TL3.js";
+} from "./chunk.O6I23JYG.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.QP6NYUMR.js → chunk.NEWIPIU5.js} RENAMED Viewed

@@ -1,7 +1,7 @@
 import {
   SolidElement,
   customElement
-} from "./chunk.T73O2TL3.js";
+} from "./chunk.O6I23JYG.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.ZOAGCGB2.js → chunk.NHPAPNCA.js} RENAMED Viewed

@@ -1,7 +1,7 @@
 import {
   SolidElement,
   customElement
-} from "./chunk.T73O2TL3.js";
+} from "./chunk.O6I23JYG.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";