@proximus/lavender-common 1.4.5-alpha.9 → 1.4.5-beta.2

package/dist/common.d.ts

@@ -147,4 +147,5 @@ export declare function addGlobalStylesheet(inlineStyles: string): void;
 export declare function isFalsy(value: string | boolean): boolean;
 export declare function getViewportFormat(): "mobile" | "tablet" | "laptop";
 export declare function checkName(values: string[], value: string): boolean;
+export declare const accessibilityAttributes: string[];
 export declare function transferAccessibilityAttributes(sourceElement: HTMLElement, targetElement: HTMLElement, applyLabelledBy?: boolean): void;

package/dist/index.es.js

@@ -138,12 +138,9 @@ class u extends HTMLElement {
       }
   }
   updateProperties(t, s, e, o) {
-    if (o && !this.checkName(o, e)) {
-      v(
-        `${e} is not an allowed ${o} value for ${this.tagName.toLowerCase()}`
-      );
-      return;
-    }
+    o && (this.checkName(o, e) || v(
+      `${e} is not an allowed ${o} value for ${this.tagName.toLowerCase()}`
+    ));
     const a = t.indexOf("--") > -1, l = a ? t.split("--")[0] : t;
     if (!a)
       this.style.setProperty(
@@ -476,12 +473,12 @@ const b = class b extends u {
 };
 b.accessorExclusions = [];
 let p = b;
-class j extends p {
+class C extends p {
   connectedCallback() {
     this.isInsideGridOrStack && (this.$el.style.display = "block", this.$el.style.height = "100%");
   }
 }
-const C = ["", "default", "none", "l"], w = [
+const L = ["", "default", "none", "l"], w = [
   "",
   "default",
   "auto",
@@ -534,7 +531,7 @@ const C = ["", "default", "none", "l"], w = [
   "10",
   "11",
   "12"
-], L = [
+], M = [
   "",
   "default",
   "auto",
@@ -542,7 +539,7 @@ const C = ["", "default", "none", "l"], w = [
   "end",
   "center",
   "stretch"
-], M = [
+], N = [
   "",
   "default",
   "inherit",
@@ -558,7 +555,7 @@ const C = ["", "default", "none", "l"], w = [
   "heading-l",
   "heading-m",
   "heading-s"
-], N = [
+], D = [
   "",
   "default",
   "inherit",
@@ -573,7 +570,7 @@ const C = ["", "default", "none", "l"], w = [
   "state-hover",
   "state-active",
   "state-disabled"
-], D = [
+], T = [
   "",
   "default",
   "inherit",
@@ -581,11 +578,11 @@ const C = ["", "default", "none", "l"], w = [
   "title",
   "title-large",
   "subtitle"
-], x = ["Xs", "S", "M", "L", "Xl"], T = [
+], x = ["Xs", "S", "M", "L", "Xl"], O = [
   "",
   "default",
   ...x.map((i) => i.toLowerCase())
-], O = ["", "default", "left", "center", "right"], _ = [
+], _ = ["", "default", "left", "center", "right"], P = [
   "",
   "none",
   "3xs",
@@ -595,7 +592,7 @@ const C = ["", "default", "none", "l"], w = [
   "m",
   "l",
   "xl"
-], P = ["", "none", "s", "m", "l"], q = ["", "none", "main", "pill"], G = [
+], q = ["", "none", "s", "m", "l"], G = ["", "none", "main", "pill"], E = [
   "none",
   "main",
   "brand",
@@ -606,7 +603,7 @@ const C = ["", "default", "none", "l"], w = [
   "purpose-warning",
   "purpose-error",
   "purpose-unlimited"
-], E = [
+], B = [
   "",
   "all",
   "top",
@@ -615,7 +612,7 @@ const C = ["", "default", "none", "l"], w = [
   "left",
   "block",
   "inline"
-], B = [
+], V = [
   "",
   "none",
   "surface-light",
@@ -642,8 +639,8 @@ const C = ["", "default", "none", "l"], w = [
   "purpose-info",
   "purpose-eco",
   "purpose-notification",
-  "footer"
-], V = ["", "cover", "contain", "default"], R = ["", "none", "s", "m", "l", "xl"], z = [
+  "footer-sitemap"
+], R = ["", "cover", "contain", "default"], z = ["", "none", "s", "m", "l", "xl"], H = [
   "",
   "default",
   "title-4xl",
@@ -654,7 +651,7 @@ const C = ["", "default", "none", "l"], w = [
   "title-m",
   "title-s",
   "subtitle"
-], H = [
+], I = [
   "",
   "purple-top-red",
   "purple-top-magenta",
@@ -704,7 +701,7 @@ const C = ["", "default", "none", "l"], w = [
   "color-bottom-right-blue",
   "color-bottom-right-turquoise",
   "color-bottom-right-green"
-], I = [
+], W = [
   "none",
   "2xs",
   "xs",
@@ -714,14 +711,14 @@ const C = ["", "default", "none", "l"], w = [
   "heading-to-subtitle",
   "heading-to-content",
   "page-layout-between-sections"
-], W = [
+], X = [
   "",
   "all",
   "top",
   "right",
   "bottom",
   "left"
-], X = [
+], F = [
   "",
   "default",
   "xs",
@@ -730,63 +727,64 @@ const C = ["", "default", "none", "l"], w = [
   "l",
   "xl"
 ];
-function F(i) {
+function U(i) {
   const t = document.createElement("style");
   t.innerHTML = i, document.head.appendChild(t);
 }
-function U(i) {
+function J(i) {
   return typeof i == "string" && (i === "false" || i === "0" || i === "null") || typeof i == "boolean" && !i;
 }
-function J() {
+function K() {
   return window.matchMedia("only screen and (min-width: 768px)").matches ? "tablet" : window.matchMedia("only screen and (min-width: 1025px)").matches ? "laptop" : "mobile";
 }
-function K(i, t) {
+function Q(i, t) {
   return i.includes(t);
 }
-function Q(i, t, s = !0) {
+const j = [
+  "aria-label",
+  "aria-labelledby",
+  "aria-describedby",
+  "aria-controls",
+  "aria-expanded",
+  "aria-haspopup",
+  "aria-pressed",
+  "aria-selected",
+  "aria-required",
+  "aria-disabled",
+  "aria-live",
+  "aria-atomic",
+  "aria-relevant",
+  "aria-orientation",
+  "aria-valuenow",
+  "aria-valuetext",
+  "aria-valuemin",
+  "aria-valuemax",
+  "aria-details",
+  "aria-modal",
+  "aria-autocomplete",
+  "aria-activedescendant",
+  "aria-colcount",
+  "aria-colindex",
+  "aria-colspan",
+  "aria-rowcount",
+  "aria-rowindex",
+  "aria-rowspan",
+  "aria-keyshortcuts",
+  "aria-placeholder",
+  "aria-invalid",
+  "aria-busy",
+  "aria-owns"
+];
+function Y(i, t, s = !0) {
   var e;
-  if ([
-    "aria-label",
-    "aria-labelledby",
-    "aria-describedby",
-    "aria-controls",
-    "aria-expanded",
-    "aria-haspopup",
-    "aria-pressed",
-    "aria-selected",
-    "aria-required",
-    "aria-disabled",
-    "aria-live",
-    "aria-atomic",
-    "aria-relevant",
-    "aria-orientation",
-    "aria-valuenow",
-    "aria-valuetext",
-    "aria-valuemin",
-    "aria-valuemax",
-    "aria-details",
-    "aria-modal",
-    "aria-autocomplete",
-    "aria-activedescendant",
-    "aria-colcount",
-    "aria-colindex",
-    "aria-colspan",
-    "aria-rowcount",
-    "aria-rowindex",
-    "aria-rowspan",
-    "aria-keyshortcuts",
-    "aria-placeholder",
-    "aria-invalid",
-    "aria-busy",
-    "aria-owns"
-  ].forEach((o) => {
+  if (j.forEach((o) => {
     i.getAttribute(o) && (t.setAttribute(o, i.getAttribute(o)), i.removeAttribute(o));
   }), 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);
   }
 }
-function Y(i, t, s, e = "", o) {
+function Z(i, t, s, e = "", o) {
   const a = new CSSStyleSheet(), l = s.reduce(
     (n, r) => n + `
   ${t(i, r)} {
@@ -832,7 +830,7 @@ function Y(i, t, s, e = "", o) {
   );
   return a.replaceSync(l), a;
 }
-class Z {
+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(
       this.component,
@@ -913,44 +911,45 @@ class Z {
   }
 }
 export {
-  Z as AttributeBreakpointHandlerDelegate,
+  tt as AttributeBreakpointHandlerDelegate,
   p as PxElement,
-  j as VerticallyExtendedElement,
+  C as VerticallyExtendedElement,
   u as WithExtraAttributes,
-  F as addGlobalStylesheet,
-  X as assetContainerImgWidthValues,
-  B as backgroundColorValues,
-  V as backgroundSizeValues,
-  G as borderColorValues,
-  q as borderRadiusValues,
-  E as borderSideValues,
-  P as borderValues,
-  R as boxShadowValues,
-  K as checkName,
-  N as colorValues,
+  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,
-  L as cssGridPlaceSelfValues,
-  Y as cssTokenBreakpoints,
+  M as cssGridPlaceSelfValues,
+  Z as cssTokenBreakpoints,
   w as flexboxAlignSelfValues,
-  M as fontsizeValues,
-  D as fontweightValues,
-  I as gapValues,
+  N as fontsizeValues,
+  T as fontweightValues,
+  W as gapValues,
   m as getSupportedAttributeNames,
   f as getSupportedPropertyNames,
-  J as getViewportFormat,
-  H as gradientValues,
-  C as gridGapValues,
-  z as headingValues,
+  K as getViewportFormat,
+  I as gradientValues,
+  L as gridGapValues,
+  H as headingValues,
   x as iconSizeValues,
-  T as iconSizeValuesKC,
+  O as iconSizeValuesKC,
   h as isComponentDebug,
-  U as isFalsy,
+  J as isFalsy,
   v as log,
-  W as noBorderRadiusValues,
-  _ as paddingValues,
-  O as textalignValues,
-  Q as transferAccessibilityAttributes
+  X as noBorderRadiusValues,
+  P as paddingValues,
+  _ as textalignValues,
+  Y as transferAccessibilityAttributes
 };

package/package.json

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