@maggioli-design-system/mds-table-row 1.2.1 → 1.3.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.
@@ -45,7 +45,7 @@ function clsx () {
45
45
  return str;
46
46
  }
47
47
 
48
- const mdsTableRowCss = ".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)}mds-table-row{display:table-row;border-bottom-width:1px;border-bottom-color:var(--border-color, rgb(var(--adjust-tone-09)));border-bottom-style:solid}mds-table-row:last-child{border-color:transparent}mds-table-row:first-child mds-table-cell:first-child{border-top-left-radius:var(--radius, 0.5rem)}mds-table-row:last-child mds-table-cell:first-child{border-bottom-left-radius:var(--radius, 0.5rem)}mds-table-row:first-child mds-table-cell:last-child{border-top-right-radius:var(--radius, 0.5rem)}mds-table-row:last-child mds-table-cell:last-child{border-bottom-right-radius:var(--radius, 0.5rem)}mds-table-row:focus{opacity:0.5}mds-table-row.interactive:hover mds-table-cell{background-color:var(--background-row-hover, rgb(var(--adjust-tone))) !important}";
48
+ const mdsTableRowCss = ".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)}mds-table-row{display:table-row;border-bottom-width:1px;border-bottom:var(--border-width, 2px) solid var(--border-color, rgb(var(--adjust-tone-09)))}mds-table-row:last-child{border-color:transparent}mds-table-row:first-child mds-table-cell:first-child{border-top-left-radius:var(--radius, 0.5rem)}mds-table-row:last-child mds-table-cell:first-child{border-bottom-left-radius:var(--radius, 0.5rem)}mds-table-row:first-child mds-table-cell:last-child{border-top-right-radius:var(--radius, 0.5rem)}mds-table-row:last-child mds-table-cell:last-child{border-bottom-right-radius:var(--radius, 0.5rem)}mds-table-row:focus{opacity:0.5}mds-table-row.interactive:hover mds-table-cell{background-color:var(--background-row-hover, rgb(var(--adjust-tone))) !important}";
49
49
 
