@maggioli-design-system/mds-table-row 2.0.1 → 3.0.0

package/dist/cjs/loader.cjs.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-2159a30d.js');
+const index = require('./index-516d954b.js');
 
 /*
- Stencil Client Patch Esm v2.17.0 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Esm v2.20.0 | MIT Licensed | https://stenciljs.com
  */
 const patchEsm = () => {
     return index.promiseResolve();

package/dist/cjs/mds-table-row.cjs.entry.js

@@ -2,13 +2,14 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-2159a30d.js');
+const index = require('./index-516d954b.js');
 
-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;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)))}";
+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)))}";
 
 const MdsTableRow = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
+    this.interactive = undefined;
   }
   tableInteractiveHandler(event) {
     this.interactive = event.detail;

package/dist/cjs/mds-table-row.cjs.js

@@ -1,9 +1,9 @@
 'use strict';
 
-const index = require('./index-2159a30d.js');
+const index = require('./index-516d954b.js');
 
 /*
- Stencil Client Patch Browser v2.17.0 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v2.20.0 | MIT Licensed | https://stenciljs.com
  */
 const patchBrowser = () => {
     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));

package/dist/collection/collection-manifest.json

@@ -4,8 +4,8 @@
   ],
   "compiler": {
     "name": "@stencil/core",
-    "version": "2.17.0",
-    "typescriptVersion": "4.5.4"
+    "version": "2.20.0",
+    "typescriptVersion": "4.8.4"
   },
   "collections": [],
   "bundles": []

package/dist/collection/common/aria.js

@@ -0,0 +1,19 @@
+const hash = (s) => {
+  let i, h;
+  for (i = 0, h = 0; i < s.length; i++) {
+    h = Math.imul(31, h) + s.charCodeAt(i) | 0;
+  }
+  return h.toString();
+};
+const unslugName = (name) => {
+  return name.split('/').slice(-1).pop().replace(/-/g, ' ');
+};
+const setAttributeIfEmpty = (element, attribute, value) => {
+  if (element.hasAttribute(attribute)) {
+    return element.getAttribute(attribute);
+  }
+  element.setAttribute(attribute, value);
+  return value;
+};
+const hashValue = (value) => `${value}-${hash(value)}`;
+export { unslugName, setAttributeIfEmpty, hashValue, };

package/dist/collection/components/mds-table-row/mds-table-row.css

@@ -22,37 +22,12 @@
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 
-/**
-* @prop --background-row-hover: The cell background-color when the mouse go over the table row element
-* @prop --border-color: The border color between table rows
-* @prop --border-width: The border width between table rows
-* @prop --radius: The radius of the table (header and footer excluded)
-*/
-
 :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)));
+  --mds-table-cell-background: var(--mds-table-cell-background-hover, rgb(var(--tone-neutral)));
 }

package/dist/collection/components/mds-table-row/mds-table-row.js

@@ -1,44 +1,54 @@
-import { Component, Host, h, Listen, Prop } from '@stencil/core';
+import { Host, h } from '@stencil/core';
 export class MdsTableRow {
+  constructor() {
+    this.interactive = undefined;
+  }
   tableInteractiveHandler(event) {
     this.interactive = event.detail;
   }
   render() {
-    return (h(Host, { role: "row" },
-      h("slot", null)));
+    return (h(Host, { role: "row" }, h("slot", null)));
   }
   static get is() { return "mds-table-row"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["mds-table-row.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["mds-table-row.css"]
-  }; }
-  static get properties() { return {
-    "interactive": {
-      "type": "boolean",
-      "mutable": true,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "interactive",
-      "reflect": true
-    }
-  }; }
-  static get listeners() { return [{
-      "name": "tableInteractive",
-      "method": "tableInteractiveHandler",
-      "target": "body",
-      "capture": false,
-      "passive": false
-    }]; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["mds-table-row.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["mds-table-row.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "interactive": {
+        "type": "boolean",
+        "mutable": true,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "interactive",
+        "reflect": true
+      }
+    };
+  }
+  static get listeners() {
+    return [{
+        "name": "tableInteractive",
+        "method": "tableInteractiveHandler",
+        "target": "body",
+        "capture": false,
+        "passive": false
+      }];
+  }
 }

package/dist/collection/dictionary/typography.js

@@ -1,7 +1,7 @@
 const typographyDictionary = [
   'action',
   'caption',
-  'code',
+  'snippet',
   'detail',
   'h1',
   'h2',
@@ -19,10 +19,10 @@ const typographyVariationsDictionary = [
   'title',
   'info',
   'read',
-  'mono',
+  'code',
 ];
 const typographyMonoDictionary = [
-  'code',
+  'snippet',
   'hack',
 ];
 const typographyTitleDictionary = [

package/dist/components/mds-table-row.js

@@ -1,12 +1,13 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 
-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;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)))}";
+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)))}";
 
 const MdsTableRow$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {
     super();
     this.__registerHost();
     this.__attachShadow();
+    this.interactive = undefined;
   }
   tableInteractiveHandler(event) {
     this.interactive = event.detail;