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

package/dist/cjs/loader.cjs.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-797b786c.js');
 
 /*
- Stencil Client Patch Esm v2.10.0 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Esm v2.13.0 | MIT Licensed | https://stenciljs.com
  */
 const patchEsm = () => {
     return index.promiseResolve();

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

@@ -45,7 +45,7 @@ function clsx () {
 	return str;
 }
 
-const mdsTableRowCss = ".table-row {\n\n  display: table-row;\n}\n\n.border {\n\n  border-width: 1px;\n}\n\n.shadow {\n\n  --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);\n\n  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n {\n\n  display: table-row;\n}\n\n.table-row {\n\n  border-bottom-width: 1px;\n\n  border-bottom-color: var(--border-color, rgb(var(--adjust-tone-09)));\n}\n\n.table-row:last-child {\n\n  border-color: transparent;\n}\n\n.table-row:first-child .table-cell:first-child {\n  border-top-left-radius: var(--radius, 0.5rem);\n}\n\n.table-row:last-child .table-cell:first-child {\n  border-bottom-left-radius: var(--radius, 0.5rem);\n}\n\n.table-row:first-child .table-cell:last-child {\n  border-top-right-radius: var(--radius, 0.5rem);\n}\n\n.table-row:last-child .table-cell:last-child {\n  border-bottom-right-radius: var(--radius, 0.5rem);\n}\n\n.table-row:focus {\n\n  opacity: 0.5;\n}\n\n.table-row--interactive:hover .table-cell {\n  background-color: var(--row-background-hover, rgb(var(--adjust-tone-10)));\n}\n";
+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 {
   constructor(hostRef) {
@@ -55,7 +55,7 @@ let MdsTableRow = class {
     this.interactive = event.detail;
   }
   render() {
-    return (index.h(index.Host, { class: clsx('table-row', this.interactive && 'table-row--interactive'), role: "row" }, index.h("slot", null)));
+    return (index.h(index.Host, { class: clsx(this.interactive && 'interactive'), role: "row" }, index.h("slot", null)));
   }
 };
 MdsTableRow.style = mdsTableRowCss;

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

@@ -3,7 +3,7 @@
 const index = require('./index-797b786c.js');
 
 /*
- Stencil Client Patch Browser v2.10.0 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v2.13.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,7 +4,7 @@
   ],
   "compiler": {
     "name": "@stencil/core",
-    "version": "2.10.0",
+    "version": "2.13.0",
     "typescriptVersion": "4.3.5"
   },
   "collections": [],

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

@@ -1,8 +1,3 @@
-.table-row {
-
-  display: table-row;
-}
-
 .border {
 
   border-width: 1px;
@@ -10,49 +5,55 @@
 
 .shadow {
 
-  --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+  --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);
 
   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 --radius: The radius of the table (header and footer excluded)
+*/
 
-  display: table-row;
-}
+mds-table-row {
 
-.table-row {
+  display: table-row;
 
   border-bottom-width: 1px;
 
   border-bottom-color: var(--border-color, rgb(var(--adjust-tone-09)));
+  border-bottom-style: solid;
 }
 
-.table-row:last-child {
+mds-table-row:last-child {
 
   border-color: transparent;
 }
 
-.table-row:first-child .table-cell:first-child {
+mds-table-row:first-child mds-table-cell:first-child {
   border-top-left-radius: var(--radius, 0.5rem);
 }
 
-.table-row:last-child .table-cell:first-child {
+mds-table-row:last-child mds-table-cell:first-child {
   border-bottom-left-radius: var(--radius, 0.5rem);
 }
 
-.table-row:first-child .table-cell:last-child {
+mds-table-row:first-child mds-table-cell:last-child {
   border-top-right-radius: var(--radius, 0.5rem);
 }
 
-.table-row:last-child .table-cell:last-child {
+mds-table-row:last-child mds-table-cell:last-child {
   border-bottom-right-radius: var(--radius, 0.5rem);
 }
 
-.table-row:focus {
+mds-table-row:focus {
 
   opacity: 0.5;
 }
 
-.table-row--interactive:hover .table-cell {
-  background-color: var(--row-background-hover, rgb(var(--adjust-tone-10)));
+mds-table-row.interactive:hover mds-table-cell {
+  background-color: var(--background-row-hover, rgb(var(--adjust-tone))) !important;
 }

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

@@ -5,7 +5,7 @@ export class MdsTableRow {
     this.interactive = event.detail;
   }
   render() {
-    return (h(Host, { class: clsx('table-row', this.interactive && 'table-row--interactive'), role: "row" },
+    return (h(Host, { class: clsx(this.interactive && 'interactive'), role: "row" },
       h("slot", null)));
   }
   static get is() { return "mds-table-row"; }

package/dist/collection/dictionary/icon.js

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

package/dist/collection/dictionary/typography.js

@@ -13,6 +13,7 @@ const typographyDictionary = [
   'label',
   'option',
   'paragraph',
+  'tip',
 ];
 const typographyMonoDictionary = [
   'code',
@@ -33,5 +34,10 @@ const typographySecondaryDictionary = [
   'label',
   'option',
   'paragraph',
+  'tip',
 ];
-export { typographyDictionary, typographyMonoDictionary, typographyPrimaryDictionary, typographySecondaryDictionary, };
+const typographySmallerDictionary = [
+  'option',
+  'tip',
+];
+export { typographyDictionary, typographyMonoDictionary, typographyPrimaryDictionary, typographySecondaryDictionary, typographySmallerDictionary, };

package/dist/collection/dictionary/variant.js

@@ -3,6 +3,7 @@ const themeVariantDictionary = [
   'error',
   'info',
   'light',
+  'primary',
   'success',
   'warning',
 ];
@@ -57,4 +58,8 @@ const toneSimpleVariantDictionary = [
   'weak',
   'quiet',
 ];
-export { themeFullVariantDictionary, themeLabelVariantDictionary, themeLuminanceVariantDictionary, themeStatusVariantDictionary, themeVariantDictionary, toneSimpleVariantDictionary, toneVariantDictionary, };
+const toneMinimalVariantDictionary = [
+  'strong',
+  'weak',
+];
+export { themeFullVariantDictionary, themeLabelVariantDictionary, themeLuminanceVariantDictionary, themeStatusVariantDictionary, themeVariantDictionary, toneMinimalVariantDictionary, toneSimpleVariantDictionary, toneVariantDictionary, };

package/dist/{custom-elements → components}/index.d.ts

@@ -1,25 +1,7 @@
-/* MdsTableRow custom elements bundle */
+/* MdsTableRow custom elements */
 
 import type { Components, JSX } from "../types/components";
 
-interface MdsTableRow extends Components.MdsTableRow, HTMLElement {}
-export const MdsTableRow: {
-  prototype: MdsTableRow;
-  new (): MdsTableRow;
-};
-
-/**
- * Utility to define all custom elements within this package using the tag name provided in the component's source. 
- * When defining each custom element, it will also check it's safe to define by:
- *
- * 1. Ensuring the "customElements" registry is available in the global context (window).
- * 2. The component tag name is not already defined.
- *
- * Use the standard [customElements.define()](https://developer.mozilla.org/en-US/docs/Web/API/CustomElementRegistry/define) 
- * method instead to define custom elements individually, or to provide a different tag name.
- */
-export declare const defineCustomElements: (opts?: any) => void;
-
 /**
  * Used to manually set the base path where assets can be found.
  * If the script is used as "module", it's recommended to use "import.meta.url",
@@ -36,7 +18,6 @@ export interface SetPlatformOptions {
   raf?: (c: FrameRequestCallback) => number;
   ael?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
   rel?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
-  ce?: (eventName: string, opts?: any) => CustomEvent;
 }
 export declare const setPlatformOptions: (opts: SetPlatformOptions) => void;
 

package/dist/components/index.js

@@ -0,0 +1 @@
+export { setAssetPath, setPlatformOptions } from '@stencil/core/internal/client';

package/dist/components/mds-table-row.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface MdsTableRow extends Components.MdsTableRow, HTMLElement {}
+export const MdsTableRow: {
+  prototype: MdsTableRow;
+  new (): MdsTableRow;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

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

@@ -0,0 +1,79 @@
+import { HTMLElement, h, Host, proxyCustomElement } from '@stencil/core/internal/client';
+
+function toVal(mix) {
+	var k, y, str='';
+
+	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 {
+  constructor() {
+    super();
+    this.__registerHost();
+  }
+  tableInteractiveHandler(event) {
+    this.interactive = event.detail;
+  }
+  render() {
+    return (h(Host, { class: clsx(this.interactive && 'interactive'), role: "row" }, h("slot", null)));
+  }
+  static get style() { return mdsTableRowCss; }
+};
+MdsTableRow$1 = /*@__PURE__*/ proxyCustomElement(MdsTableRow$1, [4, "mds-table-row", {
+    "interactive": [32]
+  }, [[16, "tableInteractive", "tableInteractiveHandler"]]]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["mds-table-row"];
+  components.forEach(tagName => { switch (tagName) {
+    case "mds-table-row":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, MdsTableRow$1);
+      }
+      break;
+  } });
+}
+
+const MdsTableRow = MdsTableRow$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { MdsTableRow, defineCustomElement };

package/dist/esm/loader.js

@@ -1,7 +1,7 @@
 import { p as promiseResolve, b as bootstrapLazy } from './index-7d849f54.js';
 
 /*
- Stencil Client Patch Esm v2.10.0 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Esm v2.13.0 | MIT Licensed | https://stenciljs.com
  */
 const patchEsm = () => {
     return promiseResolve();

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

@@ -41,7 +41,7 @@ function clsx () {
 	return str;
 }
 
-const mdsTableRowCss = ".table-row {\n\n  display: table-row;\n}\n\n.border {\n\n  border-width: 1px;\n}\n\n.shadow {\n\n  --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);\n\n  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n {\n\n  display: table-row;\n}\n\n.table-row {\n\n  border-bottom-width: 1px;\n\n  border-bottom-color: var(--border-color, rgb(var(--adjust-tone-09)));\n}\n\n.table-row:last-child {\n\n  border-color: transparent;\n}\n\n.table-row:first-child .table-cell:first-child {\n  border-top-left-radius: var(--radius, 0.5rem);\n}\n\n.table-row:last-child .table-cell:first-child {\n  border-bottom-left-radius: var(--radius, 0.5rem);\n}\n\n.table-row:first-child .table-cell:last-child {\n  border-top-right-radius: var(--radius, 0.5rem);\n}\n\n.table-row:last-child .table-cell:last-child {\n  border-bottom-right-radius: var(--radius, 0.5rem);\n}\n\n.table-row:focus {\n\n  opacity: 0.5;\n}\n\n.table-row--interactive:hover .table-cell {\n  background-color: var(--row-background-hover, rgb(var(--adjust-tone-10)));\n}\n";
+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 {
   constructor(hostRef) {
@@ -51,7 +51,7 @@ let MdsTableRow = class {
     this.interactive = event.detail;
   }
   render() {
-    return (h(Host, { class: clsx('table-row', this.interactive && 'table-row--interactive'), role: "row" }, h("slot", null)));
+    return (h(Host, { class: clsx(this.interactive && 'interactive'), role: "row" }, h("slot", null)));
   }
 };
 MdsTableRow.style = mdsTableRowCss;

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

@@ -1,7 +1,7 @@
 import { p as promiseResolve, b as bootstrapLazy } from './index-7d849f54.js';
 
 /*
- Stencil Client Patch Browser v2.10.0 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v2.13.0 | MIT Licensed | https://stenciljs.com
  */
 const patchBrowser = () => {
     const importMeta = import.meta.url;

package/dist/esm-es5/mds-table-row.entry.js

@@ -1 +1 @@
-import{r as registerInstance,h,H as Host}from"./index-7d849f54.js";function toVal(r){var t,n,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(n=toVal(r[t])){o&&(o+=" ");o+=n}}}}else{for(t in r){if(r[t]){o&&(o+=" ");o+=t}}}}return o}function clsx(){var r=0,t,n,o="";while(r<arguments.length){if(t=arguments[r++]){if(n=toVal(t)){o&&(o+=" ");o+=n}}}return o}var mdsTableRowCss=".table-row {\n\n  display: table-row;\n}\n\n.border {\n\n  border-width: 1px;\n}\n\n.shadow {\n\n  --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);\n\n  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n {\n\n  display: table-row;\n}\n\n.table-row {\n\n  border-bottom-width: 1px;\n\n  border-bottom-color: var(--border-color, rgb(var(--adjust-tone-09)));\n}\n\n.table-row:last-child {\n\n  border-color: transparent;\n}\n\n.table-row:first-child .table-cell:first-child {\n  border-top-left-radius: var(--radius, 0.5rem);\n}\n\n.table-row:last-child .table-cell:first-child {\n  border-bottom-left-radius: var(--radius, 0.5rem);\n}\n\n.table-row:first-child .table-cell:last-child {\n  border-top-right-radius: var(--radius, 0.5rem);\n}\n\n.table-row:last-child .table-cell:last-child {\n  border-bottom-right-radius: var(--radius, 0.5rem);\n}\n\n.table-row:focus {\n\n  opacity: 0.5;\n}\n\n.table-row--interactive:hover .table-cell {\n  background-color: var(--row-background-hover, rgb(var(--adjust-tone-10)));\n}\n";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("table-row",this.interactive&&"table-row--interactive"),role:"row"},h("slot",null))};return r}();MdsTableRow.style=mdsTableRowCss;export{MdsTableRow as mds_table_row};
+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};

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

@@ -1 +1 @@
-import{p as e,b as t}from"./p-3619a466.js";(()=>{const t=import.meta.url,a={};return""!==t&&(a.resourcesUrl=new URL(".",t).href),e(a)})().then((e=>t([["p-d6429c2e",[[4,"mds-table-row",{interactive:[32]},[[16,"tableInteractive","tableInteractiveHandler"]]]]]],e)));
+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)));

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

@@ -114,7 +114,7 @@ DOMTokenList
 
   var resourcesUrl = scriptElm ? scriptElm.getAttribute('data-resources-url') || scriptElm.src : '';
   var start = function() {
-    var url = new URL('./p-cc341cca.system.js', new URL(resourcesUrl, window.location.origin));
+    var url = new URL('./p-15f2406e.system.js', new URL(resourcesUrl, window.location.origin));
     System.import(url.href);
   };
 

package/dist/mds-table-row/p-031e68b1.system.entry.js

@@ -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}}}));