50
50
  let MdsTableRow = class {
51
51
  constructor(hostRef) {
@@ -15,6 +15,7 @@
15
15
  /**
16
16
  * @prop --background-row-hover: The cell background-color when the mouse go over the table row element
17
17
  * @prop --border-color: The border color between table rows
18
+ * @prop --border-width: The border width between table rows
18
19
  * @prop --radius: The radius of the table (header and footer excluded)
19
20
  */
20
21
 
@@ -24,8 +25,7 @@ mds-table-row {
24
25
 
25
26
  border-bottom-width: 1px;
26
27
 
27
- border-bottom-color: var(--border-color, rgb(var(--adjust-tone-09)));
28
- border-bottom-style: solid;
28
+ border-bottom: var(--border-width, 2px) solid var(--border-color, rgb(var(--adjust-tone-09)));
29
29
  }
30
30
 
31
31
  mds-table-row:last-child {
@@ -41,7 +41,7 @@ function clsx () {
41
41
  return str;
42
42
  }
43
43
 
44
- const mdsTableRowCss = ".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)}mds-table-row{display:table-row;border-bottom-width:1px;border-bottom-color:var(--border-color, rgb(var(--adjust-tone-09)));border-bottom-style:solid}mds-table-row:last-child{border-color:transparent}mds-table-row:first-child mds-table-cell:first-child{border-top-left-radius:var(--radius, 0.5rem)}mds-table-row:last-child mds-table-cell:first-child{border-bottom-left-radius:var(--radius, 0.5rem)}mds-table-row:first-child mds-table-cell:last-child{border-top-right-radius:var(--radius, 0.5rem)}mds-table-row:last-child mds-table-cell:last-child{border-bottom-right-radius:var(--radius, 0.5rem)}mds-table-row:focus{opacity:0.5}mds-table-row.interactive:hover mds-table-cell{background-color:var(--background-row-hover, rgb(var(--adjust-tone))) !important}";
44
+ const mdsTableRowCss = ".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)}mds-table-row{display:table-row;border-bottom-width:1px;border-bottom:var(--border-width, 2px) solid var(--border-color, rgb(var(--adjust-tone-09)))}mds-table-row:last-child{border-color:transparent}mds-table-row:first-child mds-table-cell:first-child{border-top-left-radius:var(--radius, 0.5rem)}mds-table-row:last-child mds-table-cell:first-child{border-bottom-left-radius:var(--radius, 0.5rem)}mds-table-row:first-child mds-table-cell:last-child{border-top-right-radius:var(--radius, 0.5rem)}mds-table-row:last-child mds-table-cell:last-child{border-bottom-right-radius:var(--radius, 0.5rem)}mds-table-row:focus{opacity:0.5}mds-table-row.interactive:hover mds-table-cell{background-color:var(--background-row-hover, rgb(var(--adjust-tone))) !important}";
45
45
 
46
46
  let MdsTableRow$1 = class extends HTMLElement {
47
47
  constructor() {
@@ -41,7 +41,7 @@ function clsx () {
41
41
  return str;
42
42
  }
43
43
 
44
- const mdsTableRowCss = ".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)}mds-table-row{display:table-row;border-bottom-width:1px;border-bottom-color:var(--border-color, rgb(var(--adjust-tone-09)));border-bottom-style:solid}mds-table-row:last-child{border-color:transparent}mds-table-row:first-child mds-table-cell:first-child{border-top-left-radius:var(--radius, 0.5rem)}mds-table-row:last-child mds-table-cell:first-child{border-bottom-left-radius:var(--radius, 0.5rem)}mds-table-row:first-child mds-table-cell:last-child{border-top-right-radius:var(--radius, 0.5rem)}mds-table-row:last-child mds-table-cell:last-child{border-bottom-right-radius:var(--radius, 0.5rem)}mds-table-row:focus{opacity:0.5}mds-table-row.interactive:hover mds-table-cell{background-color:var(--background-row-hover, rgb(var(--adjust-tone))) !important}";
44
+ const mdsTableRowCss = ".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)}mds-table-row{display:table-row;border-bottom-width:1px;border-bottom:var(--border-width, 2px) solid var(--border-color, rgb(var(--adjust-tone-09)))}mds-table-row:last-child{border-color:transparent}mds-table-row:first-child mds-table-cell:first-child{border-top-left-radius:var(--radius, 0.5rem)}mds-table-row:last-child mds-table-cell:first-child{border-bottom-left-radius:var(--radius, 0.5rem)}mds-table-row:first-child mds-table-cell:last-child{border-top-right-radius:var(--radius, 0.5rem)}mds-table-row:last-child mds-table-cell:last-child{border-bottom-right-radius:var(--radius, 0.5rem)}mds-table-row:focus{opacity:0.5}mds-table-row.interactive:hover mds-table-cell{background-color:var(--background-row-hover, rgb(var(--adjust-tone))) !important}";
45
45
 
46
46
  let MdsTableRow = class {
47
47
  constructor(hostRef) {
@@ -1 +1 @@
1
- import{r as registerInstance,h,H as Host}from"./index-7d849f54.js";function toVal(r){var t,o,e="";if(typeof r==="string"||typeof r==="number"){e+=r}else if(typeof r==="object"){if(Array.isArray(r)){for(t=0;t<r.length;t++){if(r[t]){if(o=toVal(r[t])){e&&(e+=" ");e+=o}}}}else{for(t in r){if(r[t]){e&&(e+=" ");e+=t}}}}return e}function clsx(){var r=0,t,o,e="";while(r<arguments.length){if(t=arguments[r++]){if(o=toVal(t)){e&&(e+=" ");e+=o}}}return e}var mdsTableRowCss=".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)}mds-table-row{display:table-row;border-bottom-width:1px;border-bottom-color:var(--border-color, rgb(var(--adjust-tone-09)));border-bottom-style:solid}mds-table-row:last-child{border-color:transparent}mds-table-row:first-child mds-table-cell:first-child{border-top-left-radius:var(--radius, 0.5rem)}mds-table-row:last-child mds-table-cell:first-child{border-bottom-left-radius:var(--radius, 0.5rem)}mds-table-row:first-child mds-table-cell:last-child{border-top-right-radius:var(--radius, 0.5rem)}mds-table-row:last-child mds-table-cell:last-child{border-bottom-right-radius:var(--radius, 0.5rem)}mds-table-row:focus{opacity:0.5}mds-table-row.interactive:hover mds-table-cell{background-color:var(--background-row-hover, rgb(var(--adjust-tone))) !important}";var MdsTableRow=function(){function r(r){registerInstance(this,r)}r.prototype.tableInteractiveHandler=function(r){this.interactive=r.detail};r.prototype.render=function(){return h(Host,{class:clsx(this.interactive&&"interactive"),role:"row"},h("slot",null))};return r}();MdsTableRow.style=mdsTableRowCss;export{MdsTableRow as mds_table_row};
1
+ import{r as registerInstance,h,H as Host}from"./index-7d849f54.js";function toVal(r){var t,o,a="";if(typeof r==="string"||typeof r==="number"){a+=r}else if(typeof r==="object"){if(Array.isArray(r)){for(t=0;t<r.length;t++){if(r[t]){if(o=toVal(r[t])){a&&(a+=" ");a+=o}}}}else{for(t in r){if(r[t]){a&&(a+=" ");a+=t}}}}return a}function clsx(){var r=0,t,o,a="";while(r<arguments.length){if(t=arguments[r++]){if(o=toVal(t)){a&&(a+=" ");a+=o}}}return a}var mdsTableRowCss=".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)}mds-table-row{display:table-row;border-bottom-width:1px;border-bottom:var(--border-width, 2px) solid var(--border-color, rgb(var(--adjust-tone-09)))}mds-table-row:last-child{border-color:transparent}mds-table-row:first-child mds-table-cell:first-child{border-top-left-radius:var(--radius, 0.5rem)}mds-table-row:last-child mds-table-cell:first-child{border-bottom-left-radius:var(--radius, 0.5rem)}mds-table-row:first-child mds-table-cell:last-child{border-top-right-radius:var(--radius, 0.5rem)}mds-table-row:last-child mds-table-cell:last-child{border-bottom-right-radius:var(--radius, 0.5rem)}mds-table-row:focus{opacity:0.5}mds-table-row.interactive:hover mds-table-cell{background-color:var(--background-row-hover, rgb(var(--adjust-tone))) !important}";var MdsTableRow=function(){function r(r){registerInstance(this,r)}r.prototype.tableInteractiveHandler=function(r){this.interactive=r.detail};r.prototype.render=function(){return h(Host,{class:clsx(this.interactive&&"interactive"),role:"row"},h("slot",null))};return r}();MdsTableRow.style=mdsTableRowCss;export{MdsTableRow as mds_table_row};
@@ -1 +1 @@
1
- import{p as t,b as e}from"./p-3619a466.js";(()=>{const e=import.meta.url,a={};return""!==e&&(a.resourcesUrl=new URL(".",e).href),t(a)})().then((t=>e([["p-dab964fd",[[4,"mds-table-row",{interactive:[32]},[[16,"tableInteractive","tableInteractiveHandler"]]]]]],t)));
1
+ import{p as t,b as e}from"./p-3619a466.js";(()=>{const e=import.meta.url,a={};return""!==e&&(a.resourcesUrl=new URL(".",e).href),t(a)})().then((t=>e([["p-db71d0ac",[[4,"mds-table-row",{interactive:[32]},[[16,"tableInteractive","tableInteractiveHandler"]]]]]],t)));
@@ -1 +1 @@
1
- System.register(["./p-13e3a2cc.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-031e68b1.system",[[4,"mds-table-row",{interactive:[32]},[[16,"tableInteractive","tableInteractiveHandler"]]]]]],e)}))}}}));
1
+ System.register(["./p-13e3a2cc.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-4829abc6.system",[[4,"mds-table-row",{interactive:[32]},[[16,"tableInteractive","tableInteractiveHandler"]]]]]],e)}))}}}));
@@ -0,0 +1 @@
1
+ System.register(["./p-13e3a2cc.system.js"],(function(r){"use strict";var t,e,o;return{setters:[function(r){t=r.r;e=r.h;o=r.H}],execute:function(){function a(r){var t,e,o="";if(typeof r==="string"||typeof r==="number"){o+=r}else if(typeof r==="object"){if(Array.isArray(r)){for(t=0;t<r.length;t++){if(r[t]){if(e=a(r[t])){o&&(o+=" ");o+=e}}}}else{for(t in r){if(r[t]){o&&(o+=" ");o+=t}}}}return o}function s(){var r=0,t,e,o="";while(r<arguments.length){if(t=arguments[r++]){if(e=a(t)){o&&(o+=" ");o+=e}}}return o}var i=".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)}mds-table-row{display:table-row;border-bottom-width:1px;border-bottom:var(--border-width, 2px) solid var(--border-color, rgb(var(--adjust-tone-09)))}mds-table-row:last-child{border-color:transparent}mds-table-row:first-child mds-table-cell:first-child{border-top-left-radius:var(--radius, 0.5rem)}mds-table-row:last-child mds-table-cell:first-child{border-bottom-left-radius:var(--radius, 0.5rem)}mds-table-row:first-child mds-table-cell:last-child{border-top-right-radius:var(--radius, 0.5rem)}mds-table-row:last-child mds-table-cell:last-child{border-bottom-right-radius:var(--radius, 0.5rem)}mds-table-row:focus{opacity:0.5}mds-table-row.interactive:hover mds-table-cell{background-color:var(--background-row-hover, rgb(var(--adjust-tone))) !important}";var d=r("mds_table_row",function(){function r(r){t(this,r)}r.prototype.tableInteractiveHandler=function(r){this.interactive=r.detail};r.prototype.render=function(){return e(o,{class:s(this.interactive&&"interactive"),role:"row"},e("slot",null))};return r}());d.style=i}}}));
@@ -0,0 +1 @@
1
+ import{r,h as t,H as o}from"./p-3619a466.js";function a(r){var t,o,e="";if("string"==typeof r||"number"==typeof r)e+=r;else if("object"==typeof r)if(Array.isArray(r))for(t=0;t<r.length;t++)r[t]&&(o=a(r[t]))&&(e&&(e+=" "),e+=o);else for(t in r)r[t]&&(e&&(e+=" "),e+=t);return e}function e(){for(var r,t,o=0,e="";o<arguments.length;)(r=arguments[o++])&&(t=a(r))&&(e&&(e+=" "),e+=t);return e}let s=class{constructor(t){r(this,t)}tableInteractiveHandler(r){this.interactive=r.detail}render(){return t(o,{class:e(this.interactive&&"interactive"),role:"row"},t("slot",null))}};s.style=".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)}mds-table-row{display:table-row;border-bottom-width:1px;border-bottom:var(--border-width, 2px) solid var(--border-color, rgb(var(--adjust-tone-09)))}mds-table-row:last-child{border-color:transparent}mds-table-row:first-child mds-table-cell:first-child{border-top-left-radius:var(--radius, 0.5rem)}mds-table-row:last-child mds-table-cell:first-child{border-bottom-left-radius:var(--radius, 0.5rem)}mds-table-row:first-child mds-table-cell:last-child{border-top-right-radius:var(--radius, 0.5rem)}mds-table-row:last-child mds-table-cell:last-child{border-bottom-right-radius:var(--radius, 0.5rem)}mds-table-row:focus{opacity:0.5}mds-table-row.interactive:hover mds-table-cell{background-color:var(--background-row-hover, rgb(var(--adjust-tone))) !important}";export{s as mds_table_row}
package/dist/stats.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "timestamp": "2022-02-02T14:20:31",
2
+ "timestamp": "2022-02-04T14:28:22",
3
3
  "compiler": {
4
4
  "name": "node",
5
5
  "version": "16.13.0"
@@ -70,21 +70,21 @@
70
70
  "./dist/mds-table-row/index.esm.js",
71
71
  "./dist/mds-table-row/mds-table-row.esm.js",
72
72
  "./dist/mds-table-row/mds-table-row.js",
73
- "./dist/mds-table-row/p-031e68b1.system.entry.js",
74
73
  "./dist/mds-table-row/p-13e3a2cc.system.js",
75
74
  "./dist/mds-table-row/p-15f2406e.system.js",
76
75
  "./dist/mds-table-row/p-3619a466.js",
76
+ "./dist/mds-table-row/p-4829abc6.system.entry.js",
77
77
  "./dist/mds-table-row/p-50ea2036.system.js",
78
- "./dist/mds-table-row/p-dab964fd.entry.js",
78
+ "./dist/mds-table-row/p-db71d0ac.entry.js",
79
79
  "./www/build/index.esm.js",
80
80
  "./www/build/mds-table-row.esm.js",
81
81
  "./www/build/mds-table-row.js",
82
- "./www/build/p-031e68b1.system.entry.js",
83
82
  "./www/build/p-13e3a2cc.system.js",
84
83
  "./www/build/p-15f2406e.system.js",
85
84
  "./www/build/p-3619a466.js",
85
+ "./www/build/p-4829abc6.system.entry.js",
86
86
  "./www/build/p-50ea2036.system.js",
87
- "./www/build/p-dab964fd.entry.js"
87
+ "./www/build/p-db71d0ac.entry.js"
88
88
  ]
