@proximus/lavender-common 1.0.0-alpha.74 → 1.0.0-alpha.76

package/dist/index.es.js

@@ -666,28 +666,29 @@ const v = ["", "default", "none", "l"], d = [
   "right",
   "bottom",
   "left"
-], V = [
+], B = [
   "",
   "default",
   "xs",
   "s",
+  "m",
   "l",
-  "2xl"
-], z = ["", "default", "s", "m", "l"];
-function B(o) {
+  "xl"
+];
+function V(o) {
   const t = document.createElement("style");
   t.innerHTML = o, document.head.appendChild(t);
 }
 function _(o) {
   return typeof o == "string" && (o === "false" || o === "0" || o === "null") || typeof o == "boolean" && !o;
 }
-function H() {
+function z() {
   return window.matchMedia("only screen and (min-width: 768px)").matches ? "tablet" : window.matchMedia("only screen and (min-width: 1025px)").matches ? "laptop" : "mobile";
 }
-function P(o, t) {
+function H(o, t) {
   return o.includes(t);
 }
-function F(o, t, s = !0) {
+function P(o, t, s = !0) {
   var e;
   if ([
     "aria-label",
@@ -730,39 +731,44 @@ function F(o, t, s = !0) {
     t.setAttribute("id", i), o.setAttribute("aria-labelledby", i);
   }
 }
-function I(o, t, s, e = "", i) {
+function F(o, t, s, e = "", i) {
   const a = new CSSStyleSheet(), l = s.reduce(
     (n, r) => n + `
   ${t(o, r)} {
     ${o}: var(--${e}-${r}-desktop);
     ${i ? `${i}:var(--${e}-${r}-desktop)` : ""}
   }
-  @media only screen and (max-width: 767px) {
+  /* Mobile only - max 767px */
+  @media only screen and (max-width: 47.938em) {
     ${t(o, r)} {
       ${o}: var(--${e}-${r}-mobile);
       ${i ? `${i}: var(--${e}-${r}-mobile)` : ""}
     }
   }
   ${t(o, r, "mobile")} {
-    @media only screen and (max-width: 767px) {
+ /* Mobile only - max 767px */
+  @media only screen and (max-width: 47.938em) {
       ${o}: var(--${e}-${r}-mobile) !important;
       ${i ? `${i}: var(--${e}-${r}-mobile)` : ""}
     }
   }
   ${t(o, r, "tablet")} {
-    @media only screen and (min-width: 768px) and (max-width: 1024px) {
+  /* Tablet - min 768px max 1024px */
+  @media only screen and (min-width: 48em) and (max-width: 64em) {
       ${o}: var(--${e}-${r}-desktop) !important;
       ${i ? `${i}: var(--${e}-${r}-desktop)` : ""}
     }
   }
   ${t(o, r, "laptop")} {
-    @media only screen and (min-width: 768px) {
+  /* Laptop - 1025px*/
+  @media only screen and (min-width: 64.0625em) {
       ${o}: var(--${e}-${r}-desktop) !important;
       ${i ? `${i}: var(--${e}-${r}-desktop)` : ""}
     }
   }
   ${t(o, r, "desktop")} {
-    @media only screen and (min-width: 768px) {
+  /* Desktop - 1025px*/
+  @media only screen and (min-width: 64.0625em) {
       ${o}: var(--${e}-${r}-desktop) !important;
       ${i ? `${i}: var(--${e}-${r}-desktop)` : ""}
     }
@@ -771,7 +777,7 @@ function I(o, t, s, e = "", i) {
   );
   return a.replaceSync(l), a;
 }
-class J {
+class I {
   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,
@@ -852,12 +858,11 @@ class J {
   }
 }
 export {
-  J as AttributeBreakpointHandlerDelegate,
+  I as AttributeBreakpointHandlerDelegate,
   k as PxElement,
   p as WithExtraAttributes,
-  B as addGlobalStylesheet,
-  V as assetContainerIconSizeValues,
-  z as assetContainerImgWidthValues,
+  V as addGlobalStylesheet,
+  B as assetContainerImgWidthValues,
   D as backgroundColorValues,
   N as backgroundSizeValues,
   L as borderColorValues,
@@ -865,20 +870,20 @@ export {
   T as borderSideValues,
   C as borderValues,
   G as boxShadowValues,
-  P as checkName,
+  H as checkName,
   A as colorValues,
   c as cssGridAlignSelfValues,
   f as cssGridColSpanValues,
   g as cssGridJustifySelfValues,
   m as cssGridOrderValues,
   y as cssGridPlaceSelfValues,
-  I as cssTokenBreakpoints,
+  F as cssTokenBreakpoints,
   d as flexboxAlignSelfValues,
   w as fontsizeValues,
   S as fontweightValues,
   E as gapValues,
   h as getSupportedAttributeNames,
-  H as getViewportFormat,
+  z as getViewportFormat,
   q as gradientValues,
   v as gridGapValues,
   O as headingValues,
@@ -887,5 +892,5 @@ export {
   R as noBorderRadiusValues,
   j as paddingValues,
   x as textalignValues,
-  F as transferAccessibilityAttributes
+  P as transferAccessibilityAttributes
 };

package/package.json

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