package/dist/mds-table-row/{p-cc341cca.system.js → p-15f2406e.system.js}

@@ -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-c3576dff.system",[[4,"mds-table-row",{interactive:[32]},[[16,"tableInteractive","tableInteractiveHandler"]]]]]],e)}))}}}));
+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)}))}}}));

package/dist/mds-table-row/p-dab964fd.entry.js

@@ -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}

package/dist/stats.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2021-11-18T09:19:55",
+  "timestamp": "2022-02-02T14:20:31",
   "compiler": {
     "name": "node",
     "version": "16.13.0"
@@ -13,7 +13,7 @@
     "outputs": [
       {
         "name": "dist-collection",
-        "files": 21,
+        "files": 19,
         "generatedFiles": [
           "./dist/collection/components/mds-table-row/mds-table-row.js",
           "./dist/collection/dictionary/autocomplete.js",
@@ -22,8 +22,6 @@
           "./dist/collection/dictionary/icon.js",
           "./dist/collection/dictionary/input-text-type.js",
           "./dist/collection/dictionary/loading.js",
-          "./dist/collection/dictionary/status.js",
-          "./dist/collection/dictionary/tag.js",
           "./dist/collection/dictionary/typography.js",
           "./dist/collection/dictionary/variant.js",
           "./dist/collection/fixtures/cities.js",
@@ -39,11 +37,13 @@
         ]
       },
       {
-        "name": "dist-custom-elements-bundle",
-        "files": 2,
+        "name": "dist-custom-elements",
+        "files": 4,
         "generatedFiles": [
-          "./dist/custom-elements/index.d.ts",
-          "./dist/custom-elements/index.js"
+          "./dist/components/index.d.ts",
+          "./dist/components/index.js",
+          "./dist/components/mds-table-row.d.ts",
+          "./dist/components/mds-table-row.js"
         ]
       },
       {
@@ -70,21 +70,21 @@
           "./dist/mds-table-row/index.esm.js",
           "./dist/mds-table-row/mds-table-row.esm.js",
           "./dist/mds-table-row/mds-table-row.js",
+          "./dist/mds-table-row/p-031e68b1.system.entry.js",
           "./dist/mds-table-row/p-13e3a2cc.system.js",
+          "./dist/mds-table-row/p-15f2406e.system.js",
           "./dist/mds-table-row/p-3619a466.js",
           "./dist/mds-table-row/p-50ea2036.system.js",
-          "./dist/mds-table-row/p-c3576dff.system.entry.js",
-          "./dist/mds-table-row/p-cc341cca.system.js",
-          "./dist/mds-table-row/p-d6429c2e.entry.js",
+          "./dist/mds-table-row/p-dab964fd.entry.js",
           "./www/build/index.esm.js",
           "./www/build/mds-table-row.esm.js",
           "./www/build/mds-table-row.js",
+          "./www/build/p-031e68b1.system.entry.js",
           "./www/build/p-13e3a2cc.system.js",
+          "./www/build/p-15f2406e.system.js",
           "./www/build/p-3619a466.js",
           "./www/build/p-50ea2036.system.js",
-          "./www/build/p-c3576dff.system.entry.js",
-          "./www/build/p-cc341cca.system.js",
-          "./www/build/p-d6429c2e.entry.js"
+          "./www/build/p-dab964fd.entry.js"
         ]
       },
       {
@@ -117,12 +117,12 @@
         "components": [
           "mds-table-row"
         ],
-        "bundleId": "p-d6429c2e",
-        "fileName": "p-d6429c2e.entry.js",
+        "bundleId": "p-dab964fd",
+        "fileName": "p-dab964fd.entry.js",
         "imports": [
           "p-3619a466.js"
         ],
-        "originalByteSize": 2371
+        "originalByteSize": 2292
       }
     ],
     "esm": [
@@ -136,7 +136,7 @@
         "imports": [
           "index-7d849f54.js"
         ],
-        "originalByteSize": 2375
+        "originalByteSize": 2296
       }
     ],
     "es5": [
@@ -150,7 +150,7 @@
         "imports": [
           "index-7d849f54.js"
         ],
-        "originalByteSize": 2375
+        "originalByteSize": 2296
       }
     ],
     "system": [
@@ -159,12 +159,12 @@
         "components": [
           "mds-table-row"
         ],
-        "bundleId": "p-c3576dff.system",
-        "fileName": "p-c3576dff.system.entry.js",
+        "bundleId": "p-031e68b1.system",
+        "fileName": "p-031e68b1.system.entry.js",
         "imports": [
           "p-13e3a2cc.system.js"
         ],
-        "originalByteSize": 2701
+        "originalByteSize": 2622
       }
     ],
     "commonjs": [
@@ -178,7 +178,7 @@
         "imports": [
           "index-797b786c.js"
         ],
-        "originalByteSize": 2445
+        "originalByteSize": 2366
       }
     ]
   },
