@proximus/lavender-list 1.4.18-alpha.8 → 1.4.18-beta.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.es.js CHANGED
@@ -1,7 +1,6 @@
1
- //#region src/list.css?inline
1
+ // src/list.css?inline
2
2
  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}}";
3
- //#endregion
4
- //#region ../common/src/common.ts
3
+ // ../common/src/common.ts
5
4
  function n(e) {
6
5
  let t = document.createElement(e), n = Object.getPrototypeOf(t);
7
6
  return Object.getOwnPropertyNames(n);
@@ -107,11 +106,8 @@ var l = class e extends HTMLElement {
107
106
  let e = this.parentElement;
108
107
  for (; e;) {
109
108
  if (e.localName === "px-grid" || e.localName === "px-stack" && e?.getAttribute("direction") === "row") return !0;
110
- if (window.getComputedStyle(e).display === "contents") {
111
- e = e.parentElement;
112
- continue;
113
- }
114
- break;
109
+ if (window.getComputedStyle(e).display === "contents") e = e.parentElement;
110
+ else break;
115
111
  }
116
112
  return !1;
117
113
  }
@@ -463,21 +459,12 @@ var g = [
463
459
  "page-layout-between-sections"
464
460
  ];
465
461
  function _(e, t, n) {
466
- if (n == null || n === "") {
467
- e.removeAttribute(t);
468
- return;
469
- }
470
- e.setAttribute(t, n.toString());
462
+ n == null || n === "" ? e.removeAttribute(t) : e.setAttribute(t, n.toString());
471
463
  }
472
464
  function v(e, t, n) {
473
- if (!n) {
474
- e.removeAttribute(t);
475
- return;
476
- }
477
- e.setAttribute(t, "");
465
+ n ? e.setAttribute(t, "") : e.removeAttribute(t);
478
466
  }
479
- //#endregion
480
- //#region ../common/src/breakpoints.ts
467
+ // ../common/src/breakpoints.ts
481
468
  function y(e, t, n, r = "", i, a = e) {
482
469
  let o = new CSSStyleSheet(), s = n.reduce((n, o) => n + `
483
470
  ${t(a, o)} {
@@ -521,8 +508,7 @@ function y(e, t, n, r = "", i, a = e) {
521
508
  }`, "");
522
509
  return o.replaceSync(s), o;
523
510
  }
524
- //#endregion
525
- //#region ../common/src/template.ts
511
+ // ../common/src/template.ts
526
512
  var b = /* @__PURE__ */ new Map(), x = 500;
527
513
  function S(e) {
528
514
  let t = document.createElement("template");
@@ -539,8 +525,7 @@ function T(e, t) {
539
525
  let n = typeof t == "string" ? w(t) : t;
540
526
  e.replaceChildren(document.importNode(n.content, !0));
541
527
  }
542
- //#endregion
543
- //#region src/listitem.css?inline
528
+ // src/listitem.css?inline
544
529
  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();
545
530
  D.replaceSync(E);
546
531
  var O = "px-list-item-connected", k = class e extends u {
@@ -580,8 +565,7 @@ var O = "px-list-item-connected", k = class e extends u {
580
565
  }
581
566
  };
582
567
  customElements.get("px-list-item") || customElements.define("px-list-item", k);
583
- //#endregion
584
- //#region src/List.ts
568
+ // src/List.ts
585
569
  var A = new CSSStyleSheet();
586
570
  A.replaceSync(e);
587
571
  var j = [
@@ -678,5 +662,4 @@ var j = [
678
662
  }
679
663
  };
680
664
  customElements.get("px-list") || customElements.define("px-list", N);
681
- //#endregion
682
665
  export { O as LIST_ITEM_CONNECTED_EVENT, N as List, k as ListItem, j as listVariantValues };
@@ -1,14 +1,14 @@
1
1
  {
2
2
  "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
3
3
  "name": "@proximus/lavender-list",
4
- "version": "1.4.18-alpha.8",
4
+ "version": "1.4.18-beta.1",
5
5
  "description-markup": "markdown",
6
6
  "contributions": {
7
7
  "html": {
8
8
  "elements": [
9
9
  {
10
10
  "name": "px-list",
11
- "description": "\n\n---\n",
11
+ "description": "\n---\n",
12
12
  "doc-url": "",
13
13
  "attributes": [
14
14
  { "name": "inverted", "value": { "type": "string" } },
@@ -31,7 +31,7 @@
31
31
  },
32
32
  {
33
33
  "name": "px-list-item",
34
- "description": "\n\n---\n\n\n### **Events:**\n - **LIST_ITEM_CONNECTED_EVENT**",
34
+ "description": "\n---\n\n\n### **Events:**\n - **LIST_ITEM_CONNECTED_EVENT**",
35
35
  "doc-url": "",
36
36
  "attributes": [{ "name": "inverted", "value": { "type": "string" } }],
37
37
  "events": [
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@proximus/lavender-list",
3
- "version": "1.4.18-alpha.8",
3
+ "version": "1.4.18-beta.1",
4
4
  "description": "",
5
5
  "main": "dist/index.es.js",
6
6
  "types": "dist/index.d.ts",