npm - @solid-design-system/components - Versions diffs - 5.11.0 → 5.12.0 - Mend

@solid-design-system/components 5.11.0 → 5.12.0

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 (609) hide show

package/dist/chunks/{chunk.D357VP7A.js → chunk.2E6AZ7IS.js} RENAMED Viewed

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

package/dist/chunks/{chunk.5IQOUH7I.js → chunk.2I3XKHRL.js} RENAMED Viewed

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

package/dist/chunks/{chunk.R3UZA54B.js → chunk.2KGI4RGY.js} RENAMED Viewed

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

package/dist/chunks/{chunk.XSSZRAGU.js → chunk.2OIBQGHM.js} RENAMED Viewed

@@ -6,7 +6,7 @@ import {
 } from "./chunk.FNYEXUNK.js";
 import {
   SdCarouselItem
-} from "./chunk.GZHRJON3.js";
+} from "./chunk.ZYSPY56A.js";
 import {
   AutoplayController
 } from "./chunk.F4VGSDIW.js";
@@ -19,7 +19,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.JSBUECND.js";
+} from "./chunk.QWL32OLS.js";
 import {
   prefersReducedMotion
 } from "./chunk.HQWAKJBV.js";

package/dist/chunks/{chunk.GWIKV5KN.js → chunk.2TRX3FZB.js} RENAMED Viewed

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

package/dist/chunks/{chunk.HX56RZ2Z.js → chunk.3LB6F6UZ.js} RENAMED Viewed

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

package/dist/chunks/{chunk.IRNEZ6ZP.js → chunk.53TIETIU.js} RENAMED Viewed

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

package/dist/chunks/{chunk.ZL2BKBKS.js → chunk.5EHIHSWD.js} RENAMED Viewed

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

package/dist/chunks/{chunk.DLCZJTIR.js → chunk.5WAILGKS.js} RENAMED Viewed

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

package/dist/chunks/{chunk.GQ6XWHAE.js → chunk.5YHSIEJI.js} RENAMED Viewed

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

package/dist/chunks/chunk.5ZCXBV7F.js ADDED Viewed

@@ -0,0 +1,63 @@
+import {
+  LocalizeController
+} from "./chunk.YKM42GKF.js";
+import {
+  SolidElement,
+  customElement
+} from "./chunk.QWL32OLS.js";
+import {
+  __decorateClass
+} from "./chunk.S3NI7NKU.js";
+// src/components/loader/loader.ts
+import { css, html } from "lit";
+import { property } from "lit/decorators.js";
+import cx from "classix";
+var SdLoader = class extends SolidElement {
+  constructor() {
+    super(...arguments);
+    this.color = "currentColor";
+    this.localize = new LocalizeController(this);
+  }
+  render() {
+    return html`<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" role="progressbar" aria-label="${this.localize.term("loading")}"><circle class="${cx(
+      "dot",
+      {
+        primary: "text-primary animate-loader-primary",
+        white: "text-white animate-loader-white",
+        currentColor: "animate-loader-current"
+      }[this.color]
+    )}" cx="20" cy="12" r="2" fill="currentColor"/><circle class="${cx(
+      "dot",
+      {
+        primary: "text-primary animate-loader-primary",
+        white: "text-white animate-loader-white",
+        currentColor: "animate-loader-current"
+      }[this.color]
+    )}" cx="12" cy="12" r="2" fill="currentColor"/><circle class="${cx(
+      "dot",
+      {
+        primary: "text-primary animate-loader-primary",
+        white: "text-white animate-loader-white",
+        currentColor: "animate-loader-current"
+      }[this.color]
+    )}" cx="4" cy="12" r="2" fill="currentColor"/></svg>`;
+  }
+};
+/**
+ * Inherits global stylesheet including TailwindCSS
+ */
+SdLoader.styles = [
+  ...SolidElement.styles,
+  css`:host{display:inline-block;height:1em;width:1em}.dot:nth-child(2){animation-delay:.1s}.dot:first-child{animation-delay:.2s}`
+];
+__decorateClass([
+  property({ type: String, reflect: true })
+], SdLoader.prototype, "color", 2);
+SdLoader = __decorateClass([
+  customElement("sd-loader")
+], SdLoader);
+export {
+  SdLoader
+};

package/dist/chunks/{chunk.LO34SJDA.js → chunk.6OA4LXDX.js} RENAMED Viewed

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

package/dist/chunks/{chunk.H6V26DFD.js → chunk.7O463ZCI.js} RENAMED Viewed

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

package/dist/chunks/{chunk.NRSJSNHG.js → chunk.7QXCN2ON.js} RENAMED Viewed