@@ -273,7 +273,23 @@
           "legacyContext": [],
           "internal": false,
           "assetsDirs": [],
-          "styleDocs": [],
+          "styleDocs": [
+            {
+              "name": "--background-row-hover",
+              "docs": "The cell background-color when the mouse go over the table row element",
+              "annotation": "prop"
+            },
+            {
+              "name": "--border-color",
+              "docs": "The border color between table rows",
+              "annotation": "prop"
+            },
+            {
+              "name": "--radius",
+              "docs": "The radius of the table (header and footer excluded)",
+              "annotation": "prop"
+            }
+          ],
           "docs": {
             "tags": [],
             "text": ""
@@ -359,8 +375,6 @@
     "./src/dictionary/icon.ts": [],
     "./src/dictionary/input-text-type.ts": [],
     "./src/dictionary/loading.ts": [],
-    "./src/dictionary/status.ts": [],
-    "./src/dictionary/tag.ts": [],
     "./src/dictionary/typography.ts": [],
     "./src/dictionary/variant.ts": [],
     "./src/fixtures/cities.ts": [],

package/dist/types/dictionary/typography.d.ts

@@ -2,4 +2,5 @@ declare const typographyDictionary: string[];
 declare const typographyMonoDictionary: string[];
 declare const typographyPrimaryDictionary: string[];
 declare const typographySecondaryDictionary: string[];
-export { typographyDictionary, typographyMonoDictionary, typographyPrimaryDictionary, typographySecondaryDictionary, };
+declare const typographySmallerDictionary: string[];
+export { typographyDictionary, typographyMonoDictionary, typographyPrimaryDictionary, typographySecondaryDictionary, typographySmallerDictionary, };

package/dist/types/dictionary/variant.d.ts

@@ -5,4 +5,5 @@ declare const themeFullVariantDictionary: string[];
 declare const themeLabelVariantDictionary: string[];
 declare const toneVariantDictionary: string[];
 declare const toneSimpleVariantDictionary: string[];
-export { themeFullVariantDictionary, themeLabelVariantDictionary, themeLuminanceVariantDictionary, themeStatusVariantDictionary, themeVariantDictionary, toneSimpleVariantDictionary, toneVariantDictionary, };
+declare const toneMinimalVariantDictionary: string[];
+export { themeFullVariantDictionary, themeLabelVariantDictionary, themeLuminanceVariantDictionary, themeStatusVariantDictionary, themeVariantDictionary, toneMinimalVariantDictionary, toneSimpleVariantDictionary, toneVariantDictionary, };

package/dist/types/stencil-public-runtime.d.ts

@@ -666,7 +666,7 @@ export declare namespace JSXBase {
         use: JSXBase.SVGAttributes;
         view: JSXBase.SVGAttributes;
     }
-    interface SlotAttributes {
+    interface SlotAttributes extends JSXAttributes {
         name?: string;
         slot?: string;
         onSlotchange?: (event: Event) => void;
@@ -1427,9 +1427,7 @@ export declare namespace JSXBase {
         z?: number | string;
         zoomAndPan?: string;
     }
-    interface DOMAttributes<T = Element> {
-        key?: string | number;
-        ref?: (elm?: T) => void;
+    interface DOMAttributes<T> extends JSXAttributes<T> {
         slot?: string;
         part?: string;
         exportparts?: string;
@@ -1550,6 +1548,10 @@ export declare namespace JSXBase {
         onTransitionEndCapture?: (event: TransitionEvent) => void;
     }
 }
+export interface JSXAttributes<T = Element> {
+    key?: string | number;
+    ref?: (elm?: T) => void;
+}
 export interface CustomElementsDefineOptions {
     exclude?: string[];
     resourcesUrl?: string;

package/dist/types/types/typography.d.ts

@@ -1,4 +1,5 @@
-export declare type TypographyType = 'action' | 'caption' | 'code' | 'detail' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'hack' | 'label' | 'option' | 'paragraph';
+export declare type TypographyType = 'action' | 'caption' | 'code' | 'detail' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'hack' | 'label' | 'option' | 'paragraph' | 'tip';
 export declare type TypographyPrimaryType = 'action' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
-export declare type TypographySecondaryType = 'caption' | 'detail' | 'label' | 'option' | 'paragraph';
+export declare type TypographySecondaryType = 'caption' | 'detail' | 'label' | 'option' | 'paragraph' | 'tip';
+export declare type TypographySmallerType = 'tip' | 'option';
 export declare type TypographyMonoType = 'code' | 'hack';

package/dist/types/types/variant.d.ts

@@ -1,5 +1,5 @@
 export declare type ThemeStatusVariantType = 'error' | 'info' | 'success' | 'warning';
-export declare type ThemeVariantType = 'dark' | 'light' | 'error' | 'info' | 'success' | 'warning';
+export declare type ThemeVariantType = 'dark' | 'error' | 'info' | 'light' | 'primary' | 'success' | 'warning';
 export declare type ThemeFullVariantType = 'amaranth' | 'aqua' | 'blue' | 'dark' | 'error' | 'green' | 'info' | 'light' | 'lime' | 'orange' | 'orchid' | 'sky' | 'success' | 'violet' | 'warning' | 'yellow';
 export declare type ThemeLuminanceVariantType = 'dark' | 'light';
 export declare type LabelVariantType = 'amaranth' | 'aqua' | 'blue' | 'green' | 'lime' | 'orange' | 'orchid' | 'sky' | 'violet' | 'yellow';
@@ -7,3 +7,4 @@ export declare type ActionVariantType = 'primary' | 'dark' | 'light';
 export declare type StateVariantType = 'disabled' | 'focused' | 'readonly';
 export declare type ToneVariantType = 'strong' | 'weak' | 'ghost' | 'quiet';
 export declare type ToneSimpleVariantType = 'strong' | 'weak' | 'quiet';
+export declare type ToneMinimalVariantType = 'strong' | 'weak';

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@maggioli-design-system/mds-table-row",
-  "version": "1.1.1",
+  "version": "1.2.1",
   "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.",
   "main": "dist/index.cjs.js",
-  "module": "dist/custom-elements/index.js",
+  "module": "dist/index.js",
   "es2015": "dist/esm/index.mjs",
   "es2017": "dist/esm/index.mjs",
-  "types": "dist/custom-elements/index.d.ts",
+  "types": "dist/types/components.d.ts",
   "collection": "dist/collection/collection-manifest.json",
   "collection:main": "dist/collection/index.js",
   "unpkg": "dist/mds-table-row/mds-table-row.esm.js",
@@ -18,15 +18,15 @@
     "www/"
   ],
   "scripts": {
-    "build": "stencil build --docs-readme"
+    "build": "rm src/components.d.ts || true && stencil build --docs-readme"
   },
   "dependencies": {
-    "@maggioli-design-system/mds-table": "latest",
-    "@maggioli-design-system/mds-table-body": "latest",
-    "@maggioli-design-system/mds-table-cell": "latest",
-    "@maggioli-design-system/mds-table-footer": "latest",
-    "@maggioli-design-system/mds-table-header": "latest",
-    "@stencil/core": "^2.10.0"
+    "@maggioli-design-system/mds-table": "^1.1.3",
+    "@maggioli-design-system/mds-table-body": "^1.2.1",
+    "@maggioli-design-system/mds-table-cell": "^1.1.1",
+    "@maggioli-design-system/mds-table-footer": "^1.0.4",
+    "@maggioli-design-system/mds-table-header": "^1.0.4",
+    "@stencil/core": "^2.12.0"
   },
   "license": "MIT",
   "author": {
@@ -36,14 +36,14 @@
   },
   "contributors": [
     {
-        "name": "Andrea Pruccoli",
-        "email": "andrea.pruccoli@maggioli.it",
-        "role": "Software Engineer"
+      "name": "Andrea Pruccoli",
+      "email": "andrea.pruccoli@maggioli.it",
+      "role": "Software Engineer"
     },
     {
-        "name": "Vittorio Vittori",
-        "email": "vittorio.vittori@maggioli.it",
-        "role": "UX UI Designer"
+      "name": "Vittorio Vittori",
+      "email": "vittorio.vittori@maggioli.it",
+      "role": "UX UI Designer"
     }
   ]
 }

package/readme.md

@@ -5,6 +5,15 @@
 <!-- Auto Generated Below -->
 
 
+## CSS Custom Properties
+
+| Name                     | Description                                                            |
+| ------------------------ | ---------------------------------------------------------------------- |
+| `--background-row-hover` | The cell background-color when the mouse go over the table row element |
+| `--border-color`         | The border color between table rows                                    |
+| `--radius`               | The radius of the table (header and footer excluded)                   |
+
+
 ----------------------------------------------
 
 Built with love @ **Maggioli Informatica / R&D Department**

package/src/components/mds-table-row/mds-table-row.css

@@ -1,37 +1,44 @@
 @tailwind utilities;
 
-.table-row {
+/**
+* @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 --radius: The radius of the table (header and footer excluded)
+*/
+
+mds-table-row {
   @apply
     border-b
     table-row;
 
   border-bottom-color: var(--border-color, theme('colors.adjust-tone-09'));
+  border-bottom-style: solid;
 }
 
-.table-row:last-child {
+mds-table-row:last-child {
   @apply border-transparent;
 }
 
-.table-row:first-child .table-cell:first-child {
+mds-table-row:first-child mds-table-cell:first-child {
   border-top-left-radius: var(--radius, theme('borderRadius.lg'));
 }
 
-.table-row:last-child .table-cell:first-child {
+mds-table-row:last-child mds-table-cell:first-child {
   border-bottom-left-radius: var(--radius, theme('borderRadius.lg'));
 }
 
-.table-row:first-child .table-cell:last-child {
+mds-table-row:first-child mds-table-cell:last-child {
   border-top-right-radius: var(--radius, theme('borderRadius.lg'));
 }
 
-.table-row:last-child .table-cell:last-child {
+mds-table-row:last-child mds-table-cell:last-child {
   border-bottom-right-radius: var(--radius, theme('borderRadius.lg'));
 }
 
-.table-row:focus {
+mds-table-row:focus {
   @apply opacity-50;
 }
 
-.table-row--interactive:hover .table-cell {
-  background-color: var(--row-background-hover, theme('colors.adjust-tone-10'));
+mds-table-row.interactive:hover mds-table-cell {
+  background-color: var(--background-row-hover, theme('colors.adjust-tone')) !important;
 }

package/src/components/mds-table-row/mds-table-row.tsx

@@ -16,7 +16,7 @@ export class MdsTableRow {
 
   render () {
     return (
-      <Host class={clsx('table-row', this.interactive && 'table-row--interactive')} role="row">
+      <Host class={clsx(this.interactive && 'interactive')} role="row">
         <slot/>
       </Host>
     )

package/src/components/mds-table-row/readme.md

@@ -5,6 +5,15 @@
 <!-- Auto Generated Below -->
 
 
+## CSS Custom Properties
+
+| Name                     | Description                                                            |
+| ------------------------ | ---------------------------------------------------------------------- |
+| `--background-row-hover` | The cell background-color when the mouse go over the table row element |
+| `--border-color`         | The border color between table rows                                    |
+| `--radius`               | The radius of the table (header and footer excluded)                   |
+
+
 ----------------------------------------------
 
 Built with love @ **Maggioli Informatica / R&D Department**

package/src/dictionary/icon.ts

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

package/src/dictionary/typography.ts

@@ -13,6 +13,7 @@ const typographyDictionary = [
   'label',
   'option',
   'paragraph',
+  'tip',
 ]
 
 const typographyMonoDictionary = [
@@ -36,6 +37,12 @@ const typographySecondaryDictionary = [
   'label',
   'option',
   'paragraph',
+  'tip',
+]
+
+const typographySmallerDictionary = [
+  'option',
+  'tip',
 ]
 
 export {
@@ -43,4 +50,5 @@ export {
   typographyMonoDictionary,
   typographyPrimaryDictionary,
   typographySecondaryDictionary,
+  typographySmallerDictionary,
 }

package/src/dictionary/variant.ts

@@ -3,6 +3,7 @@ const themeVariantDictionary = [
   'error',
   'info',
   'light',
+  'primary',
   'success',
   'warning',
 ]
@@ -64,12 +65,18 @@ const toneSimpleVariantDictionary = [
   'quiet',
 ]
 
+const toneMinimalVariantDictionary = [
+  'strong',
+  'weak',
+]
+
 export {
   themeFullVariantDictionary,
   themeLabelVariantDictionary,
   themeLuminanceVariantDictionary,
   themeStatusVariantDictionary,
   themeVariantDictionary,
+  toneMinimalVariantDictionary,
   toneSimpleVariantDictionary,
   toneVariantDictionary,
 }

package/src/types/typography.ts

@@ -13,6 +13,7 @@ export type TypographyType =
   | 'label'
   | 'option'
   | 'paragraph'
+  | 'tip'
 
 export type TypographyPrimaryType =
   | 'action'
@@ -29,6 +30,11 @@ export type TypographySecondaryType =
   | 'label'
   | 'option'
   | 'paragraph'
+  | 'tip'
+
+export type TypographySmallerType =
+  | 'tip'
+  | 'option'
 
 export type TypographyMonoType =
   | 'code'

package/src/types/variant.ts

@@ -6,9 +6,10 @@ export type ThemeStatusVariantType =
 
 export type ThemeVariantType =
   | 'dark'
-  | 'light'
   | 'error'
   | 'info'
+  | 'light'
+  | 'primary'
   | 'success'
   | 'warning'
 
@@ -66,3 +67,7 @@ export type ToneSimpleVariantType =
   | 'strong'
   | 'weak'
   | 'quiet'
+
+export type ToneMinimalVariantType =
+| 'strong'
+| 'weak'

package/www/build/mds-table-row.esm.js

@@ -1 +1 @@
-import{p as e,b as t}from"./p-3619a466.js";(()=>{const t=import.meta.url,a={};return""!==t&&(a.resourcesUrl=new URL(".",t).href),e(a)})().then((e=>t([["p-d6429c2e",[[4,"mds-table-row",{interactive:[32]},[[16,"tableInteractive","tableInteractiveHandler"]]]]]],e)));
+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)));

package/www/build/mds-table-row.js

@@ -114,7 +114,7 @@ DOMTokenList
 
   var resourcesUrl = scriptElm ? scriptElm.getAttribute('data-resources-url') || scriptElm.src : '';
   var start = function() {
-    var url = new URL('./p-cc341cca.system.js', new URL(resourcesUrl, window.location.origin));
+    var url = new URL('./p-15f2406e.system.js', new URL(resourcesUrl, window.location.origin));
     System.import(url.href);
   };
 

package/www/build/p-031e68b1.system.entry.js

@@ -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}}}));

package/www/build/{p-cc341cca.system.js → p-15f2406e.system.js}

@@ -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-c3576dff.system",[[4,"mds-table-row",{interactive:[32]},[[16,"tableInteractive","tableInteractiveHandler"]]]]]],e)}))}}}));
+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)}))}}}));

