@proximus/lavender-common 1.0.0-alpha.71 → 1.0.0-alpha.72

package/dist/index.es.js

@@ -1,6 +1,6 @@
 const b = ":host([grow]){flex-grow:var(--grow-value)}:host([shrink]){flex-shrink:var(--shrink-value)}:host([basis]){flex-basis:var(--basis-value)}:host([align-self]){align-self:var(--align-self-value)}:host([col-span]){grid-column:span var(--col-span-value) / span var(--col-span-value)}:host([justify-self]){justify-self:var(--justify-value)}:host([order]){order:var(--order-value)}:host([hidden]){display:none}::slotted(*[shown--sr]){clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}@media screen and (max-width: 767px){:host([hidden--mobile]){display:none}:host([grow--mobile]){flex-grow:var(--grow--mobile-value)!important}:host([shrink--mobile]){flex-shrink:var(--shrink--mobile-value)!important}:host([basis--mobile]){flex-basis:var(--basis--mobile-value)!important}:host([align-self--mobile]){align-self:var(--align-self--mobile-value)!important}:host([col-span--mobile]){grid-column:span var(--col-span--mobile-value) / span var(--col-span--mobile-value)!important}:host([justify-self--mobile]){justify-self:var(--justify-self--mobile-value)!important}:host([order--mobile]){order:var(--order--mobile-value)!important}::slotted(*[shown--sr--mobile]){clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}}@media screen and (min-width: 768px) and (max-width: 1024px){:host([hidden--tablet]){display:none}:host([grow--tablet]){flex-grow:var(--grow--tablet-value)!important}:host([shrink--tablet]){flex-shrink:var(--shrink--tablet-value)!important}:host([basis--tablet]){flex-basis:var(--basis--tablet-value)!important}:host([align-self--tablet]){align-self:var(--align-self--tablet-value)!important}:host([col-span--tablet]){grid-column:span var(--col-span--tablet-value) / span var(--col-span--tablet-value)!important}:host([justify-self--tablet]){justify-self:var(--justify-self--tablet-value)!important}:host([order--tablet]){order:var(--order--tablet-value)!important}::slotted(*[shown--sr--tablet]){clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}}@media screen and (min-width: 1025px){::slotted(*[shown--sr--laptop]){clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}}@media screen and (min-width: 1025px) and (max-width: 1440px){:host([hidden--laptop]){display:none!important}:host([grow--laptop]){flex-grow:var(--grow--laptop-value)!important}:host([shrink--laptop]){flex-shrink:var(--shrink--laptop-value)!important}:host([basis--laptop]){flex-basis:var(--basis--laptop-value)!important}:host([align-self--laptop]){align-self:var(--align-self--laptop-value)!important}:host([col-span--laptop]){grid-column:span var(--col-span--laptop-value) / span var(--col-span--laptop-value)!important}:host([justify-self--laptop]){justify-self:var(--justify-self--laptop-value)!important}:host([order--laptop]){order:var(--order--laptop-value)!important}}@media screen and (min-width: 1441px){:host([col-span--desktop]){grid-column:span var(--col-span--desktop-value) / span var(--col-span--desktop-value)!important}:host([justify-self--desktop]){justify-self:var(--justify-self--desktop-value)!important}:host([order--desktop]){order:var(--order--desktop-value)!important}:host([hidden--desktop]){display:none!important}:host([grow--desktop]){flex-grow:var(--grow--desktop-value)!important}:host([shrink--desktop]){flex-shrink:var(--shrink--desktop-value)!important}:host([basis--desktop]){flex-basis:var(--basis--desktop-value)!important}:host([align-self--desktop]){align-self:var(--align-self--desktop-value)!important}}";