@@ -27,7 +27,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.JSBUECND.js";
+} from "./chunk.QWL32OLS.js";
 import {
   animateTo,
   stopAnimations

package/dist/chunks/{chunk.AUTIW45W.js → chunk.A3OMC6GV.js} RENAMED Viewed

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

package/dist/chunks/{chunk.PDNMFLIG.js → chunk.BS3O2QJ6.js} RENAMED Viewed

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

package/dist/chunks/{chunk.5MI5RZGQ.js → chunk.CNKD3LT7.js} RENAMED Viewed

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

package/dist/chunks/{chunk.OLIUYLCK.js → chunk.F4RHOUGP.js} RENAMED Viewed

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

package/dist/chunks/{chunk.W3QPFMMI.js → chunk.FG5EPKY3.js} RENAMED Viewed

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

package/dist/chunks/{chunk.ROGHY42V.js → chunk.FKIK5XXL.js} RENAMED Viewed

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

package/dist/chunks/{chunk.EKYBHXGH.js → chunk.G4SPWXEP.js} RENAMED Viewed

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

package/dist/chunks/{chunk.WGZZISWJ.js → chunk.GCLUX5DU.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 import {
   SdRadio
-} from "./chunk.L4UUV4OG.js";
+} from "./chunk.MYCJZM33.js";
 import {
   FormControlController,
   customErrorValidityState,
@@ -16,7 +16,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.JSBUECND.js";
+} from "./chunk.QWL32OLS.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.H2X5TME2.js → chunk.GJKBJOMN.js} RENAMED Viewed

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

package/dist/chunks/{chunk.EOMASC3A.js → chunk.GLR5XK2G.js} RENAMED Viewed

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

package/dist/chunks/{chunk.BFXIXYM2.js → chunk.J5KZ6AYY.js} RENAMED Viewed

@@ -1,12 +1,12 @@
 import {
   SdAccordion
-} from "./chunk.FPSNJQLB.js";
+} from "./chunk.MQGUFVIS.js";
 import {
   setDefaultAnimation
 } from "./chunk.N4LHE3QK.js";
 import {
   customElement
-} from "./chunk.JSBUECND.js";
+} from "./chunk.QWL32OLS.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";

package/dist/chunks/{chunk.QGIMQWRI.js → chunk.JW6RZW7I.js} RENAMED Viewed

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

package/dist/chunks/{chunk.FK2U2PN6.js → chunk.K5VSAEEA.js} RENAMED Viewed

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

package/dist/chunks/{chunk.CIQTGWDA.js → chunk.K6PS5MI5.js} RENAMED Viewed

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

package/dist/chunks/{chunk.2O2BKZXQ.js → chunk.KSDF7SV6.js} RENAMED Viewed

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

package/dist/chunks/{chunk.5BWE5SSW.js → chunk.L2D6TOK4.js} RENAMED Viewed

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

package/dist/chunks/{chunk.XX7PUUBH.js → chunk.LBZP6N7M.js} RENAMED Viewed

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

package/dist/chunks/{chunk.7RZYBI43.js → chunk.LM6HLQCE.js} RENAMED Viewed

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

package/dist/chunks/{chunk.ON6RPABV.js → chunk.LNUCDACW.js} RENAMED Viewed

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

package/dist/chunks/{chunk.SGOWQEQA.js → chunk.MHXRRPRS.js} RENAMED Viewed

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

package/dist/chunks/{chunk.FPSNJQLB.js → chunk.MQGUFVIS.js} RENAMED Viewed

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

package/dist/chunks/{chunk.L4UUV4OG.js → chunk.MYCJZM33.js} RENAMED Viewed

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

package/dist/chunks/{chunk.TNDYERBC.js → chunk.N73QET3I.js} RENAMED Viewed

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

package/dist/chunks/{chunk.YS37WBAO.js → chunk.OT4PPAKV.js} RENAMED Viewed

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

package/dist/chunks/{chunk.MBJ5MPIR.js → chunk.OVMZ5AQ3.js} RENAMED Viewed

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

package/dist/chunks/{chunk.VYUK65VH.js → chunk.PMNTW4FI.js} RENAMED Viewed

@@ -11,7 +11,7 @@ import {
 import {
   SolidElement,
   customElement
-} from "./chunk.JSBUECND.js";
+} from "./chunk.QWL32OLS.js";
 import {
   __decorateClass
 } from "./chunk.S3NI7NKU.js";
@@ -221,7 +221,7 @@ var SdButton = class extends SolidElement {
         md: "ml-2",
         lg: "ml-2"
       }[this.size]
-    )}"></slot>${this.loading ? html`<sd-spinner class="${cx("absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2")}"></sd-spinner>` : ""}</${tag}>`;
+    )}"></slot>${this.loading ? html`<sd-loader class="${cx("absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2")}"></sd-loader>` : ""}</${tag}>`;
   }
 };
 /**
@@ -229,7 +229,7 @@ var SdButton = class extends SolidElement {
  */
 SdButton.styles = [
   ...SolidElement.styles,
-  css`:host{cursor:pointer;display:inline-block;position:relative;width:var(--sd-spacing-auto,auto);z-index:0}sd-spinner{--indicator-color:currentColor;--track-color:var(--tw-varcolor-200)}::slotted(sd-badge){pointer-events:none;position:absolute;right:var(--sd-spacing-0,0);top:var(--sd-spacing-0,0);--tw-translate-x:50%!important;--tw-translate-y:-50%!important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}::slotted(sd-icon),sd-spinner{font-size:calc(var(--tw-varspacing)/2)}`
+  css`:host{cursor:pointer;display:inline-block;position:relative;width:var(--sd-spacing-auto,auto);z-index:0}::slotted(sd-badge){pointer-events:none;position:absolute;right:var(--sd-spacing-0,0);top:var(--sd-spacing-0,0);--tw-translate-x:50%!important;--tw-translate-y:-50%!important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}::slotted(sd-icon),sd-loader{font-size:calc(var(--tw-varspacing)/2)}`
 ];
 __decorateClass([
   query("a, button")

package/dist/chunks/{chunk.W4VKUZCK.js → chunk.Q5NANOL5.js} RENAMED Viewed

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

package/dist/chunks/{chunk.XQ75JHQD.js → chunk.QEMBE34K.js} RENAMED Viewed

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