@proximus/lavender-list 1.4.3-beta.2 → 1.4.3

package/dist/index.es.js

@@ -9,18 +9,15 @@ function S(o) {
     (e) => e.toLowerCase()
   );
 }
-const m = new CSSStyleSheet();
-m.replaceSync(w);
-const x = typeof import.meta < "u" && typeof y < "u" && !0;
-typeof window < "u" && (window.isComponentDebug = b);
-function b() {
+const f = new CSSStyleSheet();
+f.replaceSync(w);
+const x = typeof import.meta < "u" && typeof y < "u" && !1;
+typeof window < "u" && (window.isComponentDebug = m);
+function m() {
   return x;
 }
-function j(o) {
-  b() && console.error(o);
-}
-typeof window < "u" && (window.isComponentDebug = b);
-class u extends HTMLElement {
+typeof window < "u" && (window.isComponentDebug = m);
+class b extends HTMLElement {
   static get observedAttributes() {
     return [
       "grow",
@@ -72,13 +69,13 @@ class u extends HTMLElement {
   }
   constructor(...t) {
     super(), this.shadowRoot || this.attachShadow({ mode: "open" }), this.shadowRoot.adoptedStyleSheets = [
-      m,
+      f,
       ...t
     ];
   }
   attributeChangedCallback(t, s, e) {
     var i;
-    if (u.observedAttributes.indexOf(t) !== -1)
+    if (b.observedAttributes.indexOf(t) !== -1)
       switch (t) {
         case "grow":
         case "grow--mobile":
@@ -106,7 +103,7 @@ class u extends HTMLElement {
             t,
             s,
             e,
-            ((i = this.parentElement) == null ? void 0 : i.localName) === "px-grid" ? T : M
+            ((i = this.parentElement) == null ? void 0 : i.localName) === "px-grid" ? M : j
           );
           break;
         case "justify-self":
@@ -118,7 +115,7 @@ class u extends HTMLElement {
             t,
             s,
             e,
-            C
+            T
           );
           break;
         case "col-span":
@@ -126,22 +123,20 @@ class u extends HTMLElement {
         case "col-span--tablet":
         case "col-span--laptop":
         case "col-span--desktop":
-          this.updateProperties(t, s, e, D);
+          this.updateProperties(t, s, e, C);
           break;
         case "order":
         case "order--mobile":
         case "order--tablet":
         case "order--laptop":
         case "order--desktop":
-          this.updateProperties(t, s, e, L);
+          this.updateProperties(t, s, e, D);
           break;
       }
   }
   updateProperties(t, s, e, i) {
     if (i && !this.checkName(i, e)) {
-      j(
-        `${e} is not an allowed ${i} value for ${this.tagName.toLowerCase()}`
-      );
+      `${e}${i}${this.tagName.toLowerCase()}`;
       return;
     }
     const a = t.indexOf("--") > -1, l = a ? t.split("--")[0] : t;
@@ -428,7 +423,7 @@ class u extends HTMLElement {
     this.setAttribute("order--desktop", t);
   }
 }
-const g = class g extends u {
+const u = class u extends b {
   // nativeName: string;
   static get observedAttributes() {
     return [
@@ -474,9 +469,9 @@ const g = class g extends u {
     s ? this.setAttribute(t, "") : this.removeAttribute(t);
   }
 };
-g.accessorExclusions = [];
-let p = g;
-const M = [
+u.accessorExclusions = [];
+let p = u;
+const j = [
   "",
   "default",
   "auto",
@@ -485,21 +480,21 @@ const M = [
   "center",
   "baseline",
   "stretch"
-], T = [
+], M = [
   "",
   "default",
   "start",
   "end",
   "center",
   "stretch"
-], C = [
+], T = [
   "",
   "default",
   "start",
   "end",
   "center",
   "stretch"
-], D = [
+], C = [
   "",
   "1",
   "2",
@@ -513,7 +508,7 @@ const M = [
   "10",
   "11",
   "12"
-], L = [
+], D = [
   "",
   "-1",
   "0",
@@ -529,11 +524,11 @@ const M = [
   "10",
   "11",
   "12"
-], O = ["Xs", "S", "M", "L", "Xl"];
+], L = ["Xs", "S", "M", "L", "Xl"];
 [
-  ...O.map((o) => o.toLowerCase())
+  ...L.map((o) => o.toLowerCase())
 ];
-const E = [
+const O = [
   "none",
   "2xs",
   "xs",
@@ -544,7 +539,7 @@ const E = [
   "heading-to-content",
   "page-layout-between-sections"
 ];
-function N(o, t, s, e = "", i) {
+function E(o, t, s, e = "", i) {
   const a = new CSSStyleSheet(), l = s.reduce(
     (n, r) => n + `
   ${t(o, r)} {
@@ -592,13 +587,13 @@ function N(o, t, s, e = "", i) {
 }
 const k = new CSSStyleSheet();
 k.replaceSync(A);
-const _ = (o, t, s) => `:host([${o}${s ? `--${s}` : ""}='${t}']) .list`, B = "px-spacing", G = N(
+const N = (o, t, s) => `:host([${o}${s ? `--${s}` : ""}='${t}']) .list`, _ = "px-spacing", B = E(
   "gap",
+  N,
+  O,
   _,
-  E,
-  B,
   "--list-gap"
-), c = class c extends p {
+), g = class g extends p {
   template() {
     return `
       <div class="list" role="list">
@@ -607,7 +602,7 @@ const _ = (o, t, s) => `:host([${o}${s ? `--${s}` : ""}='${t}']) .list`, B = "px
     `;
   }
   constructor() {
-    super(k, G), this.shadowRoot.innerHTML = this.template();
+    super(k, B), this.shadowRoot.innerHTML = this.template();
   }
   static get observedAttributes() {
     return ["inverted"];
@@ -665,12 +660,12 @@ const _ = (o, t, s) => `:host([${o}${s ? `--${s}` : ""}='${t}']) .list`, B = "px
     t ? this.setAttribute("gap--desktop", t) : this.removeAttribute("gap--desktop");
   }
 };
-c.nativeName = "div";
-let h = c;
+g.nativeName = "div";
+let h = g;
 customElements.get("px-list") || customElements.define("px-list", h);
-const R = '.list-item{display:flex;gap:var(--px-spacing-xs-mobile);align-items:flex-start;font-family:var(--px-font-family);line-height:var(--px-line-height-ratio-l)}::slotted([slot="label"][inverted]){color:var(--px-color-text-neutral-inverted)}@media only screen and (min-width: 48em){.list-item{gap:var(--px-spacing-xs-tablet)}}@media only screen and (min-width: 64.0625em){.list-item{gap:var(--px-spacing-xs-laptop)}}@media only screen and (min-width: 90.0625em){.list-item{gap:var(--px-spacing-xs-desktop)}}', v = new CSSStyleSheet();
-v.replaceSync(R);
-const f = class f extends p {
+const G = '.list-item{display:flex;gap:var(--px-spacing-xs-mobile);align-items:flex-start;font-family:var(--px-font-family);line-height:var(--px-line-height-ratio-l)}::slotted([slot="label"][inverted]){color:var(--px-color-text-neutral-inverted)}@media only screen and (min-width: 48em){.list-item{gap:var(--px-spacing-xs-tablet)}}@media only screen and (min-width: 64.0625em){.list-item{gap:var(--px-spacing-xs-laptop)}}@media only screen and (min-width: 90.0625em){.list-item{gap:var(--px-spacing-xs-desktop)}}', v = new CSSStyleSheet();
+v.replaceSync(G);
+const c = class c extends p {
   template() {
     return `
       <div class="list-item" role="listitem">
@@ -706,8 +701,8 @@ const f = class f extends p {
     t ? this.setAttribute("inverted", "") : this.removeAttribute("inverted");
   }
 };
-f.nativeName = "div";
-let d = f;
+c.nativeName = "div";
+let d = c;
 customElements.get("px-list-item") || customElements.define("px-list-item", d);
 export {
   h as List,

package/package.json

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