package/www/build/p-dab964fd.entry.js

@@ -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}

package/dist/collection/dictionary/status.js

@@ -1,7 +0,0 @@
-const statusDictionary = [
-  'error',
-  'info',
-  'success',
-  'warning',
-];
-export { statusDictionary, };

package/dist/collection/dictionary/tag.js

@@ -1,53 +0,0 @@
-const tagsDictionary = [
-  'abbr',
-  'address',
-  'article',
-  'b',
-  'bdo',
-  'blockquote',
-  'cite',
-  'code',
-  'dd',
-  'del',
-  'details',
-  'dfn',
-  'div',
-  'dl',
-  'dt',
-  'em',
-  'figcaption',
-  'h1',
-  'h2',
-  'h3',
-  'h4',
-  'h5',
-  'h6',
-  'i',
-  'ins',
-  'kbd',
-  'label',
-  'legend',
-  'li',
-  'mark',
-  'ol',
-  'p',
-  'pre',
-  'q',
-  'rb',
-  'rt',
-  'ruby',
-  's',
-  'samp',
-  'small',
-  'span',
-  'strong',
-  'sub',
-  'summary',
-  'sup',
-  'time',
-  'u',
-  'ul',
-  'var',
-  'wbr',
-];
-export { tagsDictionary, };

