@proximus/lavender-table 1.4.18-beta.1 → 1.4.18

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.
Files changed (3) hide show
  1. package/dist/index.es.js +12 -6
  2. package/dist/web-types.json +7 -7
  3. package/package.json +1 -1
package/dist/index.es.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { createTemplate as e, renderTemplate as t } from "@proximus/lavender-common";
2
2
  import "@proximus/lavender-layout";
3
- // src/table.css?inline
3
+ //#region src/table.css?inline
4
4
  var n = ":host{width:100%;display:table}", r = new CSSStyleSheet();
5
5
  r.replaceSync(n);
6
6
  var i = class n extends HTMLElement {
@@ -15,7 +15,8 @@ var i = class n extends HTMLElement {
15
15
  }
16
16
  };
17
17
  customElements.get("px-table") || customElements.define("px-table", i);
18
- // src/thead.css?inline
18
+ //#endregion
19
+ //#region src/thead.css?inline
19
20
  var a = ":host{display:table-header-group}::slotted(px-tr){background-color:var(--px-color-background-container-default-default)}", o = new CSSStyleSheet();
20
21
  o.replaceSync(a);
21
22
  var s = class n extends HTMLElement {
@@ -30,7 +31,8 @@ var s = class n extends HTMLElement {
30
31
  }
31
32
  };
32
33
  customElements.get("px-thead") || customElements.define("px-thead", s);
33
- // src/tr.css?inline
34
+ //#endregion
35
+ //#region src/tr.css?inline
34
36
  var c = ":host{display:table-row}", l = new CSSStyleSheet();
35
37
  l.replaceSync(c);
36
38
  var u = class n extends HTMLElement {
@@ -45,7 +47,8 @@ var u = class n extends HTMLElement {
45
47
  }
46
48
  };
47
49
  customElements.get("px-tr") || customElements.define("px-tr", u);
48
- // src/th.css?inline
50
+ //#endregion
51
+ //#region src/th.css?inline
49
52
  var d = ":host{vertical-align:middle;border-bottom:var(--px-size-border-l) solid var(--th-border-color-default,var(--px-color-border-main-default));display:table-cell}.th{padding:var(--px-padding-s-mobile) var(--px-padding-xs-mobile);font-family:var(--px-font-family);font-weight:var(--px-font-weight-body);font-size:var(--px-text-size-body-m-mobile);color:var(--px-color-text-neutral-default);line-height:var(--px-line-height-ratio-l)}.th ::slotted([slot=description]){font-size:var(--px-text-size-body-s-mobile);color:var(--px-color-text-dimmed-default)}.th ::slotted(*){font-size:var(--px-text-size-body-m-mobile);line-height:var(--px-line-height-ratio-l)}@media screen and (width>=48rem){.th{padding:var(--px-padding-s-tablet) var(--px-padding-xs-tablet);font-size:var(--px-text-size-body-m-tablet)}.th ::slotted([slot=description]){font-size:var(--px-text-size-body-s-tablet)}.th ::slotted(*){font-size:var(--px-text-size-body-m-tablet)}}@media screen and (width>=64.0625rem){.th{padding:var(--px-padding-s-laptop) var(--px-padding-xs-laptop);font-size:var(--px-text-size-body-m-laptop)}.th ::slotted([slot=description]){font-size:var(--px-text-size-body-s-laptop)}.th ::slotted(*){font-size:var(--px-text-size-body-m-laptop)}}", f = new CSSStyleSheet();
50
53
  f.replaceSync(d);
51
54
  var p = class n extends HTMLElement {
@@ -62,7 +65,8 @@ var p = class n extends HTMLElement {
62
65
  }
63
66
  };
64
67
  customElements.get("px-th") || customElements.define("px-th", p);
65
- // src/tbody.css?inline
68
+ //#endregion
69
+ //#region src/tbody.css?inline
66
70
  var m = ":host{display:table-row-group}::slotted(px-tr){background-color:var(--px-color-background-container-default-default)}::slotted(px-tr:hover){background-color:var(--px-color-background-state-hover-default)}", h = new CSSStyleSheet();
67
71
  h.replaceSync(m);
68
72
  var g = class n extends HTMLElement {
@@ -77,7 +81,8 @@ var g = class n extends HTMLElement {
77
81
  }
78
82
  };