89
89
  },
90
90
  {
@@ -117,12 +117,12 @@
117
117
  "components": [
118
118
  "mds-table-row"
119
119
  ],
120
- "bundleId": "p-dab964fd",
121
- "fileName": "p-dab964fd.entry.js",
120
+ "bundleId": "p-db71d0ac",
121
+ "fileName": "p-db71d0ac.entry.js",
122
122
  "imports": [
123
123
  "p-3619a466.js"
124
124
  ],
125
- "originalByteSize": 2292
125
+ "originalByteSize": 2291
126
126
  }
127
127
  ],
128
128
  "esm": [
@@ -136,7 +136,7 @@
136
136
  "imports": [
137
137
  "index-7d849f54.js"
138
138
  ],
139
- "originalByteSize": 2296
139
+ "originalByteSize": 2295
140
140
  }
141
141
  ],
142
142
  "es5": [
@@ -150,7 +150,7 @@
150
150
  "imports": [
151
151
  "index-7d849f54.js"
152
152
  ],
153
- "originalByteSize": 2296
153
+ "originalByteSize": 2295
154
154
  }
155
155
  ],
156
156
  "system": [
@@ -159,12 +159,12 @@
159
159
  "components": [
160
160
  "mds-table-row"
161
161
  ],
162
- "bundleId": "p-031e68b1.system",
163
- "fileName": "p-031e68b1.system.entry.js",
162
+ "bundleId": "p-4829abc6.system",
163
+ "fileName": "p-4829abc6.system.entry.js",
164
164
  "imports": [
165
165
  "p-13e3a2cc.system.js"
166
166
  ],
167
- "originalByteSize": 2622
167
+ "originalByteSize": 2621
168
168
  }
