@proximus/lavender-heading 1.4.10-alpha.9 → 1.4.10-beta.2

package/dist/index.es.js

@@ -50,19 +50,19 @@ class n extends A {
   toggleClass(t, e) {
     t !== null && t !== "" && t !== "default" && this.$el.classList.toggle(`style-${t}`), e !== null && e !== "" && e !== "default" && this.$el.classList.toggle(`style-${e}`);
   }
-  updateAttribute(t, e, i, l) {
-    this.checkName(l, i) ? this.toggleClass(e, i) : a(
-      `${i} is not an allowed ${t} value for ${this.tagName.toLowerCase()}`
+  updateAttribute(t, e, i, o) {
+    this.checkName(o, i) ? this.toggleClass(e, i) : a(
+      `"${i}" is not a valid ${t} value for ${this.tagName.toLowerCase()}. Allowed values are: "${o.join('", "')}".`
     );
   }
   updateColor(t, e, i) {
     if (!this.checkName(i, e)) {
       a(
-        `${e} is not an allowed color value for ${this.tagName.toLowerCase()}`
+        `"${e}" is not a valid color value for ${this.tagName.toLowerCase()}. Allowed values are: "${i.join('", "')}".`
       );
       return;
     }
-    const l = (s) => {
+    const o = (s) => {
       s !== null && s !== "" && s !== "default" && (this.$el.style.setProperty(
         "--heading-color-default",
         `var(--px-color-text-${s}-default)`
@@ -71,28 +71,28 @@ class n extends A {
         `var(--px-color-text-${s}-inverted)`
       ));
     };
-    l(t), l(e);
+    o(t), o(e);
   }
-  updateTextAlign(t, e, i, l) {
-    if (!this.checkName(l, i)) {
+  updateTextAlign(t, e, i, o) {
+    if (!this.checkName(o, i)) {
       a(
-        `${i} is not an allowed ${t} value for ${this.tagName.toLowerCase()}`
+        `"${i}" is not a valid ${t} value for ${this.tagName.toLowerCase()}. Allowed values are: "${o.join('", "')}".`
       );
       return;
     }
-    const s = (o, r) => {
+    const s = (l, r) => {
       r !== null && r !== "" && r !== "default" && this.$el.style.setProperty(
-        `--heading-text-align--${o}`,
+        `--heading-text-align--${l}`,
         r
       );
     };
     if (t === "text-align")
-      ["mobile", "tablet", "laptop", "desktop"].forEach((o) => {
-        s(o, e), s(o, i);
+      ["mobile", "tablet", "laptop", "desktop"].forEach((l) => {
+        s(l, e), s(l, i);
       });
     else {
-      const o = t.split("--")[1];
-      s(o, e), s(o, i);
+      const l = t.split("--")[1];
+      s(l, e), s(l, i);
     }
   }
   get variant() {
@@ -150,21 +150,21 @@ class n extends A {
     t ? this.setAttribute("auto-spacing", "") : this.removeAttribute("auto-spacing");
   }
 }
-const z = class z extends n {
+const f = class f extends n {
   constructor() {
     super("h1");
   }
 };
-z.nativeName = "h1";
-let h = z;
+f.nativeName = "h1";
+let h = f;
 customElements.get("px-h1") || customElements.define("px-h1", h);
-const v = class v extends n {
+const z = class z extends n {
   constructor() {
     super("h2");
   }
 };
-v.nativeName = "h2";
-let d = v;
+z.nativeName = "h2";
+let d = z;
 customElements.get("px-h2") || customElements.define("px-h2", d);
 const c = class c extends n {
   constructor() {
@@ -196,13 +196,13 @@ const u = class u extends n {
   }
 };
 u.nativeName = "h6";
-let f = u;
-customElements.get("px-h6") || customElements.define("px-h6", f);
+let v = u;
+customElements.get("px-h6") || customElements.define("px-h6", v);
 export {
   h as H1,
   d as H2,
   x as H3,
   p as H4,
   g as H5,
-  f as H6
+  v as H6
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@proximus/lavender-heading",
-  "version": "1.4.10-alpha.9",
+  "version": "1.4.10-beta.2",
   "description": "",
   "main": "dist/index.es.js",
   "types": "dist/index.d.ts",