79
83
  customElements.get("px-tbody") || customElements.define("px-tbody", g);
80
- // src/td.css?inline
84
+ //#endregion
85
+ //#region src/td.css?inline
81
86
  var _ = ":host{vertical-align:middle;line-height:var(--px-line-height-ratio-l);border-bottom:var(--px-size-border-m) solid var(--td-border-color-default,var(--px-color-border-main-default));display:table-cell}.td{height:100%;padding:var(--px-padding-s-mobile) var(--px-padding-xs-mobile);font-family:var(--px-font-family);font-weight:var(--px-font-weight-body);font-size:var(--px-text-size-body-m-mobile);line-height:var(--px-line-height-ratio-l);color:var(--px-color-text-neutral-default)}.td ::slotted([slot=description]){font-size:var(--px-text-size-body-s-mobile);color:var(--px-color-text-dimmed-default)}.td ::slotted(*){font-size:var(--px-text-size-body-m-mobile);line-height:var(--px-line-height-ratio-l)}@media screen and (width>=48rem){.td{padding:var(--px-padding-s-tablet) var(--px-padding-xs-tablet);font-size:var(--px-text-size-body-m-tablet)}.td ::slotted([slot=description]){font-size:var(--px-text-size-body-s-tablet)}.td ::slotted(*){font-size:var(--px-text-size-body-m-tablet)}}@media screen and (width>=64.0625rem){.td{padding:var(--px-padding-s-laptop) var(--px-padding-xs-laptop);font-size:var(--px-text-size-body-m-laptop)}.td ::slotted([slot=description]){font-size:var(--px-text-size-body-s-laptop)}.td ::slotted(*){font-size:var(--px-text-size-body-m-laptop)}}", v = new CSSStyleSheet();
82
87
  v.replaceSync(_);
83
88
  var y = class n extends HTMLElement {
@@ -96,4 +101,5 @@ var y = class n extends HTMLElement {
96
101
  }
97
102
  };
98
103
  customElements.get("px-td") || customElements.define("px-td", y);
104
+ //#endregion
99
105
  export { i as Table, g as Tbody, y as Td, p as Th, s as Thead, u as Tr };
package/dist/web-types.json CHANGED
@@ -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-table",
4
- "version": "1.4.18-beta.1",
4
+ "version": "1.4.18",
5
5
  "description-markup": "markdown",
6
6
  "contributions": {
7
7
  "html": {
8
8
  "elements": [
9
9
  {
10
10
  "name": "px-table",
11
- "description": "\n---\n",
11
+ "description": "\n\n---\n",
12
12
  "doc-url": "",
13
13
  "attributes": [],
14
14
  "events": [],
@@ -19,7 +19,7 @@
19
19
  },
20
20
  {
21
21
  "name": "px-tbody",
22
- "description": "\n---\n",
22
+ "description": "\n\n---\n",
23
23
  "doc-url": "",
24
24
  "attributes": [],
25
25
  "events": [],
@@ -30,7 +30,7 @@
30
30
  },
31
31
  {
32
32
  "name": "px-td",
33
- "description": "\n---\n",
33
+ "description": "\n\n---\n",
34
34
  "doc-url": "",
35
35
  "attributes": [],
36
36
  "events": [],
@@ -41,7 +41,7 @@
41
41
  },
42
42
  {
43
43
  "name": "px-th",
44
- "description": "\n---\n",
44
+ "description": "\n\n---\n",
45
45
  "doc-url": "",
46
46
  "attributes": [],
47
47
  "events": [],
@@ -52,7 +52,7 @@
52
52
  },
53
53
  {
54
54
  "name": "px-thead",
55
- "description": "\n---\n",
55
+ "description": "\n\n---\n",
56
56
  "doc-url": "",
57
57
  "attributes": [],
58
58
  "events": [],
@@ -63,7 +63,7 @@
63
63
  },
64
64
  {
65
65
  "name": "px-tr",
66
- "description": "\n---\n",
66
+ "description": "\n\n---\n",
67
67
  "doc-url": "",
68
68
  "attributes": [],
69
69
  "events": [],
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@proximus/lavender-table",
3
- "version": "1.4.18-beta.1",
3
+ "version": "1.4.18",
4
4
  "description": "",
5
5
  "main": "dist/index.es.js",
6
6
  "types": "dist/index.d.ts",