package/dist/custom-elements/index.js

@@ -1,74 +0,0 @@
-import { h, Host, proxyCustomElement } from '@stencil/core/internal/client';
-export { setAssetPath, setPlatformOptions } from '@stencil/core/internal/client';
-
-function toVal(mix) {
-	var k, y, str='';
-
-	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 = ".table-row {\n\n  display: table-row;\n}\n\n.border {\n\n  border-width: 1px;\n}\n\n.shadow {\n\n  --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);\n\n  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n {\n\n  display: table-row;\n}\n\n.table-row {\n\n  border-bottom-width: 1px;\n\n  border-bottom-color: var(--border-color, rgb(var(--adjust-tone-09)));\n}\n\n.table-row:last-child {\n\n  border-color: transparent;\n}\n\n.table-row:first-child .table-cell:first-child {\n  border-top-left-radius: var(--radius, 0.5rem);\n}\n\n.table-row:last-child .table-cell:first-child {\n  border-bottom-left-radius: var(--radius, 0.5rem);\n}\n\n.table-row:first-child .table-cell:last-child {\n  border-top-right-radius: var(--radius, 0.5rem);\n}\n\n.table-row:last-child .table-cell:last-child {\n  border-bottom-right-radius: var(--radius, 0.5rem);\n}\n\n.table-row:focus {\n\n  opacity: 0.5;\n}\n\n.table-row--interactive:hover .table-cell {\n  background-color: var(--row-background-hover, rgb(var(--adjust-tone-10)));\n}\n";
-
-let MdsTableRow$1 = class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-  }
-  tableInteractiveHandler(event) {
-    this.interactive = event.detail;
-  }
-  render() {
-    return (h(Host, { class: clsx('table-row', this.interactive && 'table-row--interactive'), role: "row" }, h("slot", null)));
-  }
-  static get style() { return mdsTableRowCss; }
-};
-
-const MdsTableRow = /*@__PURE__*/proxyCustomElement(MdsTableRow$1, [4,"mds-table-row",{"interactive":[32]},[[16,"tableInteractive","tableInteractiveHandler"]]]);
-const defineCustomElements = (opts) => {
-  if (typeof customElements !== 'undefined') {
-    [
-      MdsTableRow
-    ].forEach(cmp => {
-      if (!customElements.get(cmp.is)) {
-        customElements.define(cmp.is, cmp, opts);
-      }
-    });
-  }
-};
-
-export { MdsTableRow, defineCustomElements };

