@proximus/lavender-list 1.4.19-beta.1 → 1.4.20-alpha.2

package/dist/index.es.js

@@ -1,6 +1,7 @@
-// src/list.css?inline
+//#region src/list.css?inline
 var e = ".list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}", t = "@layer px-reset{:host{font-variant:normal;font-size-adjust:none;font-kerning:auto;font-optical-sizing:auto;font-synthesis:weight style small-caps position;font-feature-settings:normal;font-variation-settings:normal;font-language-override:normal;font-palette:normal;letter-spacing:normal;word-spacing:normal;tab-size:8;text-align:start;text-indent:0;text-transform:none;text-shadow:none;text-rendering:auto;text-wrap:wrap;white-space:normal;word-break:normal;overflow-wrap:normal;-webkit-hyphens:manual;hyphens:manual;text-underline-offset:auto;text-underline-position:auto;-webkit-font-smoothing:initial;-moz-osx-font-smoothing:auto;-webkit-text-size-adjust:auto;-moz-text-size-adjust:auto;text-size-adjust:auto;font-style:normal;font-stretch:100%;line-height:normal;text-emphasis:none}}: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-self-value)}:host([order]),::slotted([order]){order:var(--order-value)}:host([sticky-top]),:host([sticky-bottom]){z-index:5}:host([sticky-top]){position:sticky;top:0}:host([sticky-bottom]){position:sticky;bottom:0}:host([hidden]),::slotted([hidden]){display:none}:host([shown--sr]),::slotted([shown--sr]){clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}:host([word-break-all]){word-break:break-all}@media screen and (width<=47.938rem){: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%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}:host([word-break-all--mobile]){word-break:break-all}@media screen and (width>=48rem) and (width<=64rem){: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%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}:host([word-break-all--tablet]){word-break:break-all}@media screen and (width>=64.0625rem){:host([shown--sr--laptop]),::slotted([shown--sr--laptop]){clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}: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}}:host([word-break-all--laptop]){word-break:break-all}@media screen and (width>=90.0625rem){: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}:host([word-break-all--desktop]){word-break:break-all}}";
-// ../common/src/common.ts
+//#endregion
+//#region ../common/src/common.ts
 function n(e) {
 	let t = document.createElement(e), n = Object.getPrototypeOf(t);
 	return Object.getOwnPropertyNames(n);
@@ -106,8 +107,11 @@ var l = class e extends HTMLElement {
 		let e = this.parentElement;
 		for (; e;) {
 			if (e.localName === "px-grid" || e.localName === "px-stack" && e?.getAttribute("direction") === "row") return !0;
-			if (window.getComputedStyle(e).display === "contents") e = e.parentElement;
-			else break;
+			if (window.getComputedStyle(e).display === "contents") {
+				e = e.parentElement;
+				continue;
+			}
+			break;
 		}
 		return !1;
 	}
@@ -459,12 +463,21 @@ var g = [
 	"page-layout-between-sections"
 ];
 function _(e, t, n) {
-	n == null || n === "" ? e.removeAttribute(t) : e.setAttribute(t, n.toString());
+	if (n == null || n === "") {
+		e.removeAttribute(t);
+		return;
+	}
+	e.setAttribute(t, n.toString());
 }
 function v(e, t, n) {
-	n ? e.setAttribute(t, "") : e.removeAttribute(t);
+	if (!n) {
+		e.removeAttribute(t);
+		return;
+	}
+	e.setAttribute(t, "");
 }
-// ../common/src/breakpoints.ts
+//#endregion
+//#region ../common/src/breakpoints.ts
 function y(e, t, n, r = "", i, a = e) {
 	let o = new CSSStyleSheet(), s = n.reduce((n, o) => n + `
   ${t(a, o)} {
@@ -508,7 +521,8 @@ function y(e, t, n, r = "", i, a = e) {
   }`, "");
 	return o.replaceSync(s), o;
 }
-// ../common/src/template.ts
+//#endregion
+//#region ../common/src/template.ts
 var b = /* @__PURE__ */ new Map(), x = 500;
 function S(e) {
 	let t = document.createElement("template");
@@ -525,7 +539,8 @@ function T(e, t) {
 	let n = typeof t == "string" ? w(t) : t;
 	e.replaceChildren(document.importNode(n.content, !0));
 }
-// src/listitem.css?inline
+//#endregion
+//#region src/listitem.css?inline
 var E = ".list-item{gap:var(--px-spacing-xs-mobile);font-family:var(--px-font-family);line-height:var(--px-line-height-ratio-l);color:var(--px-color-text-neutral-default);align-items:flex-start;display:flex}.list-item[inverted]{color:var(--px-color-text-neutral-inverted)}:is(:host([variant=ul]),:host([variant=ol])) .list-item{margin-left:var(--px-spacing-default-mobile);display:list-item}:host([variant=ul]) .list-item{list-style-type:disc}:host([variant=ol]) .list-item{counter-set:list-item var(--item-index,0);list-style-type:decimal}@media screen and (width>=48rem){.list-item{gap:var(--px-spacing-xs-tablet)}}@media screen and (width>=64.0625rem){.list-item{gap:var(--px-spacing-xs-laptop)}}@media screen and (width>=90.0625rem){.list-item{gap:var(--px-spacing-xs-desktop)}}", D = new CSSStyleSheet();
 D.replaceSync(E);
 var O = "px-list-item-connected", k = class e extends u {
@@ -565,7 +580,8 @@ var O = "px-list-item-connected", k = class e extends u {
 	}
 };
 customElements.get("px-list-item") || customElements.define("px-list-item", k);
-// src/List.ts
+//#endregion
+//#region src/List.ts
 var A = new CSSStyleSheet();
 A.replaceSync(e);
 var j = [
@@ -662,4 +678,5 @@ var j = [
 	}
 };
 customElements.get("px-list") || customElements.define("px-list", N);
+//#endregion
 export { O as LIST_ITEM_CONNECTED_EVENT, N as List, k as ListItem, j as listVariantValues };

package/dist/web-types.json

@@ -1,14 +1,14 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "name": "@proximus/lavender-list",
-  "version": "1.4.19-beta.1",
+  "version": "1.4.20-alpha.2",
   "description-markup": "markdown",
   "contributions": {
     "html": {
       "elements": [
         {
           "name": "px-list",
-          "description": "\n---\n",
+          "description": "\n\n---\n",
           "doc-url": "",
           "attributes": [
             { "name": "inverted", "value": { "type": "string" } },
@@ -31,7 +31,7 @@
         },
         {
           "name": "px-list-item",
-          "description": "\n---\n\n\n### **Events:**\n - **LIST_ITEM_CONNECTED_EVENT**",
+          "description": "\n\n---\n\n\n### **Events:**\n - **LIST_ITEM_CONNECTED_EVENT**",
           "doc-url": "",
           "attributes": [{ "name": "inverted", "value": { "type": "string" } }],
           "events": [

package/package.json

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