@maggioli-design-system/mds-table-row 1.2.1 → 2.0.0

package/dist/cjs/loader.cjs.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-797b786c.js');
+const index = require('./index-2159a30d.js');
 
 /*
- Stencil Client Patch Esm v2.13.0 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Esm v2.16.1 | MIT Licensed | https://stenciljs.com
  */
 const patchEsm = () => {
     return index.promiseResolve();
@@ -14,7 +14,7 @@ const patchEsm = () => {
 const defineCustomElements = (win, options) => {
   if (typeof window === 'undefined') return Promise.resolve();
   return patchEsm().then(() => {
-  return index.bootstrapLazy([["mds-table-row.cjs",[[4,"mds-table-row",{"interactive":[32]},[[16,"tableInteractive","tableInteractiveHandler"]]]]]], options);
+  return index.bootstrapLazy([["mds-table-row.cjs",[[1,"mds-table-row",{"interactive":[1540]},[[16,"tableInteractive","tableInteractiveHandler"]]]]]], options);
   });
 };
 

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

@@ -2,52 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-797b786c.js');
+const index = require('./index-2159a30d.js');
 
-function toVal(mix) {
-	var k, y, str='';
+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)))}";
 
-	if (typeof mix === 'string' || typeof mix === 'number') {
-		str += mix;
-	} else if (typeof mix === 'object') {
-		if (Array.isArray(mix)) {
-			for (k=0; k < mix.length; k++) {
-				if (mix[k]) {
-					if (y = toVal(mix[k])) {
-						str && (str += ' ');
-						str += y;
-					}
-				}
-			}
-		} else {
-			for (k in mix) {
-				if (mix[k]) {
-					str && (str += ' ');
-					str += k;
-				}
-			}
-		}
-	}
-
-	return str;
-}
-
-function clsx () {
-	var i=0, tmp, x, str='';
-	while (i < arguments.length) {
-		if (tmp = arguments[i++]) {
-			if (x = toVal(tmp)) {
-				str && (str += ' ');
-				str += x;
-			}
-		}
-	}
-	return str;
-}
-
-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}";
-
-let MdsTableRow = class {
+const MdsTableRow = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
   }
@@ -55,7 +14,7 @@ let MdsTableRow = class {
     this.interactive = event.detail;
   }
   render() {
-    return (index.h(index.Host, { class: clsx(this.interactive && 'interactive'), role: "row" }, index.h("slot", null)));
+    return (index.h(index.Host, { role: "row" }, index.h("slot", null)));
   }
 };
 MdsTableRow.style = mdsTableRowCss;

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

@@ -1,9 +1,9 @@
 'use strict';
 
-const index = require('./index-797b786c.js');
+const index = require('./index-2159a30d.js');
 
 /*
- Stencil Client Patch Browser v2.13.0 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v2.16.1 | 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));
@@ -15,5 +15,5 @@ const patchBrowser = () => {
 };
 
 patchBrowser().then(options => {
-  return index.bootstrapLazy([["mds-table-row.cjs",[[4,"mds-table-row",{"interactive":[32]},[[16,"tableInteractive","tableInteractiveHandler"]]]]]], options);
+  return index.bootstrapLazy([["mds-table-row.cjs",[[1,"mds-table-row",{"interactive":[1540]},[[16,"tableInteractive","tableInteractiveHandler"]]]]]], options);
 });

package/dist/collection/collection-manifest.json

@@ -4,8 +4,8 @@
   ],
   "compiler": {
     "name": "@stencil/core",
-    "version": "2.13.0",
-    "typescriptVersion": "4.3.5"
+    "version": "2.16.1",
+    "typescriptVersion": "4.5.4"
   },
   "collections": [],
   "bundles": []

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

@@ -1,3 +1,13 @@
+.fixed {
+
+  position: fixed;
+}
+
+.absolute {
+
+  position: absolute;
+}
+
 .border {
 
   border-width: 1px;
@@ -15,45 +25,34 @@
 /**
 * @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)
 */
 
