@proximus/lavender-common 1.4.7-alpha.3 → 1.4.7-alpha.4

package/dist/breakpoints.d.ts

@@ -1,4 +1,4 @@
-export declare function cssTokenBreakpoints(attributeName: string, selector: (attributeName: string, attribute: string, device?: 'mobile' | 'tablet' | 'laptop' | 'desktop') => string, attributeValues: string[], cssPropertyPrefix?: string, generatedCssPropertyName?: string): CSSStyleSheet;
+export declare function cssTokenBreakpoints(attributeName: string, selector: (attributeName: string, attribute: string, device?: 'mobile' | 'tablet' | 'laptop' | 'desktop') => string, attributeValues: string[], cssPropertyPrefix?: string, generatedCssPropertyName?: string, selectorAttributeName?: string): CSSStyleSheet;
 export declare class AttributeBreakpointHandlerDelegate {
     private readonly component;
     private readonly attributeName;

package/dist/index.es.js

@@ -1,23 +1,23 @@
-const c = ":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]),::slotted([order]){order:var(--order-value)}:host([hidden]),::slotted([hidden]){display:none}:host([shown--sr]),::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]),::slotted([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]),::slotted([order--mobile]){order:var(--order--mobile-value)!important}:host([shown--sr--mobile]),::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]),::slotted([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]),::slotted([order--tablet]){order:var(--order--tablet-value)!important}:host([shown--sr--tablet]),::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){:host([shown--sr--laptop]),::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){:host([hidden--laptop]),::slotted([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]),::slotted([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]),::slotted([order--desktop]){order:var(--order--desktop-value)!important}:host([hidden--desktop]),::slotted([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}}", g = {};
-function f(i) {
-  const t = document.createElement(i), s = Object.getPrototypeOf(t);
+const g = ":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]),::slotted([order]){order:var(--order-value)}:host([hidden]),::slotted([hidden]){display:none}:host([shown--sr]),::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]),::slotted([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]),::slotted([order--mobile]){order:var(--order--mobile-value)!important}:host([shown--sr--mobile]),::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]),::slotted([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]),::slotted([order--tablet]){order:var(--order--tablet-value)!important}:host([shown--sr--tablet]),::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){:host([shown--sr--laptop]),::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){:host([hidden--laptop]),::slotted([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]),::slotted([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]),::slotted([order--desktop]){order:var(--order--desktop-value)!important}:host([hidden--desktop]),::slotted([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}}", f = {};
+function m(o) {
+  const t = document.createElement(o), s = Object.getPrototypeOf(t);
   return Object.getOwnPropertyNames(s);
 }
-function m(i) {
-  const t = document.createElement(i), s = Object.getPrototypeOf(t);
+function k(o) {
+  const t = document.createElement(o), s = Object.getPrototypeOf(t);
   return Object.getOwnPropertyNames(s).map(
     (e) => e.toLowerCase()
   );
 }
 const d = new CSSStyleSheet();
-d.replaceSync(c);
-const k = typeof import.meta < "u" && typeof g < "u" && !0;
+d.replaceSync(g);
+const v = typeof import.meta < "u" && typeof f < "u" && !0;
 typeof window < "u" && (window.isComponentDebug = h);
 function h() {
-  return k;
+  return v;
 }
-function v(i) {
-  h() && console.error(i);
+function w(o) {
+  h() && console.error(o);
 }
 typeof window < "u" && (window.isComponentDebug = h);
 class u extends HTMLElement {
@@ -77,7 +77,7 @@ class u extends HTMLElement {
     ];
   }
   attributeChangedCallback(t, s, e) {
-    var o;
+    var i;
     if (u.observedAttributes.indexOf(t) !== -1)
       switch (t) {
         case "grow":
@@ -106,7 +106,7 @@ class u extends HTMLElement {
             t,
             s,
             e,
-            ((o = this.parentElement) == null ? void 0 : o.localName) === "px-grid" ? y : w
+            ((i = this.parentElement) == null ? void 0 : i.localName) === "px-grid" ? A : y
           );
           break;
         case "justify-self":
@@ -118,7 +118,7 @@ class u extends HTMLElement {
             t,
             s,
             e,
-            A
+            S
           );
           break;
         case "col-span":
@@ -126,20 +126,20 @@ class u extends HTMLElement {
         case "col-span--tablet":
         case "col-span--laptop":
         case "col-span--desktop":
-          this.updateProperties(t, s, e, S);
+          this.updateProperties(t, s, e, $);
           break;
         case "order":
         case "order--mobile":
         case "order--tablet":
         case "order--laptop":
         case "order--desktop":
-          this.updateProperties(t, s, e, $);
+          this.updateProperties(t, s, e, x);
           break;
       }
   }
-  updateProperties(t, s, e, o) {
-    o && (this.checkName(o, e) || v(
-      `${e} is not an allowed ${o} value for ${this.tagName.toLowerCase()}`
+  updateProperties(t, s, e, i) {
+    i && (this.checkName(i, e) || w(
+      `${e} is not an allowed ${i} value for ${this.tagName.toLowerCase()}`
     ));
     const a = t.indexOf("--") > -1, l = a ? t.split("--")[0] : t;
     if (!a)
@@ -430,7 +430,7 @@ const b = class b extends u {
   static get observedAttributes() {
     return [
       ...super.observedAttributes,
-      ...m(this.nativeName)
+      ...k(this.nativeName)
     ];
   }
   attributeChangedCallback(t, s, e) {
@@ -440,7 +440,7 @@ const b = class b extends u {
     return Object.getPrototypeOf(this).constructor;
   }
   constructor(...t) {
-    super(...t), this.ctor.supportedPropertyNames || (this.ctor.supportedPropertyNames = f(
+    super(...t), this.ctor.supportedPropertyNames || (this.ctor.supportedPropertyNames = m(
       this.ctor.nativeName
     )), this.enhanceWithNativeProperties();
   }
@@ -473,12 +473,12 @@ const b = class b extends u {
 };
 b.accessorExclusions = [];
 let p = b;
-class C extends p {
+class L extends p {
   connectedCallback() {
     this.isInsideGridOrStack && (this.$el.style.display = "block", this.$el.style.height = "100%");
   }
 }
-const L = ["", "default", "none", "l"], w = [
+const M = ["", "default", "none", "l"], y = [
   "",
   "default",
   "auto",
@@ -487,21 +487,21 @@ const L = ["", "default", "none", "l"], w = [
   "center",
   "baseline",
   "stretch"
-], y = [
+], A = [
   "",
   "default",
   "start",
   "end",
   "center",
   "stretch"
-], A = [
+], S = [
   "",
   "default",
   "start",
   "end",
   "center",
   "stretch"
-], S = [
+], $ = [
   "",
   "1",
   "2",
@@ -515,7 +515,7 @@ const L = ["", "default", "none", "l"], w = [
   "10",
   "11",
   "12"
-], $ = [
+], x = [
   "",
   "-1",
   "0",
@@ -531,7 +531,7 @@ const L = ["", "default", "none", "l"], w = [
   "10",
   "11",
   "12"
-], M = [
+], N = [
   "",
   "default",
   "auto",
@@ -539,7 +539,7 @@ const L = ["", "default", "none", "l"], w = [
   "end",
   "center",
   "stretch"
-], N = [
+], D = [
   "",
   "default",
   "inherit",
@@ -555,7 +555,7 @@ const L = ["", "default", "none", "l"], w = [
   "heading-l",
   "heading-m",
   "heading-s"
-], D = [
+], T = [
   "",
   "default",
   "inherit",
@@ -570,7 +570,7 @@ const L = ["", "default", "none", "l"], w = [
   "state-hover",
   "state-active",
   "state-disabled"
-], T = [
+], O = [
   "",
   "default",
   "inherit",
@@ -578,11 +578,11 @@ const L = ["", "default", "none", "l"], w = [
   "title",
   "title-large",
   "subtitle"
-], x = ["Xs", "S", "M", "L", "Xl"], O = [
+], j = ["Xs", "S", "M", "L", "Xl"], _ = [
   "",
   "default",
-  ...x.map((i) => i.toLowerCase())
-], _ = ["", "default", "left", "center", "right"], P = [
+  ...j.map((o) => o.toLowerCase())
+], P = ["", "default", "left", "center", "right"], q = [
   "",
   "none",
   "3xs",
@@ -592,7 +592,7 @@ const L = ["", "default", "none", "l"], w = [
   "m",
   "l",
   "xl"
-], q = ["", "none", "s", "m", "l"], G = ["", "none", "main", "pill"], E = [
+], G = ["", "none", "s", "m", "l"], E = ["", "none", "main", "pill"], B = [
   "none",
   "main",
   "brand",
@@ -603,7 +603,7 @@ const L = ["", "default", "none", "l"], w = [
   "purpose-warning",
   "purpose-error",
   "purpose-unlimited"
-], B = [
+], V = [
   "",
   "all",
   "top",
@@ -612,7 +612,7 @@ const L = ["", "default", "none", "l"], w = [
   "left",
   "block",
   "inline"
-], V = [
+], R = [
   "",
   "none",
   "surface-light",
@@ -640,7 +640,7 @@ const L = ["", "default", "none", "l"], w = [
   "purpose-eco",
   "purpose-notification",
   "footer-sitemap"
-], R = ["", "cover", "contain", "default"], z = ["", "none", "s", "m", "l", "xl"], H = [
+], z = ["", "cover", "contain", "default"], H = ["", "none", "s", "m", "l", "xl"], I = [
   "",
   "default",
   "title-4xl",
@@ -651,7 +651,7 @@ const L = ["", "default", "none", "l"], w = [
   "title-m",
   "title-s",
   "subtitle"
-], I = [
+], W = [
   "",
   "purple-top-red",
   "purple-top-magenta",
@@ -701,7 +701,7 @@ const L = ["", "default", "none", "l"], w = [
   "color-bottom-right-blue",
   "color-bottom-right-turquoise",
   "color-bottom-right-green"
-], W = [
+], X = [
   "none",
   "2xs",
   "xs",
@@ -711,14 +711,14 @@ const L = ["", "default", "none", "l"], w = [
   "heading-to-subtitle",
   "heading-to-content",
   "page-layout-between-sections"
-], X = [
+], F = [
   "",
   "all",
   "top",
   "right",
   "bottom",
   "left"
-], F = [
+], U = [
   "",
   "default",
   "xs",
@@ -727,20 +727,20 @@ const L = ["", "default", "none", "l"], w = [
   "l",
   "xl"
 ];
-function U(i) {
+function J(o) {
   const t = document.createElement("style");
-  t.innerHTML = i, document.head.appendChild(t);
+  t.innerHTML = o, document.head.appendChild(t);
 }
-function J(i) {
-  return typeof i == "string" && (i === "false" || i === "0" || i === "null") || typeof i == "boolean" && !i;
+function K(o) {
+  return typeof o == "string" && (o === "false" || o === "0" || o === "null") || typeof o == "boolean" && !o;
 }
-function K() {
+function Q() {
   return window.matchMedia("only screen and (min-width: 768px)").matches ? "tablet" : window.matchMedia("only screen and (min-width: 1025px)").matches ? "laptop" : "mobile";
 }
-function Q(i, t) {
-  return i.includes(t);
+function Y(o, t) {
+  return o.includes(t);
 }
-const j = [
+const C = [
   "aria-label",
   "aria-labelledby",
   "aria-describedby",
@@ -775,64 +775,64 @@ const j = [
   "aria-busy",
   "aria-owns"
 ];
-function Y(i, t, s = !0) {
+function Z(o, t, s = !0) {
   var e;
-  if (j.forEach((o) => {
-    i.getAttribute(o) && (t.setAttribute(o, i.getAttribute(o)), i.removeAttribute(o));
+  if (C.forEach((i) => {
+    o.getAttribute(i) && (t.setAttribute(i, o.getAttribute(i)), o.removeAttribute(i));
   }), s) {
-    const o = `px-${((e = t.localName) == null ? void 0 : e.toLowerCase()) ?? "component"}-${Math.random().toString(36).substring(2, 15)}`;
-    t.setAttribute("id", o), i.setAttribute("aria-labelledby", o);
+    const i = `px-${((e = t.localName) == null ? void 0 : e.toLowerCase()) ?? "component"}-${Math.random().toString(36).substring(2, 15)}`;
+    t.setAttribute("id", i), o.setAttribute("aria-labelledby", i);
   }
 }
-function Z(i, t, s, e = "", o) {
-  const a = new CSSStyleSheet(), l = s.reduce(
-    (n, r) => n + `
-  ${t(i, r)} {
-    ${i}: var(--${e}-${r}-desktop);
-    ${o ? `${o}:var(--${e}-${r}-desktop)` : ""}
+function tt(o, t, s, e = "", i, a = o) {
+  const l = new CSSStyleSheet(), n = s.reduce(
+    (c, r) => c + `
+  ${t(a, r)} {
+    ${o}: var(--${e}-${r}-desktop);
+    ${i ? `${i}:var(--${e}-${r}-desktop)` : ""}
   }
   /* Mobile only - max 767px */
   @media only screen and (max-width: 47.938em) {
-    ${t(i, r)} {
-      ${i}: var(--${e}-${r}-mobile);
-      ${o ? `${o}: var(--${e}-${r}-mobile)` : ""}
+    ${t(a, r)} {
+      ${o}: var(--${e}-${r}-mobile);
+      ${i ? `${i}: var(--${e}-${r}-mobile)` : ""}
     }
   }
-  ${t(i, r, "mobile")} {
+  ${t(a, r, "mobile")} {
  /* Mobile only - max 767px */
   @media only screen and (max-width: 47.938em) {
-      ${i}: var(--${e}-${r}-mobile) !important;
-      ${o ? `${o}: var(--${e}-${r}-mobile)` : ""}
+      ${o}: var(--${e}-${r}-mobile) !important;
+      ${i ? `${i}: var(--${e}-${r}-mobile)` : ""}
     }
   }
-  ${t(i, r, "tablet")} {
+  ${t(a, r, "tablet")} {
   /* Tablet - min 768px max 1024px */
   @media only screen and (min-width: 48em) and (max-width: 64em) {
-      ${i}: var(--${e}-${r}-desktop) !important;
-      ${o ? `${o}: var(--${e}-${r}-desktop)` : ""}
+      ${o}: var(--${e}-${r}-desktop) !important;
+      ${i ? `${i}: var(--${e}-${r}-desktop)` : ""}
     }
   }
-  ${t(i, r, "laptop")} {
+  ${t(a, r, "laptop")} {
   /* Laptop - 1025px*/
   @media only screen and (min-width: 64.0625em) {
-      ${i}: var(--${e}-${r}-desktop) !important;
-      ${o ? `${o}: var(--${e}-${r}-desktop)` : ""}
+      ${o}: var(--${e}-${r}-desktop) !important;
+      ${i ? `${i}: var(--${e}-${r}-desktop)` : ""}
     }
   }
-  ${t(i, r, "desktop")} {
+  ${t(a, r, "desktop")} {
   /* Desktop - 1025px*/
   @media only screen and (min-width: 64.0625em) {
-      ${i}: var(--${e}-${r}-desktop) !important;
-      ${o ? `${o}: var(--${e}-${r}-desktop)` : ""}
+      ${o}: var(--${e}-${r}-desktop) !important;
+      ${i ? `${i}: var(--${e}-${r}-desktop)` : ""}
     }
   }`,
     ""
   );
-  return a.replaceSync(l), a;
+  return l.replaceSync(n), l;
 }
-class tt {
-  constructor(t, s, e, o) {
-    this.component = t, this.attributeName = s, this.cssVariable = o, this.attributeNameMobile = `${this.attributeName}--mobile`, this.attributeNameTablet = `${this.attributeName}--tablet`, this.attributeNameLaptop = `${this.attributeName}--laptop`, this.attributeNameDesktop = `${this.attributeName}--desktop`, this._attributeValue = e, Object.defineProperty(
+class et {
+  constructor(t, s, e, i) {
+    this.component = t, this.attributeName = s, this.cssVariable = i, this.attributeNameMobile = `${this.attributeName}--mobile`, this.attributeNameTablet = `${this.attributeName}--tablet`, this.attributeNameLaptop = `${this.attributeName}--laptop`, this.attributeNameDesktop = `${this.attributeName}--desktop`, this._attributeValue = e, Object.defineProperty(
       this.component,
       this.toCamelCase(this.attributeName),
       {
@@ -864,10 +864,10 @@ class tt {
       }
   }
   setCSSProperty(t, s, e = !0) {
-    const [, o = ""] = t.split("--");
+    const [, i = ""] = t.split("--");
     this.component.style.setProperty(
-      `${this.cssVariable}${e ? "-all" : ""}${o ? `-${o}` : ""}`,
-      `${this._attributeValue(s, o)}`
+      `${this.cssVariable}${e ? "-all" : ""}${i ? `-${i}` : ""}`,
+      `${this._attributeValue(s, i)}`
     );
   }
   setCSSProperties() {
@@ -889,12 +889,12 @@ class tt {
       e,
       !1
     );
-    const o = this.component.getAttribute(
+    const i = this.component.getAttribute(
       this.attributeNameLaptop
     );
-    o && this.setCSSProperty(
+    i && this.setCSSProperty(
       this.attributeNameLaptop,
-      o,
+      i,
       !1
     );
     const a = this.component.getAttribute(
@@ -911,45 +911,45 @@ class tt {
   }
 }
 export {
-  tt as AttributeBreakpointHandlerDelegate,
+  et as AttributeBreakpointHandlerDelegate,
   p as PxElement,
-  C as VerticallyExtendedElement,
+  L as VerticallyExtendedElement,
   u as WithExtraAttributes,
-  j as accessibilityAttributes,
-  U as addGlobalStylesheet,
-  F as assetContainerImgWidthValues,
-  V as backgroundColorValues,
-  R as backgroundSizeValues,
-  E as borderColorValues,
-  G as borderRadiusValues,
-  B as borderSideValues,
-  q as borderValues,
-  z as boxShadowValues,
-  Q as checkName,
-  D as colorValues,
-  y as cssGridAlignSelfValues,
-  S as cssGridColSpanValues,
-  A as cssGridJustifySelfValues,
-  $ as cssGridOrderValues,
-  M as cssGridPlaceSelfValues,
-  Z as cssTokenBreakpoints,
-  w as flexboxAlignSelfValues,
-  N as fontsizeValues,
-  T as fontweightValues,
-  W as gapValues,
-  m as getSupportedAttributeNames,
-  f as getSupportedPropertyNames,
-  K as getViewportFormat,
-  I as gradientValues,
-  L as gridGapValues,
-  H as headingValues,
-  x as iconSizeValues,
-  O as iconSizeValuesKC,
+  C as accessibilityAttributes,
+  J as addGlobalStylesheet,
+  U as assetContainerImgWidthValues,
+  R as backgroundColorValues,
+  z as backgroundSizeValues,
+  B as borderColorValues,
+  E as borderRadiusValues,
+  V as borderSideValues,
+  G as borderValues,
+  H as boxShadowValues,
+  Y as checkName,
+  T as colorValues,
+  A as cssGridAlignSelfValues,
+  $ as cssGridColSpanValues,
+  S as cssGridJustifySelfValues,
+  x as cssGridOrderValues,
+  N as cssGridPlaceSelfValues,
+  tt as cssTokenBreakpoints,
+  y as flexboxAlignSelfValues,
+  D as fontsizeValues,
+  O as fontweightValues,
+  X as gapValues,
+  k as getSupportedAttributeNames,
+  m as getSupportedPropertyNames,
+  Q as getViewportFormat,
+  W as gradientValues,
+  M as gridGapValues,
+  I as headingValues,
+  j as iconSizeValues,
+  _ as iconSizeValuesKC,
   h as isComponentDebug,
-  J as isFalsy,
-  v as log,
-  X as noBorderRadiusValues,
-  P as paddingValues,
-  _ as textalignValues,
-  Y as transferAccessibilityAttributes
+  K as isFalsy,
+  w as log,
+  F as noBorderRadiusValues,
+  q as paddingValues,
+  P as textalignValues,
+  Z as transferAccessibilityAttributes
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@proximus/lavender-common",
-  "version": "1.4.7-alpha.3",
+  "version": "1.4.7-alpha.4",
   "description": "",
   "main": "dist/index.es.js",
   "types": "dist/index.d.ts",