169
169
  ],
170
170
  "commonjs": [
@@ -178,7 +178,7 @@
178
178
  "imports": [
179
179
  "index-797b786c.js"
180
180
  ],
181
- "originalByteSize": 2366
181
+ "originalByteSize": 2365
182
182
  }
183
183
  ]
184
184
  },
@@ -284,6 +284,11 @@
284
284
  "docs": "The border color between table rows",
285
285
  "annotation": "prop"
286
286
  },
287
+ {
288
+ "name": "--border-width",
289
+ "docs": "The border width between table rows",
290
+ "annotation": "prop"
291
+ },
287
292
  {
288
293
  "name": "--radius",
289
294
  "docs": "The radius of the table (header and footer excluded)",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@maggioli-design-system/mds-table-row",
3
- "version": "1.2.1",
3
+ "version": "1.3.1",
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",
@@ -21,12 +21,8 @@
21
21
  "build": "rm src/components.d.ts || true && stencil build --docs-readme"
22
22
  },
23
23
  "dependencies": {
24
- "@maggioli-design-system/mds-table": "^1.1.3",
25
- "@maggioli-design-system/mds-table-body": "^1.2.1",
26
24
  "@maggioli-design-system/mds-table-cell": "^1.1.1",
27
- "@maggioli-design-system/mds-table-footer": "^1.0.4",
28
- "@maggioli-design-system/mds-table-header": "^1.0.4",
29
- "@stencil/core": "^2.12.0"
25
+ "@stencil/core": "^2.13.0"
30
26
  },