-function h(r) {
-  const t = document.createElement(r), s = Object.getPrototypeOf(t);
+function h(o) {
+  const t = document.createElement(o), s = Object.getPrototypeOf(t);
   return Object.getOwnPropertyNames(s);
 }
 const u = new CSSStyleSheet();
@@ -119,7 +119,7 @@ class p extends HTMLElement {
   }
   updateProperties(t, s, e, i) {
     if (i && !this.checkName(i, e)) {
-      console.error(`Bad ${t} value for`, this.$el);
+      console.error(`${e} is not a valid value for ${i}`);
       return;
     }
     const a = t.indexOf("--") > -1, l = a ? t.split("--")[0] : t;
@@ -657,35 +657,35 @@ const v = ["", "default", "none", "l"], d = [
   "heading-to-subtitle",
   "heading-to-content",
   "page-layout-between-sections"
-], B = [
+], E = [
   "",
   "all",
   "top",
   "right",
   "bottom",
   "left"
-], E = [
+], R = [
   "",
   "default",
   "xs",
   "s",
   "l",
   "2xl"
-], R = ["", "default", "s", "m", "l"];
-function z(r) {
+], z = ["", "default", "s", "m", "l"];
+function B(o) {
   const t = document.createElement("style");
-  t.innerHTML = r, document.head.appendChild(t);
+  t.innerHTML = o, document.head.appendChild(t);
 }
-function _(r) {
-  return typeof r == "string" && (r === "false" || r === "0" || r === "null") || typeof r == "boolean" && !r;
+function _(o) {
+  return typeof o == "string" && (o === "false" || o === "0" || o === "null") || typeof o == "boolean" && !o;
 }
 function H() {
   return window.matchMedia("only screen and (min-width: 768px)").matches ? "tablet" : window.matchMedia("only screen and (min-width: 1025px)").matches ? "laptop" : "mobile";
 }
-function P(r, t) {
-  return r.includes(t);
+function P(o, t) {
+  return o.includes(t);
 }
-function F(r, t, s = !0) {
+function F(o, t, s = !0) {
   var e;
   if ([
     "aria-label",
@@ -722,45 +722,45 @@ function F(r, t, s = !0) {
     "aria-busy",
     "aria-owns"
   ].forEach((i) => {
-    r.getAttribute(i) && (t.setAttribute(i, r.getAttribute(i)), r.removeAttribute(i));
+    o.getAttribute(i) && (t.setAttribute(i, o.getAttribute(i)), o.removeAttribute(i));
   }), s) {
     const i = `px-${((e = t.localName) == null ? void 0 : e.toLowerCase()) ?? "component"}-${Math.random().toString(36).substring(2, 15)}`;
-    t.setAttribute("id", i), r.setAttribute("aria-labelledby", i);
+    t.setAttribute("id", i), o.setAttribute("aria-labelledby", i);
   }
 }
-function I(r, t, s, e = "", i) {
+function I(o, t, s, e = "", i) {
   const a = new CSSStyleSheet(), l = s.reduce(
-    (n, o) => n + `
-  ${t(r, o)} {
+    (n, r) => n + `
+  ${t(o, r)} {
     @media only screen and (max-width: 767px) {
-      ${r}: var(--${e}-${o}-mobile);
-      ${i ? `${i}: var(--${e}-${o}-mobile)` : ""}
+      ${o}: var(--${e}-${r}-mobile);
+      ${i ? `${i}: var(--${e}-${r}-mobile)` : ""}
     }
-    ${r}: var(--${e}-${o}-desktop);
-    ${i ? `${i}:var(--${e}-${o}-desktop)` : ""}
+    ${o}: var(--${e}-${r}-desktop);
+    ${i ? `${i}:var(--${e}-${r}-desktop)` : ""}
   }
-  ${t(r, o, "mobile")} {
+  ${t(o, r, "mobile")} {
     @media only screen and (max-width: 767px) {
-      ${r}: var(--${e}-${o}-mobile) !important;
-      ${i ? `${i}: var(--${e}-${o}-mobile)` : ""}
+      ${o}: var(--${e}-${r}-mobile) !important;
+      ${i ? `${i}: var(--${e}-${r}-mobile)` : ""}
     }
   }
-  ${t(r, o, "tablet")} {
+  ${t(o, r, "tablet")} {
     @media only screen and (min-width: 768px) and (max-width: 1024px) {
-      ${r}: var(--${e}-${o}-desktop) !important;
-      ${i ? `${i}: var(--${e}-${o}-desktop)` : ""}
+      ${o}: var(--${e}-${r}-desktop) !important;
+      ${i ? `${i}: var(--${e}-${r}-desktop)` : ""}
     }
   }
-  ${t(r, o, "laptop")} {
+  ${t(o, r, "laptop")} {
     @media only screen and (min-width: 768px) {
-      ${r}: var(--${e}-${o}-desktop) !important;
-      ${i ? `${i}: var(--${e}-${o}-desktop)` : ""}
+      ${o}: var(--${e}-${r}-desktop) !important;
+      ${i ? `${i}: var(--${e}-${r}-desktop)` : ""}
     }
   }
-  ${t(r, o, "desktop")} {
+  ${t(o, r, "desktop")} {
     @media only screen and (min-width: 768px) {
-      ${r}: var(--${e}-${o}-desktop) !important;
-      ${i ? `${i}: var(--${e}-${o}-desktop)` : ""}
+      ${o}: var(--${e}-${r}-desktop) !important;
+      ${i ? `${i}: var(--${e}-${r}-desktop)` : ""}
     }
   }`,
     ""
@@ -851,9 +851,9 @@ export {
   J as AttributeBreakpointHandlerDelegate,
   k as PxElement,
   p as WithExtraAttributes,
-  z as addGlobalStylesheet,
-  E as assetContainerIconSizeValues,
-  R as assetContainerImgWidthValues,
+  B as addGlobalStylesheet,
+  R as assetContainerIconSizeValues,
+  z as assetContainerImgWidthValues,
   D as backgroundColorValues,
   N as backgroundSizeValues,
   L as borderColorValues,
@@ -880,7 +880,7 @@ export {
   O as headingValues,
   $ as iconSizeValues,
   _ as isFalsy,
-  B as noBorderRadiusValues,
+  E as noBorderRadiusValues,
   j as paddingValues,
   x as textalignValues,
   F as transferAccessibilityAttributes

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@proximus/lavender-common",
-  "version": "1.0.0-alpha.71",
+  "version": "1.0.0-alpha.72",
   "description": "",
   "main": "dist/index.es.js",
   "type": "module",