@maggioli-design-system/mds-table-row 2.0.2 → 3.0.0
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/cjs/loader.cjs.js +1 -1
- package/dist/cjs/mds-table-row.cjs.entry.js +1 -1
- package/dist/cjs/mds-table-row.cjs.js +1 -1
- package/dist/collection/collection-manifest.json +2 -2
- package/dist/collection/components/mds-table-row/mds-table-row.css +1 -26
- package/dist/components/mds-table-row.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/mds-table-row.entry.js +1 -1
- package/dist/esm/mds-table-row.js +1 -1
- package/dist/esm-es5/mds-table-row.entry.js +1 -1
- package/dist/mds-table-row/mds-table-row.esm.js +1 -1
- package/dist/mds-table-row/mds-table-row.js +1 -1
- package/dist/mds-table-row/p-02435eb4.entry.js +1 -0
- package/{www/build/p-2ca79ad0.system.js → dist/mds-table-row/p-76031000.system.js} +1 -1
- package/dist/mds-table-row/p-c7a8ce4b.system.entry.js +1 -0
- package/dist/stats.json +17 -38
- package/package.json +5 -5
- package/readme.md +0 -10
- package/src/components/mds-table-row/mds-table-row.css +2 -26
- package/src/components/mds-table-row/readme.md +0 -10
- package/src/fixtures/icons.json +3 -0
- package/www/build/mds-table-row.esm.js +1 -1
- package/www/build/mds-table-row.js +1 -1
- package/www/build/p-02435eb4.entry.js +1 -0
- package/{dist/mds-table-row/p-2ca79ad0.system.js → www/build/p-76031000.system.js} +1 -1
- package/www/build/p-c7a8ce4b.system.entry.js +1 -0
- package/dist/mds-table-row/p-2a317845.system.entry.js +0 -1
- package/dist/mds-table-row/p-c9a97ed3.entry.js +0 -1
- package/www/build/p-2a317845.system.entry.js +0 -1
- package/www/build/p-c9a97ed3.entry.js +0 -1
package/dist/cjs/loader.cjs.js
CHANGED
|
@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
5
5
|
const index = require('./index-516d954b.js');
|
|
6
6
|
|
|
7
7
|
/*
|
|
8
|
-
Stencil Client Patch Esm v2.
|
|
8
|
+
Stencil Client Patch Esm v2.20.0 | MIT Licensed | https://stenciljs.com
|
|
9
9
|
*/
|
|
10
10
|
const patchEsm = () => {
|
|
11
11
|
return index.promiseResolve();
|
|
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
const index = require('./index-516d954b.js');
|
|
6
6
|
|
|
7
|
-
const mdsTableRowCss = ".fixed{position:fixed}.absolute{position:absolute}.border{border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host{display:table-row
|
|
7
|
+
const mdsTableRowCss = ".fixed{position:fixed}.absolute{position:absolute}.border{border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host{display:table-row}:host([interactive]:hover){--mds-table-cell-background:var(--mds-table-cell-background-hover, rgb(var(--tone-neutral)))}";
|
|
8
8
|
|
|
9
9
|
const MdsTableRow = class {
|
|
10
10
|
constructor(hostRef) {
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
const index = require('./index-516d954b.js');
|
|
4
4
|
|
|
5
5
|
/*
|
|
6
|
-
Stencil Client Patch Browser v2.
|
|
6
|
+
Stencil Client Patch Browser v2.20.0 | MIT Licensed | https://stenciljs.com
|
|
7
7
|
*/
|
|
8
8
|
const patchBrowser = () => {
|
|
9
9
|
const importMeta = (typeof document === 'undefined' ? new (require('u' + 'rl').URL)('file:' + __filename).href : (document.currentScript && document.currentScript.src || new URL('mds-table-row.cjs.js', document.baseURI).href));
|
|
@@ -22,37 +22,12 @@
|
|
|
22
22
|
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
|
23
23
|
}
|
|
24
24
|
|
|
25
|
-
/**
|
|
26
|
-
* @prop --background-row-hover: The cell background-color when the mouse go over the table row element
|
|
27
|
-
* @prop --border-color: The border color between table rows
|
|
28
|
-
* @prop --border-width: The border width between table rows
|
|
29
|
-
* @prop --radius: The radius of the table (header and footer excluded)
|
|
30
|
-
*/
|
|
31
|
-
|
|
32
25
|
:host {
|
|
33
26
|
|
|
34
27
|
display: table-row;
|
|
35
|
-
|
|
36
|
-
border-bottom-width: 1px;
|
|
37
|
-
|
|
38
|
-
border-bottom: var(--border-width, 2px) solid var(--border-color, rgb(var(--tone-neutral-09)));
|
|
39
|
-
}
|
|
40
|
-
|
|
41
|
-
:host ( :first-child ) {
|
|
42
|
-
|
|
43
|
-
--radius-top-left: var(--radius, 0.5rem);
|
|
44
|
-
--radius-top-right: var(--radius, 0.5rem);
|
|
45
|
-
}
|
|
46
|
-
|
|
47
|
-
:host ( :last-child ) {
|
|
48
|
-
|
|
49
|
-
border-color: transparent;
|
|
50
|
-
|
|
51
|
-
--radius-bottom-left: var(--radius, 0.5rem);
|
|
52
|
-
--radius-bottom-right: var(--radius, 0.5rem);
|
|
53
28
|
}
|
|
54
29
|
|
|
55
30
|
:host ( [interactive]:hover ) {
|
|
56
31
|
|
|
57
|
-
--background: var(--background-
|
|
32
|
+
--mds-table-cell-background: var(--mds-table-cell-background-hover, rgb(var(--tone-neutral)));
|
|
58
33
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
|
|
2
2
|
|
|
3
|
-
const mdsTableRowCss = ".fixed{position:fixed}.absolute{position:absolute}.border{border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host{display:table-row
|
|
3
|
+
const mdsTableRowCss = ".fixed{position:fixed}.absolute{position:absolute}.border{border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host{display:table-row}:host([interactive]:hover){--mds-table-cell-background:var(--mds-table-cell-background-hover, rgb(var(--tone-neutral)))}";
|
|
4
4
|
|
|
5
5
|
const MdsTableRow$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
|
|
6
6
|
constructor() {
|
package/dist/esm/loader.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { p as promiseResolve, b as bootstrapLazy } from './index-e2bb9874.js';
|
|
2
2
|
|
|
3
3
|
/*
|
|
4
|
-
Stencil Client Patch Esm v2.
|
|
4
|
+
Stencil Client Patch Esm v2.20.0 | MIT Licensed | https://stenciljs.com
|
|
5
5
|
*/
|
|
6
6
|
const patchEsm = () => {
|
|
7
7
|
return promiseResolve();
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { r as registerInstance, h, H as Host } from './index-e2bb9874.js';
|
|
2
2
|
|
|
3
|
-
const mdsTableRowCss = ".fixed{position:fixed}.absolute{position:absolute}.border{border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host{display:table-row
|
|
3
|
+
const mdsTableRowCss = ".fixed{position:fixed}.absolute{position:absolute}.border{border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host{display:table-row}:host([interactive]:hover){--mds-table-cell-background:var(--mds-table-cell-background-hover, rgb(var(--tone-neutral)))}";
|
|
4
4
|
|
|
5
5
|
const MdsTableRow = class {
|
|
6
6
|
constructor(hostRef) {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { p as promiseResolve, b as bootstrapLazy } from './index-e2bb9874.js';
|
|
2
2
|
|
|
3
3
|
/*
|
|
4
|
-
Stencil Client Patch Browser v2.
|
|
4
|
+
Stencil Client Patch Browser v2.20.0 | MIT Licensed | https://stenciljs.com
|
|
5
5
|
*/
|
|
6
6
|
const patchBrowser = () => {
|
|
7
7
|
const importMeta = import.meta.url;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as registerInstance,h,H as Host}from"./index-e2bb9874.js";var mdsTableRowCss=".fixed{position:fixed}.absolute{position:absolute}.border{border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host{display:table-row
|
|
1
|
+
import{r as registerInstance,h,H as Host}from"./index-e2bb9874.js";var mdsTableRowCss=".fixed{position:fixed}.absolute{position:absolute}.border{border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host{display:table-row}:host([interactive]:hover){--mds-table-cell-background:var(--mds-table-cell-background-hover, rgb(var(--tone-neutral)))}";var MdsTableRow=function(){function o(o){registerInstance(this,o);this.interactive=undefined}o.prototype.tableInteractiveHandler=function(o){this.interactive=o.detail};o.prototype.render=function(){return h(Host,{role:"row"},h("slot",null))};return o}();MdsTableRow.style=mdsTableRowCss;export{MdsTableRow as mds_table_row};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,b as t}from"./p-a14f9222.js";(()=>{const t=import.meta.url,a={};return""!==t&&(a.resourcesUrl=new URL(".",t).href),e(a)})().then((e=>t([["p-
|
|
1
|
+
import{p as e,b as t}from"./p-a14f9222.js";(()=>{const t=import.meta.url,a={};return""!==t&&(a.resourcesUrl=new URL(".",t).href),e(a)})().then((e=>t([["p-02435eb4",[[1,"mds-table-row",{interactive:[1540]},[[16,"tableInteractive","tableInteractiveHandler"]]]]]],e)));
|
|
@@ -115,7 +115,7 @@ DOMTokenList
|
|
|
115
115
|
var resourcesUrl = scriptElm ? scriptElm.getAttribute('data-resources-url') || scriptElm.src : '';
|
|
116
116
|
var start = function() {
|
|
117
117
|
// if src is not present then origin is "null", and new URL() throws TypeError: Failed to construct 'URL': Invalid base URL
|
|
118
|
-
var url = new URL('./p-
|
|
118
|
+
var url = new URL('./p-76031000.system.js', new URL(resourcesUrl, window.location.origin !== 'null' ? window.location.origin : undefined));
|
|
119
119
|
System.import(url.href);
|
|
120
120
|
};
|
|
121
121
|
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as o,h as r,H as a}from"./p-a14f9222.js";const t=class{constructor(r){o(this,r),this.interactive=void 0}tableInteractiveHandler(o){this.interactive=o.detail}render(){return r(a,{role:"row"},r("slot",null))}};t.style=".fixed{position:fixed}.absolute{position:absolute}.border{border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host{display:table-row}:host([interactive]:hover){--mds-table-cell-background:var(--mds-table-cell-background-hover, rgb(var(--tone-neutral)))}";export{t as mds_table_row}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
System.register(["./p-2689570a.system.js"],(function(e,t){"use strict";var r,n;return{setters:[function(e){r=e.p;n=e.b}],execute:function(){var e=function(){var e=t.meta.url;var n={};if(e!==""){n.resourcesUrl=new URL(".",e).href}return r(n)};e().then((function(e){return n([["p-
|
|
1
|
+
System.register(["./p-2689570a.system.js"],(function(e,t){"use strict";var r,n;return{setters:[function(e){r=e.p;n=e.b}],execute:function(){var e=function(){var e=t.meta.url;var n={};if(e!==""){n.resourcesUrl=new URL(".",e).href}return r(n)};e().then((function(e){return n([["p-c7a8ce4b.system",[[1,"mds-table-row",{interactive:[1540]},[[16,"tableInteractive","tableInteractiveHandler"]]]]]],e)}))}}}));
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
System.register(["./p-2689570a.system.js"],(function(t){"use strict";var r,o,e;return{setters:[function(t){r=t.r;o=t.h;e=t.H}],execute:function(){var a=".fixed{position:fixed}.absolute{position:absolute}.border{border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host{display:table-row}:host([interactive]:hover){--mds-table-cell-background:var(--mds-table-cell-background-hover, rgb(var(--tone-neutral)))}";var s=t("mds_table_row",function(){function t(t){r(this,t);this.interactive=undefined}t.prototype.tableInteractiveHandler=function(t){this.interactive=t.detail};t.prototype.render=function(){return o(e,{role:"row"},o("slot",null))};return t}());s.style=a}}}));
|
package/dist/stats.json
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
{
|
|
2
|
-
"timestamp": "
|
|
2
|
+
"timestamp": "2023-01-05T13:59:50",
|
|
3
3
|
"compiler": {
|
|
4
4
|
"name": "node",
|
|
5
5
|
"version": "18.3.0"
|
|
@@ -73,21 +73,21 @@
|
|
|
73
73
|
"./dist/mds-table-row/index.esm.js",
|
|
74
74
|
"./dist/mds-table-row/mds-table-row.esm.js",
|
|
75
75
|
"./dist/mds-table-row/mds-table-row.js",
|
|
76
|
+
"./dist/mds-table-row/p-02435eb4.entry.js",
|
|
76
77
|
"./dist/mds-table-row/p-2689570a.system.js",
|
|
77
|
-
"./dist/mds-table-row/p-2a317845.system.entry.js",
|
|
78
|
-
"./dist/mds-table-row/p-2ca79ad0.system.js",
|
|
79
78
|
"./dist/mds-table-row/p-50ea2036.system.js",
|
|
79
|
+
"./dist/mds-table-row/p-76031000.system.js",
|
|
80
80
|
"./dist/mds-table-row/p-a14f9222.js",
|
|
81
|
-
"./dist/mds-table-row/p-
|
|
81
|
+
"./dist/mds-table-row/p-c7a8ce4b.system.entry.js",
|
|
82
82
|
"./www/build/index.esm.js",
|
|
83
83
|
"./www/build/mds-table-row.esm.js",
|
|
84
84
|
"./www/build/mds-table-row.js",
|
|
85
|
+
"./www/build/p-02435eb4.entry.js",
|
|
85
86
|
"./www/build/p-2689570a.system.js",
|
|
86
|
-
"./www/build/p-2a317845.system.entry.js",
|
|
87
|
-
"./www/build/p-2ca79ad0.system.js",
|
|
88
87
|
"./www/build/p-50ea2036.system.js",
|
|
88
|
+
"./www/build/p-76031000.system.js",
|
|
89
89
|
"./www/build/p-a14f9222.js",
|
|
90
|
-
"./www/build/p-
|
|
90
|
+
"./www/build/p-c7a8ce4b.system.entry.js"
|
|
91
91
|
]
|
|
92
92
|
},
|
|
93
93
|
{
|
|
@@ -120,12 +120,12 @@
|
|
|
120
120
|
"components": [
|
|
121
121
|
"mds-table-row"
|
|
122
122
|
],
|
|
123
|
-
"bundleId": "p-
|
|
124
|
-
"fileName": "p-
|
|
123
|
+
"bundleId": "p-02435eb4",
|
|
124
|
+
"fileName": "p-02435eb4.entry.js",
|
|
125
125
|
"imports": [
|
|
126
126
|
"p-a14f9222.js"
|
|
127
127
|
],
|
|
128
|
-
"originalByteSize":
|
|
128
|
+
"originalByteSize": 1067
|
|
129
129
|
}
|
|
130
130
|
],
|
|
131
131
|
"esm": [
|
|
@@ -139,7 +139,7 @@
|
|
|
139
139
|
"imports": [
|
|
140
140
|
"index-e2bb9874.js"
|
|
141
141
|
],
|
|
142
|
-
"originalByteSize":
|
|
142
|
+
"originalByteSize": 1071
|
|
143
143
|
}
|
|
144
144
|
],
|
|
145
145
|
"es5": [
|
|
@@ -153,7 +153,7 @@
|
|
|
153
153
|
"imports": [
|
|
154
154
|
"index-e2bb9874.js"
|
|
155
155
|
],
|
|
156
|
-
"originalByteSize":
|
|
156
|
+
"originalByteSize": 1071
|
|
157
157
|
}
|
|
158
158
|
],
|
|
159
159
|
"system": [
|
|
@@ -162,12 +162,12 @@
|
|
|
162
162
|
"components": [
|
|
163
163
|
"mds-table-row"
|
|
164
164
|
],
|
|
165
|
-
"bundleId": "p-
|
|
166
|
-
"fileName": "p-
|
|
165
|
+
"bundleId": "p-c7a8ce4b.system",
|
|
166
|
+
"fileName": "p-c7a8ce4b.system.entry.js",
|
|
167
167
|
"imports": [
|
|
168
168
|
"p-2689570a.system.js"
|
|
169
169
|
],
|
|
170
|
-
"originalByteSize":
|
|
170
|
+
"originalByteSize": 1352
|
|
171
171
|
}
|
|
172
172
|
],
|
|
173
173
|
"commonjs": [
|
|
@@ -181,7 +181,7 @@
|
|
|
181
181
|
"imports": [
|
|
182
182
|
"index-516d954b.js"
|
|
183
183
|
],
|
|
184
|
-
"originalByteSize":
|
|
184
|
+
"originalByteSize": 1141
|
|
185
185
|
}
|
|
186
186
|
]
|
|
187
187
|
},
|
|
@@ -308,28 +308,7 @@
|
|
|
308
308
|
"legacyContext": [],
|
|
309
309
|
"internal": false,
|
|
310
310
|
"assetsDirs": [],
|
|
311
|
-
"styleDocs": [
|
|
312
|
-
{
|
|
313
|
-
"name": "--background-row-hover",
|
|
314
|
-
"docs": "The cell background-color when the mouse go over the table row element",
|
|
315
|
-
"annotation": "prop"
|
|
316
|
-
},
|
|
317
|
-
{
|
|
318
|
-
"name": "--border-color",
|
|
319
|
-
"docs": "The border color between table rows",
|
|
320
|
-
"annotation": "prop"
|
|
321
|
-
},
|
|
322
|
-
{
|
|
323
|
-
"name": "--border-width",
|
|
324
|
-
"docs": "The border width between table rows",
|
|
325
|
-
"annotation": "prop"
|
|
326
|
-
},
|
|
327
|
-
{
|
|
328
|
-
"name": "--radius",
|
|
329
|
-
"docs": "The radius of the table (header and footer excluded)",
|
|
330
|
-
"annotation": "prop"
|
|
331
|
-
}
|
|
332
|
-
],
|
|
311
|
+
"styleDocs": [],
|
|
333
312
|
"docs": {
|
|
334
313
|
"tags": [],
|
|
335
314
|
"text": ""
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@maggioli-design-system/mds-table-row",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "3.0.0",
|
|
4
4
|
"description": "mds-table-row is a web-component from Maggioli Design System Magma, built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.",
|
|
5
5
|
"main": "dist/index.cjs.js",
|
|
6
6
|
"module": "dist/index.js",
|
|
@@ -22,15 +22,15 @@
|
|
|
22
22
|
"prepublishOnly": "npm run build"
|
|
23
23
|
},
|
|
24
24
|
"dependencies": {
|
|
25
|
-
"@maggioli-design-system/mds-table-cell": "^
|
|
26
|
-
"@maggioli-design-system/styles": "^10.0.
|
|
27
|
-
"@stencil/core": "^2.
|
|
25
|
+
"@maggioli-design-system/mds-table-cell": "^3.0.0",
|
|
26
|
+
"@maggioli-design-system/styles": "^10.0.1",
|
|
27
|
+
"@stencil/core": "^2.20.0"
|
|
28
28
|
},
|
|
29
29
|
"license": "MIT",
|
|
30
30
|
"author": {
|
|
31
31
|
"name": "Vittorio Vittori",
|
|
32
32
|
"email": "vittorio.vittori@maggioli.it",
|
|
33
|
-
"url": "
|
|
33
|
+
"url": "https://vitto.github.io/vit.to/"
|
|
34
34
|
},
|
|
35
35
|
"contributors": [
|
|
36
36
|
{
|
package/readme.md
CHANGED
|
@@ -12,16 +12,6 @@
|
|
|
12
12
|
| `interactive` | `interactive` | | `boolean` | `undefined` |
|
|
13
13
|
|
|
14
14
|
|
|
15
|
-
## CSS Custom Properties
|
|
16
|
-
|
|
17
|
-
| Name | Description |
|
|
18
|
-
| ------------------------ | ---------------------------------------------------------------------- |
|
|
19
|
-
| `--background-row-hover` | The cell background-color when the mouse go over the table row element |
|
|
20
|
-
| `--border-color` | The border color between table rows |
|
|
21
|
-
| `--border-width` | The border width between table rows |
|
|
22
|
-
| `--radius` | The radius of the table (header and footer excluded) |
|
|
23
|
-
|
|
24
|
-
|
|
25
15
|
----------------------------------------------
|
|
26
16
|
|
|
27
17
|
Built with love @ **Maggioli Informatica / R&D Department**
|
|
@@ -1,34 +1,10 @@
|
|
|
1
1
|
@tailwind utilities;
|
|
2
2
|
|
|
3
|
-
/**
|
|
4
|
-
* @prop --background-row-hover: The cell background-color when the mouse go over the table row element
|
|
5
|
-
* @prop --border-color: The border color between table rows
|
|
6
|
-
* @prop --border-width: The border width between table rows
|
|
7
|
-
* @prop --radius: The radius of the table (header and footer excluded)
|
|
8
|
-
*/
|
|
9
|
-
|
|
10
3
|
:host {
|
|
11
|
-
@apply
|
|
12
|
-
border-b
|
|
13
|
-
table-row;
|
|
14
|
-
|
|
15
|
-
border-bottom: var(--border-width, theme('borderWidth.2')) solid var(--border-color, theme('colors.tone-neutral-09'));
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
:host ( :first-child ) {
|
|
19
|
-
|
|
20
|
-
--radius-top-left: var(--radius, theme('borderRadius.lg'));
|
|
21
|
-
--radius-top-right: var(--radius, theme('borderRadius.lg'));
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
:host ( :last-child ) {
|
|
25
|
-
@apply border-transparent;
|
|
26
|
-
|
|
27
|
-
--radius-bottom-left: var(--radius, theme('borderRadius.lg'));
|
|
28
|
-
--radius-bottom-right: var(--radius, theme('borderRadius.lg'));
|
|
4
|
+
@apply table-row;
|
|
29
5
|
}
|
|
30
6
|
|
|
31
7
|
:host ( [interactive]:hover ) {
|
|
32
8
|
|
|
33
|
-
--background: var(--background-
|
|
9
|
+
--mds-table-cell-background: var(--mds-table-cell-background-hover, theme('colors.tone-neutral'));
|
|
34
10
|
}
|
|
@@ -12,16 +12,6 @@
|
|
|
12
12
|
| `interactive` | `interactive` | | `boolean` | `undefined` |
|
|
13
13
|
|
|
14
14
|
|
|
15
|
-
## CSS Custom Properties
|
|
16
|
-
|
|
17
|
-
| Name | Description |
|
|
18
|
-
| ------------------------ | ---------------------------------------------------------------------- |
|
|
19
|
-
| `--background-row-hover` | The cell background-color when the mouse go over the table row element |
|
|
20
|
-
| `--border-color` | The border color between table rows |
|
|
21
|
-
| `--border-width` | The border width between table rows |
|
|
22
|
-
| `--radius` | The radius of the table (header and footer excluded) |
|
|
23
|
-
|
|
24
|
-
|
|
25
15
|
----------------------------------------------
|
|
26
16
|
|
|
27
17
|
Built with love @ **Maggioli Informatica / R&D Department**
|
package/src/fixtures/icons.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,b as t}from"./p-a14f9222.js";(()=>{const t=import.meta.url,a={};return""!==t&&(a.resourcesUrl=new URL(".",t).href),e(a)})().then((e=>t([["p-
|
|
1
|
+
import{p as e,b as t}from"./p-a14f9222.js";(()=>{const t=import.meta.url,a={};return""!==t&&(a.resourcesUrl=new URL(".",t).href),e(a)})().then((e=>t([["p-02435eb4",[[1,"mds-table-row",{interactive:[1540]},[[16,"tableInteractive","tableInteractiveHandler"]]]]]],e)));
|
|
@@ -115,7 +115,7 @@ DOMTokenList
|
|
|
115
115
|
var resourcesUrl = scriptElm ? scriptElm.getAttribute('data-resources-url') || scriptElm.src : '';
|
|
116
116
|
var start = function() {
|
|
117
117
|
// if src is not present then origin is "null", and new URL() throws TypeError: Failed to construct 'URL': Invalid base URL
|
|
118
|
-
var url = new URL('./p-
|
|
118
|
+
var url = new URL('./p-76031000.system.js', new URL(resourcesUrl, window.location.origin !== 'null' ? window.location.origin : undefined));
|
|
119
119
|
System.import(url.href);
|
|
120
120
|
};
|
|
121
121
|
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as o,h as r,H as a}from"./p-a14f9222.js";const t=class{constructor(r){o(this,r),this.interactive=void 0}tableInteractiveHandler(o){this.interactive=o.detail}render(){return r(a,{role:"row"},r("slot",null))}};t.style=".fixed{position:fixed}.absolute{position:absolute}.border{border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host{display:table-row}:host([interactive]:hover){--mds-table-cell-background:var(--mds-table-cell-background-hover, rgb(var(--tone-neutral)))}";export{t as mds_table_row}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
System.register(["./p-2689570a.system.js"],(function(e,t){"use strict";var r,n;return{setters:[function(e){r=e.p;n=e.b}],execute:function(){var e=function(){var e=t.meta.url;var n={};if(e!==""){n.resourcesUrl=new URL(".",e).href}return r(n)};e().then((function(e){return n([["p-
|
|
1
|
+
System.register(["./p-2689570a.system.js"],(function(e,t){"use strict";var r,n;return{setters:[function(e){r=e.p;n=e.b}],execute:function(){var e=function(){var e=t.meta.url;var n={};if(e!==""){n.resourcesUrl=new URL(".",e).href}return r(n)};e().then((function(e){return n([["p-c7a8ce4b.system",[[1,"mds-table-row",{interactive:[1540]},[[16,"tableInteractive","tableInteractiveHandler"]]]]]],e)}))}}}));
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
System.register(["./p-2689570a.system.js"],(function(t){"use strict";var r,o,e;return{setters:[function(t){r=t.r;o=t.h;e=t.H}],execute:function(){var a=".fixed{position:fixed}.absolute{position:absolute}.border{border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host{display:table-row}:host([interactive]:hover){--mds-table-cell-background:var(--mds-table-cell-background-hover, rgb(var(--tone-neutral)))}";var s=t("mds_table_row",function(){function t(t){r(this,t);this.interactive=undefined}t.prototype.tableInteractiveHandler=function(t){this.interactive=t.detail};t.prototype.render=function(){return o(e,{role:"row"},o("slot",null))};return t}());s.style=a}}}));
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
System.register(["./p-2689570a.system.js"],(function(r){"use strict";var t,o,e;return{setters:[function(r){t=r.r;o=r.h;e=r.H}],execute:function(){var a=".fixed{position:fixed}.absolute{position:absolute}.border{border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host{display:table-row;border-bottom-width:1px;border-bottom:var(--border-width, 2px) solid var(--border-color, rgb(var(--tone-neutral-09)))}:host(:first-child){--radius-top-left:var(--radius, 0.5rem);--radius-top-right:var(--radius, 0.5rem)}:host(:last-child){border-color:transparent;--radius-bottom-left:var(--radius, 0.5rem);--radius-bottom-right:var(--radius, 0.5rem)}:host([interactive]:hover){--background:var(--background-row-hover, rgb(var(--tone-neutral)))}";var s=r("mds_table_row",function(){function r(r){t(this,r);this.interactive=undefined}r.prototype.tableInteractiveHandler=function(r){this.interactive=r.detail};r.prototype.render=function(){return o(e,{role:"row"},o("slot",null))};return r}());s.style=a}}}));
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r,h as o,H as t}from"./p-a14f9222.js";const a=class{constructor(o){r(this,o),this.interactive=void 0}tableInteractiveHandler(r){this.interactive=r.detail}render(){return o(t,{role:"row"},o("slot",null))}};a.style=".fixed{position:fixed}.absolute{position:absolute}.border{border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host{display:table-row;border-bottom-width:1px;border-bottom:var(--border-width, 2px) solid var(--border-color, rgb(var(--tone-neutral-09)))}:host(:first-child){--radius-top-left:var(--radius, 0.5rem);--radius-top-right:var(--radius, 0.5rem)}:host(:last-child){border-color:transparent;--radius-bottom-left:var(--radius, 0.5rem);--radius-bottom-right:var(--radius, 0.5rem)}:host([interactive]:hover){--background:var(--background-row-hover, rgb(var(--tone-neutral)))}";export{a as mds_table_row}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
System.register(["./p-2689570a.system.js"],(function(r){"use strict";var t,o,e;return{setters:[function(r){t=r.r;o=r.h;e=r.H}],execute:function(){var a=".fixed{position:fixed}.absolute{position:absolute}.border{border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host{display:table-row;border-bottom-width:1px;border-bottom:var(--border-width, 2px) solid var(--border-color, rgb(var(--tone-neutral-09)))}:host(:first-child){--radius-top-left:var(--radius, 0.5rem);--radius-top-right:var(--radius, 0.5rem)}:host(:last-child){border-color:transparent;--radius-bottom-left:var(--radius, 0.5rem);--radius-bottom-right:var(--radius, 0.5rem)}:host([interactive]:hover){--background:var(--background-row-hover, rgb(var(--tone-neutral)))}";var s=r("mds_table_row",function(){function r(r){t(this,r);this.interactive=undefined}r.prototype.tableInteractiveHandler=function(r){this.interactive=r.detail};r.prototype.render=function(){return o(e,{role:"row"},o("slot",null))};return r}());s.style=a}}}));
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r,h as o,H as t}from"./p-a14f9222.js";const a=class{constructor(o){r(this,o),this.interactive=void 0}tableInteractiveHandler(r){this.interactive=r.detail}render(){return o(t,{role:"row"},o("slot",null))}};a.style=".fixed{position:fixed}.absolute{position:absolute}.border{border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host{display:table-row;border-bottom-width:1px;border-bottom:var(--border-width, 2px) solid var(--border-color, rgb(var(--tone-neutral-09)))}:host(:first-child){--radius-top-left:var(--radius, 0.5rem);--radius-top-right:var(--radius, 0.5rem)}:host(:last-child){border-color:transparent;--radius-bottom-left:var(--radius, 0.5rem);--radius-bottom-right:var(--radius, 0.5rem)}:host([interactive]:hover){--background:var(--background-row-hover, rgb(var(--tone-neutral)))}";export{a as mds_table_row}
|