31
27
  "license": "MIT",
32
28
  "author": {
@@ -3,6 +3,7 @@
3
3
  /**
4
4
  * @prop --background-row-hover: The cell background-color when the mouse go over the table row element
5
5
  * @prop --border-color: The border color between table rows
6
+ * @prop --border-width: The border width between table rows
6
7
  * @prop --radius: The radius of the table (header and footer excluded)
7
8
  */
8
9
 
@@ -11,8 +12,7 @@ mds-table-row {
11
12
  border-b
12
13
  table-row;
13
14
 
14
- border-bottom-color: var(--border-color, theme('colors.adjust-tone-09'));
15
- border-bottom-style: solid;
15
+ border-bottom: var(--border-width, theme('borderWidth.2')) solid var(--border-color, theme('colors.adjust-tone-09'));
16
16
  }
17
17
 
18
18
  mds-table-row:last-child {
@@ -11,6 +11,7 @@
11
11
  | ------------------------ | ---------------------------------------------------------------------- |
12
12
  | `--background-row-hover` | The cell background-color when the mouse go over the table row element |
13
13
  | `--border-color` | The border color between table rows |
14
+ | `--border-width` | The border width between table rows |
14
15
  | `--radius` | The radius of the table (header and footer excluded) |
15
16
 
16
17
 
@@ -1 +1 @@
1
- import{p as t,b as e}from"./p-3619a466.js";(()=>{const e=import.meta.url,a={};return""!==e&&(a.resourcesUrl=new URL(".",e).href),t(a)})().then((t=>e([["p-dab964fd",[[4,"mds-table-row",{interactive:[32]},[[16,"tableInteractive","tableInteractiveHandler"]]]]]],t)));
1
+ import{p as t,b as e}from"./p-3619a466.js";(()=>{const e=import.meta.url,a={};return""!==e&&(a.resourcesUrl=new URL(".",e).href),t(a)})().then((t=>e([["p-db71d0ac",[[4,"mds-table-row",{interactive:[32]},[[16,"tableInteractive","tableInteractiveHandler"]]]]]],t)));
@@ -1 +1 @@
1
- System.register(["./p-13e3a2cc.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-031e68b1.system",[[4,"mds-table-row",{interactive:[32]},[[16,"tableInteractive","tableInteractiveHandler"]]]]]],e)}))}}}));
1
+ System.register(["./p-13e3a2cc.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-4829abc6.system",[[4,"mds-table-row",{interactive:[32]},[[16,"tableInteractive","tableInteractiveHandler"]]]]]],e)}))}}}));
@@ -0,0 +1 @@
1
+ System.register(["./p-13e3a2cc.system.js"],(function(r){"use strict";var t,e,o;return{setters:[function(r){t=r.r;e=r.h;o=r.H}],execute:function(){function a(r){var t,e,o="";if(typeof r==="string"||typeof r==="number"){o+=r}else if(typeof r==="object"){if(Array.isArray(r)){for(t=0;t<r.length;t++){if(r[t]){if(e=a(r[t])){o&&(o+=" ");o+=e}}}}else{for(t in r){if(r[t]){o&&(o+=" ");o+=t}}}}return o}function s(){var r=0,t,e,o="";while(r<arguments.length){if(t=arguments[r++]){if(e=a(t)){o&&(o+=" ");o+=e}}}return o}var i=".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)}mds-table-row{display:table-row;border-bottom-width:1px;border-bottom:var(--border-width, 2px) solid var(--border-color, rgb(var(--adjust-tone-09)))}mds-table-row:last-child{border-color:transparent}mds-table-row:first-child mds-table-cell:first-child{border-top-left-radius:var(--radius, 0.5rem)}mds-table-row:last-child mds-table-cell:first-child{border-bottom-left-radius:var(--radius, 0.5rem)}mds-table-row:first-child mds-table-cell:last-child{border-top-right-radius:var(--radius, 0.5rem)}mds-table-row:last-child mds-table-cell:last-child{border-bottom-right-radius:var(--radius, 0.5rem)}mds-table-row:focus{opacity:0.5}mds-table-row.interactive:hover mds-table-cell{background-color:var(--background-row-hover, rgb(var(--adjust-tone))) !important}";var d=r("mds_table_row",function(){function r(r){t(this,r)}r.prototype.tableInteractiveHandler=function(r){this.interactive=r.detail};r.prototype.render=function(){return e(o,{class:s(this.interactive&&"interactive"),role:"row"},e("slot",null))};return r}());d.style=i}}}));
@@ -0,0 +1 @@
1
+ import{r,h as t,H as o}from"./p-3619a466.js";function a(r){var t,o,e="";if("string"==typeof r||"number"==typeof r)e+=r;else if("object"==typeof r)if(Array.isArray(r))for(t=0;t<r.length;t++)r[t]&&(o=a(r[t]))&&(e&&(e+=" "),e+=o);else for(t in r)r[t]&&(e&&(e+=" "),e+=t);return e}function e(){for(var r,t,o=0,e="";o<arguments.length;)(r=arguments[o++])&&(t=a(r))&&(e&&(e+=" "),e+=t);return e}let s=class{constructor(t){r(this,t)}tableInteractiveHandler(r){this.interactive=r.detail}render(){return t(o,{class:e(this.interactive&&"interactive"),role:"row"},t("slot",null))}};s.style=".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)}mds-table-row{display:table-row;border-bottom-width:1px;border-bottom:var(--border-width, 2px) solid var(--border-color, rgb(var(--adjust-tone-09)))}mds-table-row:last-child{border-color:transparent}mds-table-row:first-child mds-table-cell:first-child{border-top-left-radius:var(--radius, 0.5rem)}mds-table-row:last-child mds-table-cell:first-child{border-bottom-left-radius:var(--radius, 0.5rem)}mds-table-row:first-child mds-table-cell:last-child{border-top-right-radius:var(--radius, 0.5rem)}mds-table-row:last-child mds-table-cell:last-child{border-bottom-right-radius:var(--radius, 0.5rem)}mds-table-row:focus{opacity:0.5}mds-table-row.interactive:hover mds-table-cell{background-color:var(--background-row-hover, rgb(var(--adjust-tone))) !important}";export{s as mds_table_row}
@@ -1 +0,0 @@
1
- System.register(["./p-13e3a2cc.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(){function a(r){var t,o,e="";if(typeof r==="string"||typeof r==="number"){e+=r}else if(typeof r==="object"){if(Array.isArray(r)){for(t=0;t<r.length;t++){if(r[t]){if(o=a(r[t])){e&&(e+=" ");e+=o}}}}else{for(t in r){if(r[t]){e&&(e+=" ");e+=t}}}}return e}function s(){var r=0,t,o,e="";while(r<arguments.length){if(t=arguments[r++]){if(o=a(t)){e&&(e+=" ");e+=o}}}return e}var i=".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)}mds-table-row{display:table-row;border-bottom-width:1px;border-bottom-color:var(--border-color, rgb(var(--adjust-tone-09)));border-bottom-style:solid}mds-table-row:last-child{border-color:transparent}mds-table-row:first-child mds-table-cell:first-child{border-top-left-radius:var(--radius, 0.5rem)}mds-table-row:last-child mds-table-cell:first-child{border-bottom-left-radius:var(--radius, 0.5rem)}mds-table-row:first-child mds-table-cell:last-child{border-top-right-radius:var(--radius, 0.5rem)}mds-table-row:last-child mds-table-cell:last-child{border-bottom-right-radius:var(--radius, 0.5rem)}mds-table-row:focus{opacity:0.5}mds-table-row.interactive:hover mds-table-cell{background-color:var(--background-row-hover, rgb(var(--adjust-tone))) !important}";var d=r("mds_table_row",function(){function r(r){t(this,r)}r.prototype.tableInteractiveHandler=function(r){this.interactive=r.detail};r.prototype.render=function(){return o(e,{class:s(this.interactive&&"interactive"),role:"row"},o("slot",null))};return r}());d.style=i}}}));
@@ -1 +0,0 @@
1
- import{r,h as o,H as t}from"./p-3619a466.js";function a(r){var o,t,e="";if("string"==typeof r||"number"==typeof r)e+=r;else if("object"==typeof r)if(Array.isArray(r))for(o=0;o<r.length;o++)r[o]&&(t=a(r[o]))&&(e&&(e+=" "),e+=t);else for(o in r)r[o]&&(e&&(e+=" "),e+=o);return e}function e(){for(var r,o,t=0,e="";t<arguments.length;)(r=arguments[t++])&&(o=a(r))&&(e&&(e+=" "),e+=o);return e}let s=class{constructor(o){r(this,o)}tableInteractiveHandler(r){this.interactive=r.detail}render(){return o(t,{class:e(this.interactive&&"interactive"),role:"row"},o("slot",null))}};s.style=".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)}mds-table-row{display:table-row;border-bottom-width:1px;border-bottom-color:var(--border-color, rgb(var(--adjust-tone-09)));border-bottom-style:solid}mds-table-row:last-child{border-color:transparent}mds-table-row:first-child mds-table-cell:first-child{border-top-left-radius:var(--radius, 0.5rem)}mds-table-row:last-child mds-table-cell:first-child{border-bottom-left-radius:var(--radius, 0.5rem)}mds-table-row:first-child mds-table-cell:last-child{border-top-right-radius:var(--radius, 0.5rem)}mds-table-row:last-child mds-table-cell:last-child{border-bottom-right-radius:var(--radius, 0.5rem)}mds-table-row:focus{opacity:0.5}mds-table-row.interactive:hover mds-table-cell{background-color:var(--background-row-hover, rgb(var(--adjust-tone))) !important}";export{s as mds_table_row}
@@ -1 +0,0 @@
1
- System.register(["./p-13e3a2cc.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(){function a(r){var t,o,e="";if(typeof r==="string"||typeof r==="number"){e+=r}else if(typeof r==="object"){if(Array.isArray(r)){for(t=0;t<r.length;t++){if(r[t]){if(o=a(r[t])){e&&(e+=" ");e+=o}}}}else{for(t in r){if(r[t]){e&&(e+=" ");e+=t}}}}return e}function s(){var r=0,t,o,e="";while(r<arguments.length){if(t=arguments[r++]){if(o=a(t)){e&&(e+=" ");e+=o}}}return e}var i=".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)}mds-table-row{display:table-row;border-bottom-width:1px;border-bottom-color:var(--border-color, rgb(var(--adjust-tone-09)));border-bottom-style:solid}mds-table-row:last-child{border-color:transparent}mds-table-row:first-child mds-table-cell:first-child{border-top-left-radius:var(--radius, 0.5rem)}mds-table-row:last-child mds-table-cell:first-child{border-bottom-left-radius:var(--radius, 0.5rem)}mds-table-row:first-child mds-table-cell:last-child{border-top-right-radius:var(--radius, 0.5rem)}mds-table-row:last-child mds-table-cell:last-child{border-bottom-right-radius:var(--radius, 0.5rem)}mds-table-row:focus{opacity:0.5}mds-table-row.interactive:hover mds-table-cell{background-color:var(--background-row-hover, rgb(var(--adjust-tone))) !important}";var d=r("mds_table_row",function(){function r(r){t(this,r)}r.prototype.tableInteractiveHandler=function(r){this.interactive=r.detail};r.prototype.render=function(){return o(e,{class:s(this.interactive&&"interactive"),role:"row"},o("slot",null))};return r}());d.style=i}}}));
@@ -1 +0,0 @@
1
- import{r,h as o,H as t}from"./p-3619a466.js";function a(r){var o,t,e="";if("string"==typeof r||"number"==typeof r)e+=r;else if("object"==typeof r)if(Array.isArray(r))for(o=0;o<r.length;o++)r[o]&&(t=a(r[o]))&&(e&&(e+=" "),e+=t);else for(o in r)r[o]&&(e&&(e+=" "),e+=o);return e}function e(){for(var r,o,t=0,e="";t<arguments.length;)(r=arguments[t++])&&(o=a(r))&&(e&&(e+=" "),e+=o);return e}let s=class{constructor(o){r(this,o)}tableInteractiveHandler(r){this.interactive=r.detail}render(){return o(t,{class:e(this.interactive&&"interactive"),role:"row"},o("slot",null))}};s.style=".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)}mds-table-row{display:table-row;border-bottom-width:1px;border-bottom-color:var(--border-color, rgb(var(--adjust-tone-09)));border-bottom-style:solid}mds-table-row:last-child{border-color:transparent}mds-table-row:first-child mds-table-cell:first-child{border-top-left-radius:var(--radius, 0.5rem)}mds-table-row:last-child mds-table-cell:first-child{border-bottom-left-radius:var(--radius, 0.5rem)}mds-table-row:first-child mds-table-cell:last-child{border-top-right-radius:var(--radius, 0.5rem)}mds-table-row:last-child mds-table-cell:last-child{border-bottom-right-radius:var(--radius, 0.5rem)}mds-table-row:focus{opacity:0.5}mds-table-row.interactive:hover mds-table-cell{background-color:var(--background-row-hover, rgb(var(--adjust-tone))) !important}";export{s as mds_table_row}