-mds-table-row {
+:host {
 
   display: table-row;
 
   border-bottom-width: 1px;
 
-  border-bottom-color: var(--border-color, rgb(var(--adjust-tone-09)));
-  border-bottom-style: solid;
+  border-bottom: var(--border-width, 2px) solid var(--border-color, rgb(var(--tone-neutral-09)));
 }
 
-mds-table-row:last-child {
-
-  border-color: transparent;
-}
+:host ( :first-child ) {
 
-mds-table-row:first-child mds-table-cell:first-child {
-  border-top-left-radius: var(--radius, 0.5rem);
+  --radius-top-left: var(--radius, 0.5rem);
+  --radius-top-right: var(--radius, 0.5rem);
 }
 
-mds-table-row:last-child mds-table-cell:first-child {
-  border-bottom-left-radius: var(--radius, 0.5rem);
-}
+:host ( :last-child ) {
 
-mds-table-row:first-child mds-table-cell:last-child {
-  border-top-right-radius: var(--radius, 0.5rem);
-}
+  border-color: transparent;
 
-mds-table-row:last-child mds-table-cell:last-child {
-  border-bottom-right-radius: var(--radius, 0.5rem);
+  --radius-bottom-left: var(--radius, 0.5rem);
+  --radius-bottom-right: var(--radius, 0.5rem);
 }
 
-mds-table-row:focus {
-
-  opacity: 0.5;
-}
+:host ( [interactive]:hover ) {
 
-mds-table-row.interactive:hover mds-table-cell {
-  background-color: var(--background-row-hover, rgb(var(--adjust-tone))) !important;
+  --background: var(--background-row-hover, rgb(var(--tone-neutral)));
 }

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

@@ -1,22 +1,38 @@
-import { Component, Host, h, Listen, State } from '@stencil/core';
-import clsx from 'clsx';
+import { Component, Host, h, Listen, Prop } from '@stencil/core';
 export class MdsTableRow {
   tableInteractiveHandler(event) {
     this.interactive = event.detail;
   }
   render() {
-    return (h(Host, { class: clsx(this.interactive && 'interactive'), role: "row" },
+    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 states() { return {
-    "interactive": {}
+  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",

package/dist/collection/dictionary/floating-ui.js

@@ -0,0 +1,19 @@
+const floatingUIPlacementDictionary = [
+  'bottom',
+  'bottom-end',
+  'bottom-start',
+  'left',
+  'left-end',
+  'left-start',
+  'right',
+  'right-end',
+  'right-start',
+  'top',
+  'top-end',
+  'top-start',
+];
+const floatingUIStrategyDictionary = [
+  'absolute',
+  'fixed',
+];
+export { floatingUIPlacementDictionary, floatingUIStrategyDictionary, };

package/dist/collection/dictionary/icon.js

@@ -1,3 +1,3 @@
-import mggIconsDictionary from '@maggioli-design-system/icons/dist/original/dictionary.json';
-const iconsDictionary = Object.keys(mggIconsDictionary).sort();
+import jsonIconsDictionary from '../fixtures/icons.json';
+const iconsDictionary = jsonIconsDictionary;
 export { iconsDictionary, };

package/dist/collection/dictionary/typography.js

@@ -40,4 +40,9 @@ const typographySmallerDictionary = [
   'option',
   'tip',
 ];
-export { typographyDictionary, typographyMonoDictionary, typographyPrimaryDictionary, typographySecondaryDictionary, typographySmallerDictionary, };
+const typographyTooltipDictionary = [
+  'caption',
+  'detail',
+  'tip',
+];
+export { typographyDictionary, typographyMonoDictionary, typographyPrimaryDictionary, typographySecondaryDictionary, typographySmallerDictionary, typographyTooltipDictionary, };

package/dist/collection/types/floating-ui.js

@@ -0,0 +1 @@
+export {};

package/dist/components/index.d.ts

@@ -9,7 +9,7 @@ import type { Components, JSX } from "../types/components";
  * "setAssetPath(document.currentScript.src)", or using a bundler's replace plugin to
  * dynamically set the path at build time, such as "setAssetPath(process.env.ASSET_PATH)".
  * But do note that this configuration depends on how your script is bundled, or lack of
- * bunding, and where your assets can be loaded from. Additionally custom bundling
+ * bundling, and where your assets can be loaded from. Additionally custom bundling
  * will have to ensure the static assets are copied to its build directory.
  */
 export declare const setAssetPath: (path: string) => void;

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

@@ -1,63 +1,22 @@
-import { HTMLElement, h, Host, proxyCustomElement } from '@stencil/core/internal/client';
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 
-function toVal(mix) {
-	var k, y, str='';
+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)))}";
 
-	if (typeof mix === 'string' || typeof mix === 'number') {
-		str += mix;
-	} else if (typeof mix === 'object') {
-		if (Array.isArray(mix)) {
-			for (k=0; k < mix.length; k++) {
-				if (mix[k]) {
-					if (y = toVal(mix[k])) {
-						str && (str += ' ');
-						str += y;
-					}
-				}
-			}
-		} else {
-			for (k in mix) {
-				if (mix[k]) {
-					str && (str += ' ');
-					str += k;
-				}
-			}
-		}
-	}
-
-	return str;
-}
-
-function clsx () {
-	var i=0, tmp, x, str='';
-	while (i < arguments.length) {
-		if (tmp = arguments[i++]) {
-			if (x = toVal(tmp)) {
-				str && (str += ' ');
-				str += x;
-			}
-		}
-	}
-	return str;
-}
-
-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}";
-
-let MdsTableRow$1 = class extends HTMLElement {
+const MdsTableRow$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {
     super();
     this.__registerHost();
+    this.__attachShadow();
   }
   tableInteractiveHandler(event) {
     this.interactive = event.detail;
   }
   render() {
-    return (h(Host, { class: clsx(this.interactive && 'interactive'), role: "row" }, h("slot", null)));
+    return (h(Host, { role: "row" }, h("slot", null)));
   }
   static get style() { return mdsTableRowCss; }
-};
-MdsTableRow$1 = /*@__PURE__*/ proxyCustomElement(MdsTableRow$1, [4, "mds-table-row", {
-    "interactive": [32]
+}, [1, "mds-table-row", {
+    "interactive": [1540]
   }, [[16, "tableInteractive", "tableInteractiveHandler"]]]);
 function defineCustomElement$1() {
   if (typeof customElements === "undefined") {