@justeattakeaway/pie-data-table 0.3.16 → 0.3.18

package/dist/{PieElement-CH9XVguJ.js → PieElement-SIkyk31X.js}

@@ -4,7 +4,7 @@ const t = class t extends i {
     this.getAttribute("v") || this.setAttribute("v", t.v);
   }
 };
-t.v = "0.3.16";
+t.v = "0.3.18";
 let s = t;
 export {
   s as P

package/dist/index.js

@@ -1,6 +1,6 @@
 import { nothing as c, html as l, unsafeCSS as g } from "lit";
 import { property as h } from "lit/decorators.js";
-import { P as p } from "./PieElement-CH9XVguJ.js";
+import { P as p } from "./PieElement-SIkyk31X.js";
 import { RtlMixin as u, safeCustomElement as f } from "@justeattakeaway/pie-webc-core";
 import { classMap as n } from "lit/directives/class-map.js";
 const v = "*,*:after,*:before{box-sizing:inherit}:host{display:block}.c-data-table{--data-table-background-color: var(--dt-color-container-default);--data-table-background-hover-or-active: var(--dt-color-container-subtle);--data-table-border-color: var(--dt-color-border-default);--data-table-border-radius: var(--dt-radius-rounded-c);--data-table-text-color: var(--dt-color-content-default);background-color:var(--data-table-background-color);border:1px solid var(--data-table-border-color);border-radius:var(--data-table-border-radius);color:var(--data-table-text-color);width:100%;overflow:hidden}.c-data-table table{border-spacing:0;width:100%}.c-data-table tbody{overflow:auto}.c-data-table tbody tr:hover{background-color:var(--data-table-background-hover-or-active)}.c-data-table-head-cell{background-color:transparent;font-size:calc(var(--dt-font-body-strong-l-size) * 1px);line-height:calc(var(--dt-font-body-strong-l-line-height) * 1px);font-weight:var(--dt-font-body-strong-l-weight);color:var(--data-table-text-color);text-align:left}.c-data-table-head-cell-text-align--left,.c-data-table-cell-text-align--left{text-align:left}.c-data-table-head-cell-text-align--right,.c-data-table-cell-text-align--right{text-align:right}.c-data-table-head-cell-text-align--center,.c-data-table-cell-text-align--center{text-align:center}.c-data-table-cell,.c-data-table-head-cell{padding:var(--dt-spacing-d);border-bottom:1px solid var(--data-table-border-color)}.c-data-table-cell--hidden,.c-data-table-row--hidden{display:none}", m = {

package/dist/pie-data-table-body/index.js

@@ -1,5 +1,5 @@
 import { unsafeCSS as p, html as d } from "lit";
-import { P as i } from "../PieElement-CH9XVguJ.js";
+import { P as i } from "../PieElement-SIkyk31X.js";
 import { safeCustomElement as m } from "@justeattakeaway/pie-webc-core";
 const b = ":host{display:table-row-group}:host ::slotted(pie-data-table-row){--pie-data-table-row-background-hover: var(--dt-color-container-subtle)}";
 var u = Object.getOwnPropertyDescriptor, c = (o, a, n, s) => {

package/dist/pie-data-table-cell/index.js

@@ -1,6 +1,6 @@
 import { unsafeCSS as c, nothing as d, html as f } from "lit";
 import { property as p } from "lit/decorators.js";
-import { P as g } from "../PieElement-CH9XVguJ.js";
+import { P as g } from "../PieElement-SIkyk31X.js";
 import { validPropertyValues as b, safeCustomElement as h } from "@justeattakeaway/pie-webc-core";
 const m = ":host{padding:var(--dt-spacing-d);border-bottom:1px solid var(--data-table-border-color);display:table-cell}:host([textAlign=right]){text-align:right}:host([textAlign=center]){text-align:center}:host([textAlign=left]){text-align:left}:host([isHidden]){display:none}", x = ["left", "right", "center"], u = {
   textAlign: "left",

package/dist/pie-data-table-contents/index.js

@@ -1,5 +1,5 @@
 import { unsafeCSS as i, html as c } from "lit";
-import { P as m } from "../PieElement-CH9XVguJ.js";
+import { P as m } from "../PieElement-SIkyk31X.js";
 import { safeCustomElement as p } from "@justeattakeaway/pie-webc-core";
 const b = ":host{inline-size:100%;display:table}";
 var f = Object.getOwnPropertyDescriptor, u = (r, l, o, a) => {

package/dist/pie-data-table-head/index.js

@@ -1,5 +1,5 @@
 import { unsafeCSS as d, html as i } from "lit";
-import { P as c } from "../PieElement-CH9XVguJ.js";
+import { P as c } from "../PieElement-SIkyk31X.js";
 import { safeCustomElement as b } from "@justeattakeaway/pie-webc-core";
 const p = ":host{background-color:transparent;font-size:calc(var(--dt-font-body-strong-l-size) * 1px);line-height:calc(var(--dt-font-body-strong-l-line-height) * 1px);font-weight:var(--dt-font-body-strong-l-weight);color:var(--dt-color-content-default);border-bottom:1px solid var(--data-table-border-color);display:table-header-group}";
 var f = Object.getOwnPropertyDescriptor, h = (o, a, n, l) => {

package/dist/pie-data-table-head-cell/index.js

@@ -1,6 +1,6 @@
 import { unsafeCSS as p, nothing as c, html as f } from "lit";
 import { property as d } from "lit/decorators.js";
-import { P as h } from "../PieElement-CH9XVguJ.js";
+import { P as h } from "../PieElement-SIkyk31X.js";
 import { validPropertyValues as g, safeCustomElement as b } from "@justeattakeaway/pie-webc-core";
 const m = ":host{padding:var(--dt-spacing-d);border-bottom:1px solid var(--data-table-border-color);display:table-cell}:host([textAlign=right]){text-align:right}:host([textAlign=center]){text-align:center}:host([textAlign=left]){text-align:left}:host([isHidden]){display:none}", x = ["left", "right", "center"], u = {
   textAlign: "left",

package/dist/pie-data-table-header/index.js

@@ -1,6 +1,6 @@
 import { unsafeCSS as p, nothing as h, html as d } from "lit";
 import { property as c, queryAssignedElements as g, state as b } from "lit/decorators.js";
-import { P as f } from "../PieElement-CH9XVguJ.js";
+import { P as f } from "../PieElement-SIkyk31X.js";
 import { validPropertyValues as u, safeCustomElement as m } from "@justeattakeaway/pie-webc-core";
 import { classMap as v } from "lit/directives/class-map.js";
 const y = "*,*:after,*:before{box-sizing:inherit}:host{display:block}.c-data-table-header{--data-table-header-background: transparent;--data-table-border-color: var(--dt-color-border-default);padding:var(--dt-spacing-d);background-color:var(--data-table-header-background);border-bottom:1px solid var(--data-table-border-color);display:flex;justify-content:space-between;align-items:flex-end}.c-data-table-header-heading-wrapper{display:flex;flex-direction:column;gap:var(--dt-spacing-b)}.c-data-table-header-heading{font-family:var(--dt-font-heading-m-family);font-weight:var(--dt-font-heading-m-weight);font-size:calc(var(--dt-font-heading-m-size--wide) * 1px);line-height:calc(var(--dt-font-heading-m-line-height--wide) * 1px)}.c-data-table-header-sub-heading{font-family:var(--dt-font-body-l-family);font-weight:var(--dt-font-body-l-weight);font-size:calc(var(--dt-font-body-l-size) * 1px);line-height:calc(var(--dt-font-body-l-line-height) * 1px)}.c-data-table-header--strong{--data-table-header-background: var(--dt-color-support-brand-02)}.c-data-table-action-buttons-wrapper{display:flex;gap:var(--dt-spacing-d)}", w = ["subtle", "strong"], x = {

package/dist/pie-data-table-row/index.js

@@ -1,6 +1,6 @@
 import { unsafeCSS as d, nothing as c, html as f } from "lit";
 import { property as i } from "lit/decorators.js";
-import { P as b } from "../PieElement-CH9XVguJ.js";
+import { P as b } from "../PieElement-SIkyk31X.js";
 import { safeCustomElement as m } from "@justeattakeaway/pie-webc-core";
 const u = ":host{display:table-row;border-bottom:1px solid var(--data-table-border-color)}:host(:hover){background-color:var(--pie-data-table-row-background-hover, transparent)}:host([isSelected]){background-color:var(--dt-color-container-subtle)}", S = {
   isSelected: !1,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@justeattakeaway/pie-data-table",
   "description": "PIE Design System Data Table built using Web Components",
-  "version": "0.3.16",
+  "version": "0.3.18",
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -20,30 +20,27 @@
   },
   "scripts": {
     "build": "run -T vite build",
-    "build:react-wrapper": "npx build-react-wrapper",
+    "build:react-wrapper": "run -T build-react-wrapper",
     "create:manifest": "run -T cem analyze --litelement",
     "lint:scripts": "run -T eslint .",
     "lint:scripts:fix": "yarn lint:scripts --fix",
     "lint:style": "run -T stylelint ./src/**/*.{css,scss}",
     "lint:style:fix": "yarn lint:style --fix",
     "watch": "run -T vite build --watch",
-    "test:browsers": "npx playwright test -c ./playwright-lit.config.ts",
+    "test:browsers": "run -T playwright test -c ./playwright-lit.config.ts",
     "test:browsers:ci": "yarn test:browsers",
-    "test:visual": "run -T cross-env-shell PERCY_TOKEN=${PERCY_TOKEN_PIE_DATA_TABLE} percy exec --allowed-hostname cloudfront.net -- npx playwright test -c ./playwright-lit-visual.config.ts",
+    "test:visual": "run -T cross-env-shell PERCY_TOKEN=${PERCY_TOKEN_PIE_DATA_TABLE} percy exec --allowed-hostname cloudfront.net -- run -T playwright test -c ./playwright-lit-visual.config.ts",
     "test:visual:ci": "yarn test:visual"
   },
   "author": "Just Eat Takeaway.com - Design System Team",
   "license": "Apache-2.0",
   "devDependencies": {
-    "@justeattakeaway/pie-components-config": "0.21.2",
-    "@justeattakeaway/pie-css": "1.1.1",
-    "@justeattakeaway/pie-monorepo-utils": "0.9.1"
+    "@justeattakeaway/pie-components-config": "0.21.3",
+    "@justeattakeaway/pie-css": "1.2.0",
+    "@justeattakeaway/pie-monorepo-utils": "0.9.5"
   },
   "dependencies": {
-    "@justeattakeaway/pie-webc-core": "14.0.1"
-  },
-  "volta": {
-    "extends": "../../../package.json"
+    "@justeattakeaway/pie-webc-core": "15.0.0"
   },
   "customElements": "custom-elements.json",
   "sideEffects": [