package/dist/mds-table-row/p-c3576dff.system.entry.js

@@ -1 +0,0 @@
-System.register(["./p-13e3a2cc.system.js"],(function(r){"use strict";var t,n,e;return{setters:[function(r){t=r.r;n=r.h;e=r.H}],execute:function(){function o(r){var t,n,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(n=o(r[t])){e&&(e+=" ");e+=n}}}}else{for(t in r){if(r[t]){e&&(e+=" ");e+=t}}}}return e}function a(){var r=0,t,n,e="";while(r<arguments.length){if(t=arguments[r++]){if(n=o(t)){e&&(e+=" ");e+=n}}}return e}var i=".table-row {\n\n  display: table-row;\n}\n\n.border {\n\n  border-width: 1px;\n}\n\n.shadow {\n\n  --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);\n\n  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n {\n\n  display: table-row;\n}\n\n.table-row {\n\n  border-bottom-width: 1px;\n\n  border-bottom-color: var(--border-color, rgb(var(--adjust-tone-09)));\n}\n\n.table-row:last-child {\n\n  border-color: transparent;\n}\n\n.table-row:first-child .table-cell:first-child {\n  border-top-left-radius: var(--radius, 0.5rem);\n}\n\n.table-row:last-child .table-cell:first-child {\n  border-bottom-left-radius: var(--radius, 0.5rem);\n}\n\n.table-row:first-child .table-cell:last-child {\n  border-top-right-radius: var(--radius, 0.5rem);\n}\n\n.table-row:last-child .table-cell:last-child {\n  border-bottom-right-radius: var(--radius, 0.5rem);\n}\n\n.table-row:focus {\n\n  opacity: 0.5;\n}\n\n.table-row--interactive:hover .table-cell {\n  background-color: var(--row-background-hover, rgb(var(--adjust-tone-10)));\n}\n";var l=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 n(e,{class:a("table-row",this.interactive&&"table-row--interactive"),role:"row"},n("slot",null))};return r}());l.style=i}}}));

package/dist/mds-table-row/p-d6429c2e.entry.js

@@ -1 +0,0 @@
-import{r,h as n,H as t}from"./p-3619a466.js";function o(r){var n,t,a="";if("string"==typeof r||"number"==typeof r)a+=r;else if("object"==typeof r)if(Array.isArray(r))for(n=0;n<r.length;n++)r[n]&&(t=o(r[n]))&&(a&&(a+=" "),a+=t);else for(n in r)r[n]&&(a&&(a+=" "),a+=n);return a}function a(){for(var r,n,t=0,a="";t<arguments.length;)(r=arguments[t++])&&(n=o(r))&&(a&&(a+=" "),a+=n);return a}let e=class{constructor(n){r(this,n)}tableInteractiveHandler(r){this.interactive=r.detail}render(){return n(t,{class:a("table-row",this.interactive&&"table-row--interactive"),role:"row"},n("slot",null))}};e.style=".table-row {\n\n  display: table-row;\n}\n\n.border {\n\n  border-width: 1px;\n}\n\n.shadow {\n\n  --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);\n\n  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n {\n\n  display: table-row;\n}\n\n.table-row {\n\n  border-bottom-width: 1px;\n\n  border-bottom-color: var(--border-color, rgb(var(--adjust-tone-09)));\n}\n\n.table-row:last-child {\n\n  border-color: transparent;\n}\n\n.table-row:first-child .table-cell:first-child {\n  border-top-left-radius: var(--radius, 0.5rem);\n}\n\n.table-row:last-child .table-cell:first-child {\n  border-bottom-left-radius: var(--radius, 0.5rem);\n}\n\n.table-row:first-child .table-cell:last-child {\n  border-top-right-radius: var(--radius, 0.5rem);\n}\n\n.table-row:last-child .table-cell:last-child {\n  border-bottom-right-radius: var(--radius, 0.5rem);\n}\n\n.table-row:focus {\n\n  opacity: 0.5;\n}\n\n.table-row--interactive:hover .table-cell {\n  background-color: var(--row-background-hover, rgb(var(--adjust-tone-10)));\n}\n";export{e as mds_table_row}

package/dist/types/dictionary/status.d.ts

@@ -1,2 +0,0 @@
-declare const statusDictionary: string[];
-export { statusDictionary, };

package/dist/types/dictionary/tag.d.ts

@@ -1,2 +0,0 @@
-declare const tagsDictionary: string[];
-export { tagsDictionary, };

package/src/dictionary/status.ts

@@ -1,10 +0,0 @@
-const statusDictionary = [
-  'error',
-  'info',
-  'success',
-  'warning',
-]
-
-export {
-  statusDictionary,
-}

package/src/dictionary/tag.ts

@@ -1,57 +0,0 @@
-
-const tagsDictionary = [
-  'abbr',
-  'address',
-  'article',
-  'b',
-  'bdo',
-  'blockquote',
-  'cite',
-  'code',
-  'dd',
-  'del',
-  'details',
-  'dfn',
-  'div',
-  'dl',
-  'dt',
-  'em',
-  'figcaption',
-  'h1',
-  'h2',
-  'h3',
-  'h4',
-  'h5',
-  'h6',
-  'i',
-  'ins',
-  'kbd',
-  'label',
-  'legend',
-  'li',
-  'mark',
-  'ol',
-  'p',
-  'pre',
-  'q',
-  'rb',
-  'rt',
-  'ruby',
-  's',
-  'samp',
-  'small',
-  'span',
-  'strong',
-  'sub',
-  'summary',
-  'sup',
-  'time',
-  'u',
-  'ul',
-  'var',
-  'wbr',
-]
-
-export {
-  tagsDictionary,
-}

package/www/build/p-c3576dff.system.entry.js

@@ -1 +0,0 @@
-System.register(["./p-13e3a2cc.system.js"],(function(r){"use strict";var t,n,e;return{setters:[function(r){t=r.r;n=r.h;e=r.H}],execute:function(){function o(r){var t,n,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(n=o(r[t])){e&&(e+=" ");e+=n}}}}else{for(t in r){if(r[t]){e&&(e+=" ");e+=t}}}}return e}function a(){var r=0,t,n,e="";while(r<arguments.length){if(t=arguments[r++]){if(n=o(t)){e&&(e+=" ");e+=n}}}return e}var i=".table-row {\n\n  display: table-row;\n}\n\n.border {\n\n  border-width: 1px;\n}\n\n.shadow {\n\n  --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);\n\n  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n {\n\n  display: table-row;\n}\n\n.table-row {\n\n  border-bottom-width: 1px;\n\n  border-bottom-color: var(--border-color, rgb(var(--adjust-tone-09)));\n}\n\n.table-row:last-child {\n\n  border-color: transparent;\n}\n\n.table-row:first-child .table-cell:first-child {\n  border-top-left-radius: var(--radius, 0.5rem);\n}\n\n.table-row:last-child .table-cell:first-child {\n  border-bottom-left-radius: var(--radius, 0.5rem);\n}\n\n.table-row:first-child .table-cell:last-child {\n  border-top-right-radius: var(--radius, 0.5rem);\n}\n\n.table-row:last-child .table-cell:last-child {\n  border-bottom-right-radius: var(--radius, 0.5rem);\n}\n\n.table-row:focus {\n\n  opacity: 0.5;\n}\n\n.table-row--interactive:hover .table-cell {\n  background-color: var(--row-background-hover, rgb(var(--adjust-tone-10)));\n}\n";var l=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 n(e,{class:a("table-row",this.interactive&&"table-row--interactive"),role:"row"},n("slot",null))};return r}());l.style=i}}}));

package/www/build/p-d6429c2e.entry.js

@@ -1 +0,0 @@
-import{r,h as n,H as t}from"./p-3619a466.js";function o(r){var n,t,a="";if("string"==typeof r||"number"==typeof r)a+=r;else if("object"==typeof r)if(Array.isArray(r))for(n=0;n<r.length;n++)r[n]&&(t=o(r[n]))&&(a&&(a+=" "),a+=t);else for(n in r)r[n]&&(a&&(a+=" "),a+=n);return a}function a(){for(var r,n,t=0,a="";t<arguments.length;)(r=arguments[t++])&&(n=o(r))&&(a&&(a+=" "),a+=n);return a}let e=class{constructor(n){r(this,n)}tableInteractiveHandler(r){this.interactive=r.detail}render(){return n(t,{class:a("table-row",this.interactive&&"table-row--interactive"),role:"row"},n("slot",null))}};e.style=".table-row {\n\n  display: table-row;\n}\n\n.border {\n\n  border-width: 1px;\n}\n\n.shadow {\n\n  --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);\n\n  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n {\n\n  display: table-row;\n}\n\n.table-row {\n\n  border-bottom-width: 1px;\n\n  border-bottom-color: var(--border-color, rgb(var(--adjust-tone-09)));\n}\n\n.table-row:last-child {\n\n  border-color: transparent;\n}\n\n.table-row:first-child .table-cell:first-child {\n  border-top-left-radius: var(--radius, 0.5rem);\n}\n\n.table-row:last-child .table-cell:first-child {\n  border-bottom-left-radius: var(--radius, 0.5rem);\n}\n\n.table-row:first-child .table-cell:last-child {\n  border-top-right-radius: var(--radius, 0.5rem);\n}\n\n.table-row:last-child .table-cell:last-child {\n  border-bottom-right-radius: var(--radius, 0.5rem);\n}\n\n.table-row:focus {\n\n  opacity: 0.5;\n}\n\n.table-row--interactive:hover .table-cell {\n  background-color: var(--row-background-hover, rgb(var(--adjust-tone-10)));\n}\n";export{e as mds_table_row}